@property --glow-opacity{syntax:"<number>";inherits:false;initial-value:0}@property --card-shine-x{syntax:"<percentage>";inherits:false;initial-value:50%}@property --card-shine-y{syntax:"<percentage>";inherits:false;initial-value:50%}:root{--accent:#7c3aed;--accent-bright:#8b5cf6;--accent-2:#c4b5fd;--accent-dim:#5b21b6;--green:#22c55e;--red:#ef4444;--amber:#f59e0b;--dr-high:#4ade80;--hue-accent:263;--bg:#0f0a1e;--bg-2:#160d2b;--bg-3:#ffffff0d;--glass-1:#ffffff0a;--glass-2:#ffffff0f;--glass-3:#ffffff1a;--glow-accent:#8b5cf640;--sidebar-bg:#0f0823d9;--sidebar-border:#ffffff12;--card-bg:#ffffff0d;--card-border:#ffffff1a;--card-hover:#ffffff14;--border:#ffffff14;--text-1:#fff;--text-2:#e2e8f0;--text-3:#ffffff73;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-2xl:22px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--t-fast:.15s;--t-base:.25s;--t-slow:.4s}@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}img,svg,video{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}}@layer base{html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;min-height:100svh;font-family:Outfit,system-ui,sans-serif;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--accent) 40%, transparent);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch, var(--accent) 65%, transparent)}::selection{background:color-mix(in oklch, var(--accent) 35%, transparent);color:var(--text-1)}}@layer layout{body{background:linear-gradient(135deg,#1a0533 0%,#120928 30%,#0c0820 60%,#080614 100%);min-height:100vh}.app-container{grid-template-columns:280px 1fr;width:100vw;height:100vh;display:grid;overflow:hidden}.glass-panel{background:0 0;border:none}}@layer sidebar{.sidebar{background:var(--bg-2);border-right:1px solid var(--border);color:var(--text-2);flex-direction:column;height:100%;padding:20px 14px;display:flex;overflow-y:auto}.sidebar:before{content:"";background-image:radial-gradient(circle at 20% 0%, color-mix(in oklch, var(--accent) 12%, transparent) 0%, transparent 55%);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.logo{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.logo i{background:var(--accent);color:#fff;border-radius:12px;flex-shrink:0;place-content:center;width:40px;height:40px;font-size:18px;display:grid}.logo h2{color:#fff;letter-spacing:-.5px;margin:0;font-size:20px;font-weight:900}.sidebar-search{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;margin-bottom:14px;padding:11px 14px;transition:border-color .2s;display:flex}.sidebar-search:focus-within{border-color:#8b5cf666}.sidebar-search i{color:#ffffff59;font-size:14px}.sidebar-search input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:14px;font-weight:500}.sidebar-search input::placeholder{color:#ffffff4d}.user-profile-btn{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:6px 14px;transition:all .2s;display:flex}.user-profile-btn:hover{background:#ffffff14;border-color:#ffffff26}.user-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:var(--r-md);color:#fff;width:38px;height:38px;box-shadow:0 4px 12px var(--glow-accent);flex-shrink:0;place-content:center;font-size:16px;font-weight:800;display:grid}.user-name{color:var(--text-1);font-size:13px;font-weight:700;line-height:1.3}.user-plan{letter-spacing:.8px;text-transform:uppercase;border-radius:var(--sp-1);background:color-mix(in oklch, var(--accent) 18%, transparent);color:var(--accent);border:1px solid color-mix(in oklch, var(--accent) 30%, transparent);margin-top:3px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.search-box{align-items:center;gap:var(--sp-3);background:var(--glass-2);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:var(--sp-4);z-index:1;transition:border-color var(--t-fast) var(--ease-out), box-shadow var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out);padding:10px 14px;display:flex;position:relative}.search-box:focus-within{border-color:color-mix(in oklch, var(--accent) 55%, transparent);background:color-mix(in oklch, var(--accent) 6%, var(--glass-2));box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 15%, transparent), 0 0 20px color-mix(in oklch, var(--accent) 20%, transparent)}.search-box i{color:var(--text-3);transition:color var(--t-fast);font-size:13px}.search-box:focus-within i{color:var(--accent)}.search-box input{color:var(--text-1);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.search-box input::placeholder{color:var(--text-3)}.sidebar-section-title{letter-spacing:1.8px;color:var(--text-3);text-transform:uppercase;padding:var(--sp-1) var(--sp-2) var(--sp-3);z-index:1;font-size:10px;font-weight:700;position:relative}.category-nav{flex-direction:column;flex:1;gap:3px;display:flex;overflow-y:auto}.cat-btn{color:#ffffff8c;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.cat-btn i{text-align:center;flex-shrink:0;width:20px;font-size:15px}.cat-btn .cat-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cat-btn .cat-count{color:#ffffff4d;background:#ffffff0f;border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:800}.cat-btn:hover{color:#fffffff2;background:#ffffff0f}.cat-btn.active{color:#fff;background:#8b5cf633;font-weight:700}.cat-btn.active i{color:#a78bfa}.cat-btn.active .cat-count{color:#c4b5fd;background:#8b5cf64d}.sidebar-footer{border-top:1px solid #ffffff12;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;margin-top:auto;padding-top:12px;display:flex}.sidebar-footer p{color:#ffffff40;text-align:center;font-size:11px}.home-link{color:#ffffff59;align-items:center;gap:6px;font-size:12px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.home-link:hover{color:#ffffffb3}.btn-logout{color:#f87171;background:#ef444414;border:1px solid #ef444433;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-logout:hover{background:#ef444426;border-color:#ef444466}}@layer main{.main-content{background:0 0;flex-direction:column;height:100%;display:flex;overflow-y:auto}.main-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;padding:28px 36px 0;display:flex}.main-header h1{color:#fff;letter-spacing:-.8px;margin:0;font-size:28px;font-weight:900;line-height:1.1}.main-header p{color:#fff6;margin-top:4px;font-size:13px;font-weight:500}.header-left{flex:1;min-width:0}.header-right{flex-shrink:0;align-items:center;gap:10px;padding-top:4px;display:flex}.btn-header-icon{color:#ffffff8c;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;place-content:center;width:34px;height:34px;font-size:13px;transition:all .2s;display:grid}.btn-header-icon:hover{color:#fff;background:#ffffff1f}.header-stats{background:var(--accent);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:0;min-width:60px;padding:8px 16px;display:flex}.stat-value{color:#fff;font-size:22px;font-weight:900;line-height:1}.stat-label{text-transform:uppercase;letter-spacing:1px;color:#ffffffbf;margin-top:1px;font-size:8px;font-weight:700}.user-profile-btn{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:9px;padding:6px 12px 6px 6px;transition:all .2s;display:flex}.user-profile-btn:hover{background:#ffffff17}.user-avatar{color:#fff;border-radius:8px;flex-shrink:0;place-content:center;width:30px;height:30px;font-size:12px;font-weight:800;display:grid}.user-info-text{text-align:left}.user-name{color:#fff;font-size:12px;font-weight:700;line-height:1.2}.user-role{color:var(--accent-2);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:600}.links-grid{flex:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:16px;padding:20px 36px 40px;display:grid;overflow-y:auto}.btn-bulk-upload,.btn-add-link{display:none}.bulk-loading-status{color:var(--accent-2);align-items:center;gap:6px;font-size:12px;display:flex}}@layer cards{.link-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;padding:16px 16px 0;transition:background .2s,border-color .2s,transform .2s;display:flex}.link-card:hover{background:#ffffff12;border-color:#8b5cf666;transform:translateY(-3px)}.card-preview{display:none}.card-body{flex-direction:column;padding-bottom:14px;display:flex}.card-top-row{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.card-title-wrap{flex:1;min-width:0}.card-title{color:#fff;word-break:break-word;font-size:15px;font-weight:800;line-height:1.35}.card-meta{color:#fff6;align-items:center;gap:5px;margin-top:5px;font-size:12px;font-weight:500;display:flex}.card-meta i{font-size:10px}.card-note{color:#ffffff4d;margin-top:4px;font-size:11px}.card-right-col{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.dr-badge{color:#4ade80;white-space:nowrap;letter-spacing:.3px;background:#22c55e2e;border:1px solid #22c55e4d;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:900}.btn-star{cursor:pointer;color:#fff3;background:0 0;border:none;padding:0;font-size:13px;transition:color .15s}.btn-star:hover,.btn-star.active{color:#fbbf24}.card-footer{border-top:1px solid #ffffff12;border-radius:0 0 14px 14px;align-items:stretch;margin:0 -16px;display:flex;overflow:hidden}.btn-visit{background:var(--accent);color:#fff;border:none;border-radius:0 0 0 14px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 14px;font-size:13px;font-weight:800;transition:background .15s;display:flex}.btn-visit i{font-size:11px}.btn-visit:hover{background:#6d28d9}.btn-card-action{color:#fff6;cursor:pointer;background:#ffffff0a;border:none;border-left:1px solid #ffffff12;padding:10px 13px;font-size:13px;transition:all .15s}.btn-card-action:hover{color:#ffffffe6;background:#ffffff17}.btn-card-action.btn-delete:hover{color:#fca5a5;background:#ef44441f}.card-footer .btn-card-action:last-child{border-radius:0 0 14px}.my-link-badge{color:#93c5fd;vertical-align:middle;background:#3b82f62e;border-radius:4px;margin-left:5px;padding:1px 5px;font-size:9px;font-weight:700}}@layer badges{.dr-badge{color:#4ade80;white-space:nowrap;background:#22c55e26;border:1px solid #22c55e40;border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:800;position:static;overflow:visible}.dr-badge:before{display:none}}@layer animations{.link-card{opacity:1;transform:none}@keyframes accentPulse{0%,to{box-shadow:0 0 8px color-mix(in oklch, var(--accent) 20%, transparent)}50%{box-shadow:0 0 18px color-mix(in oklch, var(--accent) 40%, transparent)}}.cat-btn.active{animation:3s ease-in-out infinite accentPulse}}@layer toast{.copy-toast{align-items:center;gap:var(--sp-2);background:color-mix(in oklch, var(--green) 18%, var(--bg-3));border:1px solid color-mix(in oklch, var(--green) 35%, transparent);border-radius:var(--r-lg);color:var(--dr-high);z-index:9999;box-shadow:0 8px 32px #00000080, 0 0 24px color-mix(in oklch, var(--green) 25%, transparent);animation:toastIn var(--t-base) var(--ease-spring) both, toastOut .4s var(--ease-in-out) 1.7s forwards;padding:12px 20px;font-size:14px;font-weight:700;display:flex;position:fixed;bottom:32px;right:32px}.copy-toast i{font-size:16px}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{to{opacity:0;transform:translateY(12px)}}}@layer empty{.empty-state{padding:80px var(--sp-5);justify-content:center;align-items:center;gap:var(--sp-4);text-align:center;color:var(--text-3);animation:cardEnter var(--t-slow) var(--ease-out);flex-direction:column;grid-column:1/-1;display:flex}.empty-state i{opacity:.4;filter:drop-shadow(0 0 20px #ffffff1a);font-size:52px}.empty-state h2{color:var(--text-2);font-size:20px;font-weight:700}.empty-state p{font-size:14px}}@layer responsive{@media (max-width:1200px){.app-container{grid-template-columns:260px 1fr}.links-grid{grid-template-columns:repeat(2,1fr);padding:20px 24px 40px}.main-header{padding:24px 24px 0}}@media (max-width:900px){.app-container{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:auto;min-height:100dvh}.sidebar{gap:var(--sp-3);flex-flow:wrap;max-height:280px}.category-nav{flex-flow:wrap;max-height:none;overflow:visible}.links-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.links-grid{grid-template-columns:1fr;padding:16px}.main-header{flex-wrap:wrap;padding:16px}.sidebar{display:none}.app-container{grid-template-columns:1fr}}}@layer login{.login-overlay{z-index:9999;background:var(--bg);transition:opacity var(--t-slow) var(--ease-in-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.login-overlay.fade-out{opacity:0;pointer-events:none}.login-overlay .blob{opacity:.42;border-radius:50%;position:absolute}.login-overlay .blob-1{filter:blur(100px);background:#a78bfa;width:550px;height:550px;animation:18s ease-in-out infinite blobDrift1;top:-15%;left:-10%}.login-overlay .blob-2{filter:blur(100px);background:#7c3aed;width:650px;height:650px;animation:22s ease-in-out infinite blobDrift2;bottom:-20%;right:-10%}.login-overlay .blob-3{filter:blur(100px);background:#c4b5fd;width:450px;height:450px;animation:14s ease-in-out infinite blobDrift3;top:35%;left:55%}.login-card{z-index:10;border-radius:var(--r-2xl);gap:var(--sp-6);width:min(420px,94vw);animation:loginCardIn var(--t-slow) var(--ease-spring) both;flex-direction:column;padding:44px 38px 34px;display:flex;position:relative}.login-card.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both loginShake}@keyframes loginCardIn{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes loginShake{10%,90%{transform:translate(-5px)}20%,80%{transform:translate(7px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.login-logo{text-align:center;align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}.login-logo i{color:var(--accent);filter:drop-shadow(0 0 20px var(--glow-accent));font-size:42px;animation:3s ease-in-out infinite logoPulse}.login-logo h1{letter-spacing:-.5px;background:linear-gradient(135deg, #fff 30%, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:700}.login-logo p{color:var(--text-2);font-size:13px}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 14px var(--glow-accent))}50%{filter:drop-shadow(0 0 30px var(--glow-accent))}}.login-form{gap:var(--sp-4);flex-direction:column;display:flex}.login-field{align-items:center;display:flex;position:relative}.login-field>i{color:var(--text-3);pointer-events:none;transition:color var(--t-fast);font-size:14px;position:absolute;left:16px}.login-field:focus-within>i{color:var(--accent)}.login-field input{border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text-1);transition:border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);background:#ffffffd1;outline:none;padding:14px 16px 14px 44px;font-family:inherit;font-size:15px}.login-field input:focus{border-color:color-mix(in oklch, var(--accent) 55%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 18%, transparent);background:#fffffff7}.login-field input::placeholder{color:var(--text-3)}.toggle-pw{color:var(--text-3);padding:var(--sp-1);transition:color var(--t-fast);background:0 0;border:none;font-size:14px;position:absolute;right:14px}.toggle-pw:hover{color:var(--accent)}.login-error{align-items:center;gap:var(--sp-2);color:var(--red);background:color-mix(in oklch, var(--red) 10%, transparent);border:1px solid color-mix(in oklch, var(--red) 25%, transparent);border-radius:var(--r-md);animation:toastIn var(--t-base) var(--ease-out);padding:10px 14px;font-size:13px;display:none}.login-error.visible{display:flex}.btn-ext-download{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:13px;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #8b5cf64d}.btn-ext-download:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf680}.btn-login{justify-content:center;align-items:center;gap:var(--sp-3);background:linear-gradient(135deg, var(--accent), hsl(var(--hue-accent) 70% 38%));border-radius:var(--r-md);color:#fff;letter-spacing:.3px;width:100%;transition:transform var(--t-fast) var(--ease-spring), box-shadow var(--t-fast) var(--ease-out), background var(--t-fast);margin-top:var(--sp-1);box-shadow:0 4px 24px color-mix(in oklch, var(--accent) 35%, transparent);border:none;padding:14px;font-family:inherit;font-size:15px;font-weight:700;display:flex;position:relative;overflow:hidden}.btn-login:before{content:"";width:60%;height:100%;transition:left var(--t-slow) var(--ease-out);background:linear-gradient(105deg,#0000 0%,#ffffff26 50%,#0000 100%);position:absolute;top:0;left:-100%}.btn-login:hover:not(:disabled){box-shadow:0 8px 36px color-mix(in oklch, var(--accent) 55%, transparent);transform:translateY(-2px)}.btn-login:hover:not(:disabled):before{left:160%}.btn-login:disabled{opacity:.65;cursor:not-allowed;transform:none}.login-footer{text-align:center;color:var(--text-3);justify-content:center;align-items:center;gap:var(--sp-2);opacity:.7;font-size:12px;display:flex}.login-footer i{color:var(--accent)}}.card-header-right{flex-shrink:0;align-items:flex-start;gap:6px;display:flex}.btn-star{width:30px;height:30px;color:var(--text-3);transition:color .18s var(--ease-out), background .18s var(--ease-out), border-color .18s var(--ease-out), transform .18s var(--ease-spring), box-shadow .18s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;place-content:center;font-size:13px;display:grid;position:relative;overflow:hidden}.btn-star:before{content:"";background:radial-gradient(circle, color-mix(in oklch, var(--amber) 30%, transparent) 0%, transparent 70%);opacity:0;border-radius:inherit;transition:opacity .18s;position:absolute;inset:0}.btn-star:hover{color:var(--amber);background:color-mix(in oklch, var(--amber) 10%, transparent);border-color:color-mix(in oklch, var(--amber) 25%, transparent);transform:scale(1.15)}.btn-star:hover:before{opacity:1}.btn-star:active{transform:scale(.92)}.btn-star--active{color:var(--amber);background:color-mix(in oklch, var(--amber) 13%, transparent);border-color:color-mix(in oklch, var(--amber) 32%, transparent);box-shadow:0 0 12px color-mix(in oklch, var(--amber) 28%, transparent);animation:starPop .45s var(--ease-spring) both}.btn-star--active i{filter:drop-shadow(0 0 5px color-mix(in oklch, var(--amber) 70%, transparent))}@keyframes starPop{0%{opacity:.5;transform:scale(.6)rotate(-25deg)}60%{transform:scale(1.3)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.cat-btn[data-category=⭐\ Favorites]{color:var(--amber)}.cat-btn[data-category=⭐\ Favorites] i{color:var(--amber);filter:drop-shadow(0 0 4px color-mix(in oklch, var(--amber) 40%, transparent))}.cat-btn[data-category=⭐\ Favorites] .cat-count{background:color-mix(in oklch, var(--amber) 14%, transparent);color:var(--amber);border:1px solid color-mix(in oklch, var(--amber) 25%, transparent)}.cat-btn[data-category=⭐\ Favorites]:hover{background:color-mix(in oklch, var(--amber) 8%, transparent)}.cat-btn[data-category=⭐\ Favorites].active{background:color-mix(in oklch, var(--amber) 15%, transparent);border-color:color-mix(in oklch, var(--amber) 32%, transparent);animation:3s ease-in-out infinite favCatPulse}.cat-btn[data-category=⭐\ Favorites].active:before{background:var(--amber);box-shadow:0 0 8px color-mix(in oklch, var(--amber) 70%, transparent)}@keyframes favCatPulse{0%,to{box-shadow:0 0 10px color-mix(in oklch, var(--amber) 12%, transparent)}50%{box-shadow:0 0 22px color-mix(in oklch, var(--amber) 28%, transparent)}}.link-card{animation-delay:calc(var(--card-index,0) * 35ms)}.link-card:has(.btn-star--active):hover:after{background:linear-gradient(to right, transparent, color-mix(in oklch, var(--amber) 30%, transparent), transparent);opacity:1}.copy-toast{z-index:9999;pointer-events:none;animation:toastSlideIn .3s var(--ease-spring) both;border-radius:14px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;display:flex;position:fixed;bottom:32px;right:32px}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(18px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.copy-toast.toast--hide{animation:toastSlideOut .38s var(--ease-in-out) forwards}@keyframes toastSlideOut{to{opacity:0;transform:translateY(10px)}}.toast--success{color:var(--green);background:color-mix(in oklch, var(--green) 14%, white);border:1px solid color-mix(in oklch, var(--green) 32%, transparent);box-shadow:0 8px 28px #096b682e, 0 0 18px color-mix(in oklch, var(--green) 18%, transparent)}.toast--star{color:var(--amber);background:color-mix(in oklch, var(--amber) 14%, white);border:1px solid color-mix(in oklch, var(--amber) 32%, transparent);box-shadow:0 8px 28px #096b682e, 0 0 18px color-mix(in oklch, var(--amber) 18%, transparent)}.toast--warning{color:var(--text-2);background:color-mix(in oklch, var(--text-3) 14%, white);border:1px solid color-mix(in oklch, var(--text-3) 28%, transparent);box-shadow:0 8px 28px #096b6824}.toast--error{color:var(--red);background:color-mix(in oklch, var(--red) 14%, white);border:1px solid color-mix(in oklch, var(--red) 32%, transparent);box-shadow:0 8px 28px #096b682e, 0 0 18px color-mix(in oklch, var(--red) 18%, transparent)}.empty-state i.fa-star{color:var(--amber);opacity:.55;filter:drop-shadow(0 0 18px color-mix(in oklch, var(--amber) 35%, transparent));animation:2.8s ease-in-out infinite emptyStarFloat}@keyframes emptyStarFloat{0%,to{transform:translateY(0)rotate(-5deg)scale(1)}50%{transform:translateY(-8px)rotate(5deg)scale(1.06)}}.search-hint{color:var(--text-3);background:var(--glass-2);border:1px solid var(--border);letter-spacing:.3px;opacity:.7;pointer-events:none;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:10px;font-weight:700}.grid-sentinel{pointer-events:none;visibility:hidden;grid-column:1/-1;height:1px}@keyframes cardEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.blob,.link-card,.btn-star--active,.copy-toast{animation:none!important}.link-card{opacity:1;transform:none}}.btn-add-link{background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 80%, transparent), color-mix(in oklch, var(--accent-2) 80%, transparent));border:1px solid color-mix(in oklch, var(--accent) 40%, transparent);border-radius:var(--r-md);color:#fff;letter-spacing:.3px;width:100%;transition:transform .18s var(--ease-spring), box-shadow .18s var(--ease-out), border-color .18s;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:700;display:flex;position:relative;overflow:hidden}.btn-add-link:before{content:"";transition:transform .4s var(--ease-out);background:linear-gradient(105deg,#0000 0%,#ffffff26 50%,#0000 100%);position:absolute;inset:0;transform:translate(-100%)}.btn-add-link:hover{box-shadow:0 6px 20px color-mix(in oklch, var(--accent) 35%, transparent);border-color:color-mix(in oklch, var(--accent) 60%, transparent);transform:translateY(-2px)}.btn-add-link:hover:before{transform:translate(100%)}.btn-add-link:active{transform:translateY(0)}.header-right-group{flex-shrink:0;align-items:center;gap:12px;display:flex}.btn-add-link-header{background:color-mix(in oklch, var(--accent) 12%, transparent);border:1px solid color-mix(in oklch, var(--accent) 30%, transparent);border-radius:var(--r-md);color:var(--accent);transition:background .18s, border-color .18s, transform .18s var(--ease-spring);align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.btn-add-link-header:hover{background:color-mix(in oklch, var(--accent) 20%, transparent);border-color:color-mix(in oklch, var(--accent) 50%, transparent);transform:translateY(-1px)}.cat-btn[data-category="📌 My Links"]{color:#b086f9}.cat-btn[data-category="📌 My Links"] i{color:#b086f9;filter:drop-shadow(0 0 4px #7125f480)}.cat-btn[data-category="📌 My Links"] .cat-count--my{background:color-mix(in oklch, var(--accent) 15%, transparent);color:var(--accent);border:1px solid color-mix(in oklch, var(--accent) 28%, transparent)}.cat-btn[data-category="📌 My Links"].active{background:color-mix(in oklch, var(--accent) 16%, transparent);border-color:color-mix(in oklch, var(--accent) 30%, transparent)}.cat-btn[data-category="📌 My Links"].active:before{background:var(--accent)}.link-card--custom{border-color:color-mix(in oklch, var(--accent) 25%, transparent)!important;background:color-mix(in oklch, var(--accent) 5%, var(--glass-1))!important}.link-card--custom:after{background:linear-gradient(to right, transparent, color-mix(in oklch, var(--accent) 30%, transparent), transparent)!important;opacity:1!important}.link-card--custom:hover{border-color:color-mix(in oklch, var(--accent) 50%, transparent)!important}.custom-badge{background:color-mix(in oklch, var(--accent) 18%, transparent);border:1px solid color-mix(in oklch, var(--accent) 30%, transparent);color:var(--accent);letter-spacing:.8px;vertical-align:middle;border-radius:4px;align-items:center;margin-left:6px;padding:1px 6px;font-size:9px;font-weight:800;line-height:1.4;display:inline-flex}.card-note{color:var(--text-3);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:11px;font-style:italic;line-height:1.4;display:-webkit-box;overflow:hidden}.btn-edit{border-radius:var(--r-md);background:color-mix(in oklch, var(--accent-2) 10%, transparent);border:1px solid color-mix(in oklch, var(--accent-2) 25%, transparent);color:var(--accent-2);transition:background .18s, color .18s, border-color .18s, transform .18s var(--ease-spring);flex-shrink:0;padding:9px 11px;font-size:12px}.btn-edit:hover{background:color-mix(in oklch, var(--accent-2) 22%, transparent);border-color:color-mix(in oklch, var(--accent-2) 48%, transparent);transform:scale(1.08)}.btn-remove-custom{background:color-mix(in oklch, var(--red) 10%, transparent);border:1px solid color-mix(in oklch, var(--red) 22%, transparent);width:28px;height:28px;color:color-mix(in oklch, var(--red) 70%, var(--text-3));transition:color .16s var(--ease-out), background .16s var(--ease-out), border-color .16s var(--ease-out), transform .16s var(--ease-spring), box-shadow .16s var(--ease-out);border-radius:7px;flex-shrink:0;place-content:center;font-size:13px;display:grid;position:relative;overflow:hidden}.btn-remove-custom:before{content:"";background:radial-gradient(circle, color-mix(in oklch, var(--red) 35%, transparent) 0%, transparent 70%);opacity:0;border-radius:inherit;transition:opacity .16s;position:absolute;inset:0}.btn-remove-custom:hover{color:#fff;background:color-mix(in oklch, var(--red) 75%, transparent);border-color:color-mix(in oklch, var(--red) 70%, transparent);box-shadow:0 0 12px color-mix(in oklch, var(--red) 45%, transparent);transform:scale(1.12)rotate(5deg)}.btn-remove-custom:hover:before{opacity:1}.btn-remove-custom:active{transform:scale(.9)rotate(0)}.modal-backdrop{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .25s var(--ease-in-out);background:#0f0a1ea6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-backdrop.open{opacity:1;pointer-events:all}.modal-box{background:var(--bg-2);border:1px solid color-mix(in oklch, var(--accent) 25%, var(--border));border-radius:var(--r-2xl);width:min(520px,100%);box-shadow:0 24px 80px #0f0a1e80, 0 0 0 1px #8b5cf61a inset, 0 0 60px color-mix(in oklch, var(--accent) 12%, transparent);transition:transform .3s var(--ease-spring), box-shadow .3s;flex-direction:column;gap:20px;padding:32px 28px 28px;display:flex;transform:translateY(24px)scale(.96)}.modal-backdrop.open .modal-box{transform:translateY(0)scale(1)}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.modal-title-row{align-items:center;gap:12px;display:flex}.modal-icon{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;width:40px;height:40px;box-shadow:0 4px 16px var(--glow-accent);border-radius:12px;flex-shrink:0;place-content:center;font-size:16px;display:grid}.modal-title{letter-spacing:-.3px;background:linear-gradient(135deg, var(--text-1), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.modal-close{border-radius:var(--r-sm);background:var(--glass-2);border:1px solid var(--border);width:32px;height:32px;color:var(--text-3);transition:background .15s, color .15s, transform .15s var(--ease-spring);flex-shrink:0;place-content:center;font-size:14px;display:grid}.modal-close:hover{background:color-mix(in oklch, var(--red) 15%, transparent);color:var(--red);border-color:color-mix(in oklch, var(--red) 30%, transparent);transform:scale(1.08)}.modal-subtitle{color:var(--green);background:color-mix(in oklch, var(--green) 8%, transparent);border:1px solid color-mix(in oklch, var(--green) 20%, transparent);border-radius:var(--r-md);align-items:center;gap:6px;margin-top:-10px;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.modal-row{grid-template-columns:1fr auto;gap:12px;display:grid}.modal-field--dr{min-width:100px}.modal-label{color:var(--text-2);letter-spacing:.3px;font-size:12px;font-weight:700}.req{color:var(--accent)}.modal-input-wrap{align-items:center;display:flex;position:relative}.modal-input-wrap>i{color:var(--text-3);pointer-events:none;font-size:13px;transition:color .15s;position:absolute;left:12px}.modal-input-wrap:focus-within>i{color:var(--accent)}.modal-input-wrap input,.modal-input-wrap textarea{background:var(--glass-2);border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text-1);outline:none;padding:11px 12px 11px 36px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.modal-input-wrap textarea{resize:vertical;min-height:64px;line-height:1.5}.modal-input-wrap--textarea>i{align-self:flex-start;top:12px}.modal-input-wrap input:focus,.modal-input-wrap textarea:focus{border-color:color-mix(in oklch, var(--accent) 55%, transparent);background:var(--glass-3);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 15%, transparent)}.modal-input-wrap input::placeholder,.modal-input-wrap textarea::placeholder{color:var(--text-3)}.modal-field{flex-direction:column;gap:6px;display:flex}.modal-field label{color:var(--text-2);letter-spacing:.3px;font-size:12px;font-weight:700}.modal-field input{background:var(--glass-2);border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text-1);outline:none;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.modal-field input:focus{border-color:color-mix(in oklch, var(--accent) 55%, transparent);background:var(--glass-3);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 15%, transparent)}.modal-field input::placeholder{color:var(--text-3)}.modal-error{color:var(--red);background:color-mix(in oklch, var(--red) 10%, transparent);border:1px solid color-mix(in oklch, var(--red) 25%, transparent);border-radius:var(--r-md);padding:8px 12px;font-size:13px;display:none}.modal-error:not(:empty){display:block}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.btn-modal-cancel{border-radius:var(--r-md);background:var(--glass-2);border:1px solid var(--border);color:var(--text-2);padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,color .15s}.btn-modal-cancel:hover{background:var(--glass-3);color:var(--text-1)}.btn-modal-submit{border-radius:var(--r-md);background:linear-gradient(135deg, var(--accent), var(--accent-dim));color:#fff;transition:transform .18s var(--ease-spring), box-shadow .18s;box-shadow:0 4px 16px var(--glow-accent);border:none;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-modal-submit:before{content:"";background:linear-gradient(105deg,#0000 0%,#ffffff26 50%,#0000 100%);transition:transform .4s;position:absolute;inset:0;transform:translate(-100%)}.btn-modal-submit:hover{box-shadow:0 8px 28px var(--glow-accent);transform:translateY(-2px)}.btn-modal-submit:hover:before{transform:translate(100%)}.btn-modal-submit:active{transform:translateY(0)}@media (max-width:600px){.modal-row{grid-template-columns:1fr}.modal-box{padding:24px 18px 20px}}.sp-popup{z-index:9000;background:color-mix(in oklch, var(--bg-2) 88%, white 12%);border:1px solid color-mix(in oklch, var(--accent) 22%, var(--border));width:310px;box-shadow:0 12px 40px #096b682e, 0 0 0 1px #1299901f inset, 0 0 30px color-mix(in oklch, var(--accent) 8%, transparent);opacity:0;pointer-events:none;transition:opacity .32s var(--ease-spring), transform .32s var(--ease-spring);border-radius:14px;align-items:center;gap:12px;padding:12px 14px 14px 12px;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;transform:translateY(16px)scale(.96)}.sp-popup.sp-show{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.sp-popup.sp-hide{opacity:0;pointer-events:none;transform:translateY(20px)scale(.94)}.sp-avatar{letter-spacing:.5px;color:#fff;text-shadow:0 1px 3px #0000004d;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;place-content:center;width:42px;height:42px;font-size:14px;font-weight:800;display:grid;box-shadow:0 3px 10px #00000059}.sp-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sp-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:800;overflow:hidden}.sp-action{color:var(--text-2);font-size:12px;line-height:1.45}.sp-action b{color:var(--text-1);font-weight:700}.sp-meta{align-items:center;gap:5px;margin-top:3px;display:flex}.sp-live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.8s infinite livePulse;box-shadow:0 0 #22c55e66}@keyframes livePulse{0%{box-shadow:0 0 #22c55e73}60%{box-shadow:0 0 0 5px #22c55e00}to{box-shadow:0 0 #22c55e00}}.sp-time{color:var(--text-3);font-size:10.5px;font-weight:500}.sp-loc{font-size:13px;line-height:1}.sp-close{width:22px;height:22px;color:var(--text-3);cursor:pointer;transition:color .14s, background .14s, transform .14s var(--ease-spring);opacity:.6;background:0 0;border:none;border-radius:6px;place-content:center;font-size:11px;display:grid;position:absolute;top:7px;right:8px}.sp-close:hover{opacity:1;color:var(--red);background:color-mix(in oklch, var(--red) 12%, transparent);transform:scale(1.15)rotate(8deg)}.sp-bar{background:linear-gradient(90deg, var(--accent), var(--accent-2));transform-origin:0;border-radius:0 0 14px 14px;width:100%;height:2.5px;position:absolute;bottom:0;left:0}@media (max-width:480px){.sp-popup{width:calc(100vw - 32px);bottom:16px;left:auto;right:16px}}.btn-ext-download{background:linear-gradient(135deg, var(--accent), var(--accent-dim));border-radius:var(--r-md);color:#fff;letter-spacing:.2px;cursor:pointer;width:100%;transition:transform .18s var(--ease-spring), box-shadow .18s var(--ease-out);box-shadow:0 4px 20px var(--glow-accent), 0 0 0 1px #ffffff1a inset;border:1px solid #ffffff26;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;padding:11px 14px;font-family:inherit;font-size:13px;font-weight:800;display:flex;position:relative;overflow:hidden}.btn-ext-glow{background:linear-gradient(105deg,#0000 0%,#fff3 50%,#0000 100%);animation:2.4s ease-in-out infinite extGlowSweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes extGlowSweep{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.btn-ext-download:hover{box-shadow:0 8px 32px color-mix(in oklch, var(--accent) 55%, transparent), 0 0 0 1px #ffffff2e inset;transform:translateY(-2px)}.btn-ext-download:active{transform:translateY(0)}.btn-ext-badge{border-radius:0 var(--r-md) 0 6px;letter-spacing:.8px;color:#fff;background:#22c55e;padding:2px 6px;font-size:9px;font-weight:900;line-height:1.4;position:absolute;top:-1px;right:-1px}.ext-modal-box{scrollbar-width:thin;scrollbar-color:var(--glass-3) transparent;gap:16px;width:min(600px,100%);max-height:90vh;overflow:hidden auto}.ext-modal-box::-webkit-scrollbar{width:4px}.ext-modal-box::-webkit-scrollbar-track{background:0 0}.ext-modal-box::-webkit-scrollbar-thumb{background:var(--glass-3);border-radius:2px}.ext-icon{background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335)!important;box-shadow:0 4px 16px #4285f473!important}.ext-subtitle{color:var(--text-3);margin-top:2px;font-size:12px}.ext-download-banner{background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 10%, transparent), color-mix(in oklch, var(--accent-2) 8%, transparent));border:1px solid color-mix(in oklch, var(--accent) 22%, transparent);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.ext-banner-left{align-items:center;gap:12px;min-width:0;display:flex}.ext-banner-icon{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;width:38px;height:38px;box-shadow:0 4px 12px var(--glow-accent);border-radius:10px;flex-shrink:0;place-content:center;font-size:16px;display:grid}.ext-banner-title{color:var(--text-1);font-size:13.5px;font-weight:800}.ext-banner-meta{color:var(--text-3);margin-top:2px;font-size:11px}.btn-ext-dl{background:linear-gradient(135deg, var(--accent), var(--accent-dim));border-radius:var(--r-md);color:#fff;transition:transform .18s var(--ease-spring), box-shadow .18s;box-shadow:0 4px 16px var(--glow-accent);border:none;flex-shrink:0;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.btn-ext-dl:hover{box-shadow:0 8px 24px var(--glow-accent);transform:translateY(-2px)}.ext-divider{color:var(--text-3);letter-spacing:.8px;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.ext-divider:before,.ext-divider:after{content:"";background:var(--border);flex:1;height:1px}.ext-steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.ext-step{background:var(--glass-1);border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:32px 1fr 24px;align-items:flex-start;gap:12px;padding:14px;transition:border-color .18s,background .18s;display:grid}.ext-step:hover{background:var(--glass-2);border-color:color-mix(in oklch, var(--accent) 25%, transparent)}.ext-step-num{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;width:32px;height:32px;box-shadow:0 3px 10px var(--glow-accent);border-radius:50%;flex-shrink:0;place-content:center;font-size:13px;font-weight:900;display:grid}.ext-step-body{min-width:0}.ext-step-body strong{color:var(--text-1);margin-bottom:4px;font-size:13.5px;display:block}.ext-step-body p{color:var(--text-2);margin:0;font-size:12.5px;line-height:1.55}.ext-step-body em{color:var(--text-1);font-style:normal;font-weight:600}.ext-step-icon{color:var(--text-3);margin-top:2px;font-size:14px}.ext-url-chip{background:var(--glass-2);border:1px solid var(--border);color:var(--accent-2);letter-spacing:.2px;-webkit-user-select:all;user-select:all;cursor:text;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;font-family:Courier New,monospace;font-size:12px;display:inline-flex}.ext-url-chip i{color:var(--accent)}.ext-toggle-demo{background:var(--glass-1);border:1px solid var(--border);color:var(--text-2);border-radius:6px;align-items:center;gap:10px;margin-top:8px;padding:6px 12px;font-size:12px;display:inline-flex}.ext-toggle{background:var(--glass-3);border-radius:10px;flex-shrink:0;width:36px;height:20px;display:inline-block;position:relative}.ext-toggle:after{content:"";background:var(--text-3);border-radius:50%;width:14px;height:14px;transition:transform .22s,background .22s;position:absolute;top:3px;left:3px}.ext-toggle--on{background:#22c55e;box-shadow:0 0 8px #22c55e80}.ext-toggle--on:after{background:#fff;transform:translate(16px)}.ext-btn-demo{background:color-mix(in oklch, var(--accent-2) 12%, transparent);border:1px solid color-mix(in oklch, var(--accent-2) 28%, transparent);color:var(--accent-2);border-radius:6px;align-items:center;gap:7px;margin-top:8px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.ext-warning{background:color-mix(in oklch, var(--accent) 8%, transparent);border:1px solid color-mix(in oklch, var(--accent) 22%, transparent);border-radius:var(--r-md);color:var(--text-2);align-items:flex-start;gap:10px;padding:12px 14px;font-size:12px;line-height:1.55;display:flex}.ext-warning>i{color:var(--accent-2);flex-shrink:0;margin-top:1px;font-size:14px}.ext-warning em{color:var(--text-1);font-style:normal}.ext-warning strong{color:var(--text-1)}.user-info{background:var(--glass-1);border:1px solid var(--border);text-align:left;cursor:pointer;transition:background .18s,border-color .18s}.user-info:hover{background:var(--glass-2);border-color:color-mix(in oklch, var(--accent) 30%, var(--border))}.user-info-text{flex:1;min-width:0}.user-edit-icon{color:var(--text-3);opacity:0;flex-shrink:0;font-size:11px;transition:opacity .2s}.user-info:hover .user-edit-icon{opacity:1;color:var(--accent)}.profile-overlay{z-index:9100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#0f0a1e8c;transition:opacity .3s;position:fixed;inset:0}.profile-overlay.show,.profile-overlay.open{opacity:1;pointer-events:all}.profile-panel{z-index:9200;background:var(--bg-2);border-left:1px solid color-mix(in oklch, var(--accent) 20%, var(--border));scrollbar-width:thin;scrollbar-color:var(--glass-3) transparent;width:360px;max-width:100vw;height:100dvh;transition:transform .38s var(--ease-spring);flex-direction:column;display:flex;position:fixed;top:0;right:0;overflow:hidden auto;transform:translate(100%);box-shadow:-20px 0 60px #0f0a1e66}.profile-panel.open{transform:translate(0)}.profile-panel::-webkit-scrollbar{width:3px}.profile-panel::-webkit-scrollbar-thumb{background:var(--glass-3);border-radius:2px}.pp-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.pp-title{background:linear-gradient(90deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:800}.pp-close{background:var(--glass-2);border:1px solid var(--border);width:32px;height:32px;color:var(--text-3);transition:color .14s, background .14s, transform .14s var(--ease-spring);border-radius:9px;place-content:center;font-size:14px;display:grid}.pp-close:hover{color:var(--red);background:color-mix(in oklch, var(--red) 12%, transparent);border-color:color-mix(in oklch, var(--red) 28%, transparent);transform:rotate(8deg)scale(1.1)}.pp-hero{border-bottom:1px solid var(--border);background:linear-gradient(180deg, color-mix(in oklch, var(--accent) 6%, transparent), transparent);flex-direction:column;flex-shrink:0;align-items:center;gap:12px;padding:24px 20px 18px;display:flex}.pp-avatar-wrap{place-content:center;display:inline-grid;position:relative}.pp-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;letter-spacing:1px;text-shadow:0 2px 6px #0000004d;z-index:1;border-radius:50%;place-content:center;width:72px;height:72px;font-size:22px;font-weight:900;display:grid;position:relative}.pp-avatar-ring{border:2px solid var(--accent);opacity:.5;border-radius:50%;animation:2.2s infinite ppRingPulse;position:absolute;inset:-5px}@keyframes ppRingPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.2;transform:scale(1.06)}}.pp-hero-info{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.pp-hero-name{color:var(--text-1);font-size:18px;font-weight:800}.pp-hero-username{color:var(--text-3);font-family:Courier New,monospace;font-size:12px}.pp-role-badge{background:linear-gradient(135deg, color-mix(in oklch, var(--accent) 18%, transparent), color-mix(in oklch, var(--accent-2) 12%, transparent));border:1px solid color-mix(in oklch, var(--accent) 30%, transparent);letter-spacing:.5px;color:var(--accent);border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.pp-stats{border:1px solid var(--border);border-radius:var(--r-md);background:#8b5cf60f;align-items:center;gap:0;width:100%;display:flex;overflow:hidden}.pp-stat{flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 8px;display:flex}.pp-stat-val{color:var(--text-1);font-size:18px;font-weight:900;line-height:1}.pp-stat-label{color:var(--text-3);letter-spacing:.4px;text-transform:uppercase;font-size:10px;font-weight:600}.pp-stat-divider{background:var(--border);flex-shrink:0;width:1px;height:36px}.pp-tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.pp-tab{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:5px;padding:12px 6px;font-size:12px;font-weight:700;transition:color .18s,border-color .18s,background .18s;display:flex}.pp-tab:hover{color:var(--text-2);background:var(--glass-1)}.pp-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:color-mix(in oklch, var(--accent) 5%, transparent)}.pp-pane{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex}.pp-pane:not(.active){display:none}.pp-section-title{letter-spacing:1px;text-transform:uppercase;color:var(--text-3);font-size:10px;font-weight:800}.pp-info-rows{border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:0;display:flex;overflow:hidden}.pp-info-row{border-bottom:1px solid var(--border);background:var(--glass-1);justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;transition:background .14s;display:flex}.pp-info-row:last-child{border-bottom:none}.pp-info-row:hover{background:var(--glass-2)}.pp-info-label{color:var(--text-3);flex-shrink:0;align-items:center;gap:7px;font-size:12px;display:flex}.pp-info-label i{color:var(--accent);font-size:11px}.pp-info-val{color:var(--text-1);text-align:right;font-size:12.5px;font-weight:600}.pp-info-pw{letter-spacing:3px;color:var(--text-3)}.pp-role-inline{color:var(--accent);background:color-mix(in oklch, var(--accent) 14%, transparent);border:1px solid color-mix(in oklch, var(--accent) 28%, transparent);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:800}.pp-activity-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pp-activity-card{background:var(--glass-1);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;align-items:center;gap:4px;padding:14px 10px;transition:border-color .18s,background .18s;display:flex}.pp-activity-card:hover{background:var(--glass-2);border-color:color-mix(in oklch, var(--accent) 25%, var(--border))}.pp-activity-card>i{color:var(--accent);font-size:16px}.pp-act-val{color:var(--text-1);font-size:22px;font-weight:900}.pp-act-label{color:var(--text-3);text-align:center;font-size:11px}.pp-form{flex-direction:column;gap:14px;display:flex}.pp-field{flex-direction:column;gap:6px;display:flex}.pp-label{color:var(--text-2);letter-spacing:.3px;font-size:11.5px;font-weight:700}.pp-input-wrap{background:var(--glass-1);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:10px;padding:0 12px;transition:border-color .18s,box-shadow .18s;display:flex}.pp-input-wrap:focus-within{border-color:color-mix(in oklch, var(--accent) 50%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 12%, transparent)}.pp-input-wrap>i{color:var(--text-3);flex-shrink:0;font-size:13px}.pp-input-wrap input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;padding:11px 0;font-family:inherit;font-size:13px}.pp-input-wrap input::placeholder{color:var(--text-3)}.pp-eye{color:var(--text-3);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:13px;transition:color .14s}.pp-eye:hover{color:var(--accent)}.pw-strength-wrap{align-items:center;gap:10px;display:flex}.pw-strength-bar{background:var(--glass-3);border-radius:2px;flex:1;height:4px;overflow:hidden}.pw-strength-fill{border-radius:2px;width:0%;height:100%;transition:width .3s,background .3s}.pw-strength-label{text-align:right;min-width:60px;font-size:11px;font-weight:700}.pp-form-error{color:var(--red);min-height:16px;font-size:12px}.pp-form-success{color:#22c55e;min-height:16px;font-size:12px}.pp-submit{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:var(--r-md);color:#fff;cursor:pointer;width:100%;transition:transform .18s var(--ease-spring), box-shadow .18s;box-shadow:0 4px 16px var(--glow-accent);border:none;justify-content:center;align-items:center;gap:8px;padding:12px;font-family:inherit;font-size:14px;font-weight:800;display:flex}.pp-submit:hover{box-shadow:0 8px 24px var(--glow-accent);transform:translateY(-2px)}.pp-submit:active{transform:translateY(0)}.pp-settings-list{border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:0;display:flex;overflow:hidden}.pp-setting-row{border-bottom:1px solid var(--border);background:var(--glass-1);justify-content:space-between;align-items:center;gap:12px;padding:14px;transition:background .14s;display:flex}.pp-setting-row:last-child{border-bottom:none}.pp-setting-row:hover{background:var(--glass-2)}.pp-setting-info{flex:1;min-width:0}.pp-setting-info strong{color:var(--text-1);font-size:13px;display:block}.pp-setting-info p{color:var(--text-3);margin:2px 0 0;font-size:11px}.pp-toggle-wrap{cursor:pointer;flex-shrink:0}.pp-toggle-input{display:none}.pp-toggle-track{background:var(--glass-3);border:1px solid var(--border);border-radius:11px;width:40px;height:22px;transition:background .22s,border-color .22s;display:block;position:relative}.pp-toggle-input:checked+.pp-toggle-track{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px color-mix(in oklch, var(--accent) 50%, transparent)}.pp-toggle-thumb{background:var(--text-3);width:14px;height:14px;transition:transform .22s var(--ease-spring), background .22s;border-radius:50%;position:absolute;top:3px;left:3px}.pp-toggle-input:checked+.pp-toggle-track .pp-toggle-thumb{background:#fff;transform:translate(18px)}.pp-danger-zone{border:1px solid color-mix(in oklch, var(--red) 22%, var(--border));border-radius:var(--r-md);overflow:hidden}.pp-danger-row{border-bottom:1px solid color-mix(in oklch, var(--red) 14%, var(--border));background:color-mix(in oklch, var(--red) 4%, transparent);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;transition:background .14s;display:flex}.pp-danger-row:last-child{border-bottom:none}.pp-danger-row:hover{background:color-mix(in oklch, var(--red) 8%, transparent)}.pp-danger-btn{background:color-mix(in oklch, var(--red) 10%, transparent);border:1px solid color-mix(in oklch, var(--red) 28%, transparent);color:var(--red);cursor:pointer;transition:background .16s, transform .16s var(--ease-spring);border-radius:8px;flex-shrink:0;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:700}.pp-danger-btn:hover{background:color-mix(in oklch, var(--red) 22%, transparent);transform:scale(1.05)}.pp-logout-full{background:color-mix(in oklch, var(--red) 10%, transparent);border:1px solid color-mix(in oklch, var(--red) 28%, transparent);border-radius:var(--r-md);width:100%;color:var(--red);cursor:pointer;transition:background .16s, transform .16s var(--ease-spring), box-shadow .16s;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:12px;font-family:inherit;font-size:14px;font-weight:800;display:flex}.pp-logout-full:hover{background:color-mix(in oklch, var(--red) 20%, transparent);box-shadow:0 4px 16px color-mix(in oklch, var(--red) 30%, transparent);transform:translateY(-1px)}.pp-toast{z-index:9999;background:var(--bg-2);border:1px solid color-mix(in oklch, var(--accent) 30%, var(--border));color:var(--text-1);opacity:0;transition:opacity .3s, transform .3s var(--ease-spring);white-space:nowrap;border-radius:30px;padding:10px 20px;font-size:13px;font-weight:600;position:fixed;bottom:100px;left:50%;transform:translate(-50%)translateY(12px);box-shadow:0 8px 30px #0f0a1e80}.pp-toast.pp-toast--visible{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:480px){.profile-panel{width:100vw}}.header-search-box{border:1px solid var(--border);background:#ffffffa6;border-radius:30px;flex:1;align-items:center;gap:10px;min-width:160px;max-width:380px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.header-search-box:focus-within{border-color:color-mix(in oklch, var(--accent) 55%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 14%, transparent)}.header-search-box>i{color:var(--text-3);flex-shrink:0;font-size:13px}.header-search-box:focus-within>i{color:var(--accent)}.header-search-box input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;padding:9px 0;font-family:inherit;font-size:13px}.header-search-box input::placeholder{color:var(--text-3)}body.focus-mode .sidebar,body.focus-mode .dash-analytics,body.focus-mode .dr-chips,body.focus-mode .pinned-strip,body.focus-mode .bulk-bar,body.focus-mode .dash-control-bar,body.focus-mode .main-header p,body.focus-mode .welcome-greeting{display:none!important}body.focus-mode .app-container{grid-template-columns:1fr}body.focus-mode .main-header{padding:10px 28px}body.focus-mode .links-grid{padding:12px 28px}body.focus-mode .main-header h1{font-size:18px}.goal-widget{background:var(--bg-2);border:1px solid color-mix(in oklch, var(--accent) 22%, var(--border));z-index:400;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;align-items:center;gap:10px;padding:10px 14px;transition:transform .3s,box-shadow .3s;display:flex;position:fixed;bottom:28px;left:28px;box-shadow:0 8px 32px #0f0a1e66,0 0 24px #8b5cf61a}.goal-widget:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0f0a1e80,0 0 30px #8b5cf62e}.goal-ring-wrap{flex-shrink:0;width:44px;height:44px;position:relative}.goal-ring{width:100%;height:100%}.goal-ring circle{transition:stroke-dashoffset .7s cubic-bezier(.4,0,.2,1)}.goal-pct{color:var(--accent-2);justify-content:center;align-items:center;font-size:9px;font-weight:800;display:flex;position:absolute;inset:0}.goal-info{min-width:0}.goal-title{color:var(--text-1);letter-spacing:.3px;font-size:11px;font-weight:800}.goal-sub{color:var(--text-3);margin-top:2px;font-size:10px;font-weight:600}.goal-set-btn{color:var(--accent-2);cursor:pointer;background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .2s;display:flex}.goal-set-btn:hover{background:#8b5cf640}.cp-backdrop{z-index:8000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0a1e8c;justify-content:center;align-items:flex-start;padding-top:12vh;display:none;position:fixed;inset:0}.cp-backdrop.open{display:flex}.cp-modal{background:var(--bg-2);border:1px solid color-mix(in oklch, var(--accent) 28%, var(--border));border-radius:20px;width:min(620px,94vw);animation:.18s cubic-bezier(.34,1.3,.64,1) cpSlideIn;overflow:hidden;box-shadow:0 24px 80px #0f0a1e80,0 0 0 1px #8b5cf61a,0 0 80px #8b5cf614}@keyframes cpSlideIn{0%{opacity:0;transform:translateY(-18px)scale(.97)}to{opacity:1;transform:none}}.cp-search-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:18px 20px;display:flex}.cp-icon{color:var(--accent-2);flex-shrink:0;font-size:16px}.cp-input{color:var(--text-1);background:0 0;border:none;outline:none;flex:1;font-family:Outfit,sans-serif;font-size:16px;font-weight:500}.cp-input::placeholder{color:var(--text-3)}.cp-esc{background:var(--glass-2);border:1px solid var(--border);color:var(--text-3);border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:11px}.cp-body{max-height:320px;overflow-y:auto}.cp-body::-webkit-scrollbar{width:4px}.cp-body::-webkit-scrollbar-thumb{background:var(--glass-3);border-radius:4px}.cp-item{cursor:pointer;align-items:center;gap:12px;padding:11px 20px;transition:background .12s;display:flex}.cp-item.cp-active,.cp-item:hover{background:#8b5cf61a}.cp-item-icon{width:32px;height:32px;color:var(--accent-2);background:#8b5cf61f;border:1px solid #8b5cf638;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.cp-item-body{flex:1;min-width:0}.cp-item-label{color:var(--text-1);font-size:13px;font-weight:700}.cp-item-hint{color:var(--text-3);margin-top:1px;font-size:11px}.cp-item-enter{color:var(--text-3);flex-shrink:0;font-size:11px}.cp-item.cp-active .cp-item-enter{color:var(--accent-2)}.cp-footer{border-top:1px solid var(--border);color:var(--text-3);align-items:center;gap:16px;padding:12px 20px;font-size:11px;display:flex}.cp-key{background:var(--glass-2);border:1px solid var(--border);color:var(--text-3);border-radius:4px;margin-right:4px;padding:1px 6px;font-size:10px}.modal-backdrop.open{display:flex}.export-box{max-width:560px}.exp-section-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-3);margin:16px 0 8px;font-size:10px;font-weight:700}.exp-formats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:4px;display:grid}.exp-format{border:1px solid var(--border);background:var(--glass-1);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:all .2s;display:flex}.exp-format:hover{background:#8b5cf60f;border-color:#8b5cf64d}.exp-format.active{background:#8b5cf61f;border-color:#8b5cf680}.exp-fmt-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.exp-fmt-name{color:var(--text-1);font-size:12px;font-weight:800}.exp-fmt-desc{color:var(--text-3);font-size:10px}.exp-scopes{flex-wrap:wrap;gap:6px;display:flex}.exp-scope{cursor:pointer;border:1px solid var(--border);background:var(--glass-1);color:var(--text-2);border-radius:20px;padding:6px 14px;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;transition:all .2s}.exp-scope.active{color:var(--accent-2);background:#8b5cf626;border-color:#8b5cf66b}.exp-scope:hover:not(.active){background:var(--glass-2)}.exp-preview{background:var(--glass-1);border:1px solid var(--border);color:var(--text-2);white-space:pre;border-radius:10px;max-height:120px;margin-bottom:4px;padding:12px 14px;font-family:monospace;font-size:11px;line-height:1.7;overflow:auto}
.dash{height:calc(100vh - var(--announce-h,42px));color:#0f172a;z-index:1;width:100%;max-width:100vw;font-family:var(--font-manrope,"Manrope", sans-serif);background:#f8fafc;grid-template-columns:260px 1fr;display:grid;position:relative;overflow:hidden}.dash:before,.dash:after{content:"";filter:blur(140px);z-index:-1;opacity:.08;pointer-events:none;border-radius:50%;position:absolute}.dash:before{background:#8522eb;width:60vw;height:60vh;top:-20%;left:-10%}.dash:after{background:#9810fa;width:70vw;height:70vh;bottom:-20%;right:-10%}.dash-sidebar{z-index:20;background:#1b072f;border-right:1px solid #8522eb33;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:4px 0 24px #1b072f26}.dash-sidebar-top{border-bottom:1px solid #8522eb33;flex-shrink:0;padding:20px 18px 16px}.dash-logo{align-items:center;gap:12px;text-decoration:none;display:flex}.dash-logo-icon{color:#fff;background:linear-gradient(135deg,#8522eb,#6a1bbc);border-radius:50%;place-content:center;width:38px;height:38px;font-size:16px;display:grid;box-shadow:0 4px 16px #8522eb59}.dash-logo-text{color:#fff;letter-spacing:-.5px;font-family:Sora,sans-serif;font-size:20px;font-weight:800}.dash-nav{flex-direction:column;flex:1;gap:3px;padding:12px 10px;display:flex;overflow-y:auto}.dash-nav-item{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9999px;align-items:center;gap:11px;width:100%;padding:10px 14px;font-family:Sora,sans-serif;font-size:13px;font-weight:600;transition:all .2s;display:flex}.dash-nav-item i{text-align:center;opacity:.85;flex-shrink:0;width:18px;font-size:14px}.dash-nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dash-nav-count{color:#ffffff80;text-align:right;flex-shrink:0;min-width:20px;font-size:11px;font-weight:800}.dash-nav-item:hover{color:#fff;background:#8522eb33}.dash-nav-item.active{color:#fff;background:linear-gradient(90deg,#8522eb,#6a1bbc);font-weight:700;box-shadow:0 4px 16px #8522eb59}.dash-nav-item.active i{color:#fff;opacity:1}.dash-nav-item.active .dash-nav-count{color:#f3e8ff}.dash-sidebar-bottom{border-top:1px solid #8522eb33;flex-direction:column;flex-shrink:0;gap:8px;padding:14px;display:flex}.dash-home-link{color:#ffffffb3;border-radius:9999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.dash-home-link:hover{color:#fff;background:#8522eb33}.dash-logout{color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-family:Sora,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:flex}.dash-logout:hover{color:#fff;background:#ef444440;border-color:#ef444480}.dash-main{color:#0f172a;background:#f8fafc;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.dash-topbar{z-index:10;background:#fff;border-bottom:1px solid #8522eb1f;flex-shrink:0;align-items:center;gap:14px;padding:16px 28px;display:flex;position:relative;box-shadow:0 4px 20px #00000008}.dash-promo-chip{color:#8522eb;white-space:nowrap;background:#f3e8ff;border:1px solid #8522eb40;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-family:Sora,sans-serif;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.dash-promo-badge{color:#fff;background:#8522eb;border-radius:9999px;padding:2px 8px;font-size:10px;font-weight:800}.dash-menu-toggle{color:#8522eb;cursor:pointer;background:#fff;border:1px solid #8522eb33;border-radius:10px;place-content:center;width:38px;height:38px;font-size:16px;display:none}.dash-search-wrap{background:#fff;border:1px solid #8522eb33;border-radius:9999px;flex:1;align-items:center;gap:10px;max-width:440px;padding:10px 18px;transition:all .2s;display:flex;box-shadow:0 4px 16px #8522eb0a}.dash-search-wrap:focus-within{border-color:#8522eb;box-shadow:0 4px 20px #8522eb26}.dash-search-wrap i{color:#8522eb;font-size:14px}.dash-search-wrap input{color:#1b072f;width:100%;font-size:14px;font-weight:600;font-family:var(--font-manrope,sans-serif);background:0 0;border:none;outline:none}.dash-search-wrap input::placeholder{color:#64748b}.dash-topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.dash-user-btn{cursor:pointer;background:#f3e8ff;border:1px solid #8522eb33;border-radius:9999px;align-items:center;gap:10px;padding:6px 16px 6px 6px;transition:all .2s;display:flex}.dash-user-btn:hover{background:#8522eb26}.dash-user-avatar{color:#fff;background:linear-gradient(135deg,#8522eb,#6a1bbc);border-radius:50%;place-content:center;width:32px;height:32px;font-size:13px;font-weight:800;display:grid}.dash-user-name{color:#1b072f;font-family:Sora,sans-serif;font-size:13px;font-weight:700}.dash-title-strip{flex-shrink:0;padding:24px 28px 12px}.dash-title-left{align-items:baseline;gap:12px;display:flex}.dash-title{color:#0f172a;letter-spacing:-.5px;margin:0;font-family:Sora,sans-serif;font-size:26px;font-weight:800}.dash-title-count{color:#8522eb;background:#f3e8ff;border:1px solid #8522eb33;border-radius:9999px;padding:3px 12px;font-family:Sora,sans-serif;font-size:13px;font-weight:700}.dash-grid{flex:1;grid-template-columns:repeat(3,1fr);align-content:start;align-items:start;gap:28px;padding:20px 28px 40px;display:grid;overflow-y:auto}.dash-card{z-index:1;background:#fff;border:1px solid #8522eb2e;border-radius:18px;flex-direction:column;transition:all .2s;display:flex;position:relative;box-shadow:4px 6px 16px #8522eb12,-2px -2px 8px #ffffffe6,inset 1px 1px 3px #ffffffb3}.dash-card:hover{z-index:10;border-color:#8522eb59;transform:translateY(-2px);box-shadow:6px 10px 24px #8522eb24,-3px -3px 10px #fff}.dash-card-body{flex-direction:column;flex:1;gap:8px;padding:14px 16px;display:flex}.dash-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.dash-card-info{flex:1;min-width:0}.dash-card-name{color:#0f172a;font-family:Sora,sans-serif;font-size:15px;font-weight:800;line-height:1.3}.dash-card-title-link{color:#0f172a;text-decoration:none;transition:color .15s}.dash-card-title-link:hover{color:#8522eb;text-decoration:underline}.dash-card-domain{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11.5px;font-weight:600;overflow:hidden}.dash-card-domain-link{color:#64748b;text-decoration:none;transition:color .15s}.dash-card-domain-link:hover{color:#8522eb;text-decoration:underline}.dash-card-dr{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;flex-shrink:0;padding:3px 9px;font-family:Sora,sans-serif;font-size:11.5px;font-weight:800;box-shadow:2px 3px 8px #10b98133,inset 1px 1px 2px #fff6}.dash-card-note{color:#475569;margin-top:2px;font-size:11.5px;font-style:italic;line-height:1.35}.dash-card-bottom-row{flex-direction:column;gap:6px;margin-top:auto;padding-top:4px;display:flex}.dash-card-metrics-tags{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.dash-card-category-tag{color:#7c3aed;white-space:nowrap;text-overflow:ellipsis;background:#f3e8ff;border:1px solid #7c3aed33;border-radius:6px;align-items:center;gap:4px;max-width:120px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex;overflow:hidden}.dash-card-actions-group{align-items:center;gap:3px;display:flex}.dash-mini-btn{color:#5c4d73;cursor:pointer;background:#fff;border:1px solid #8b5cf633;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;transition:all .15s;display:flex;box-shadow:0 2px 5px #0000000a}.dash-mini-btn:hover{color:#7c3aed;background:#f3e8ff;border-color:#7c3aed;transform:translateY(-2px)scale(1.08);box-shadow:4px 6px 14px #7c3aed33,inset 1px 1px 3px #ffffffe6}.dash-mini-btn.dash-delete:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.dash-mini-btn.dash-star.active{color:#eab308;background:#fef9c3;border-color:#eab308}.dash-minimal-arrow{color:#fff;background:linear-gradient(135deg,#8522eb,#6a1bbc);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;text-decoration:none;transition:all .2s;display:flex;box-shadow:3px 4px 10px #8522eb40,inset 1px 1px 3px #fff6}.dash-minimal-arrow:hover{color:#fff;background:linear-gradient(135deg,#9810fa,#7c3aed);transform:translateY(-2px)scale(1.1);box-shadow:6px 10px 22px #8522eb80,inset 2px 2px 5px #fff9}.dash-card-tip{color:#7c3aed;background:linear-gradient(135deg,#f5efff,#ede4ff);border:1px solid #7c3aed40;border-radius:8px;align-items:center;gap:5px;margin-top:8px;padding:4px 10px;font-size:10.5px;font-weight:700;display:inline-flex;box-shadow:2px 3px 8px #7c3aed14,inset 1px 1px 2px #ffffffe6}.dash-card-visit:hover{opacity:.92;box-shadow:0 4px 14px #8522eb4d}@media (max-width:1100px){.dash-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dash{grid-template-columns:1fr}.dash-sidebar{left:0;top:var(--announce-h,42px);z-index:8000;width:280px;transition:transform .3s;position:fixed;bottom:0;transform:translate(-100%)}.dash-sidebar.mobile-open{transform:translate(0)}.dash-menu-toggle{display:grid}.dash-grid{grid-template-columns:1fr;padding:16px}}.dash-view-switcher{background:#8522eb14;border:1px solid #8522eb26;border-radius:9999px;align-items:center;gap:4px;padding:3px;display:flex}.dash-view-btn{color:#5c4d73;cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-family:Sora,sans-serif;font-size:12px;font-weight:700;transition:all .25s;display:flex}.dash-view-btn.active{color:#fff;background:linear-gradient(90deg,#8522eb,#6a1bbc);box-shadow:0 4px 12px #8522eb40}.dash-card.paused{background:linear-gradient(135deg,#fff 0%,#f7f0ff 100%)!important;border:2px solid #8522eb!important;box-shadow:0 12px 35px #8522eb2e!important}.dash-paused-badge{color:#fff;background:linear-gradient(90deg,#8522eb,#9810fa);border-radius:9999px;align-items:center;gap:4px;margin-top:6px;padding:3px 10px;font-family:Sora,sans-serif;font-size:10.5px;font-weight:800;display:inline-flex}.dash-card-metrics-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.dash-metric-pill{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-family:Sora,sans-serif;font-size:11px;font-weight:800;display:inline-flex}.dash-metric-dr{color:#4ade80;background:#10b98126;border:1px solid #10b9814d}.dash-metric-da{color:#c084fc;background:#8522eb2e;border:1px solid #8522eb59}.dash-metric-traffic{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d}.dash-grid.list-view{flex-direction:column;gap:10px;display:flex}.dash-grid.list-view .dash-card{border-radius:12px;padding:0}.dash-grid.list-view .dash-card-body{flex-direction:row;flex:1;align-items:center;gap:14px;padding:10px 16px;display:flex}.dash-grid.list-view .dash-card-head{flex:1;min-width:0}.dash-grid.list-view .dash-card-name{font-size:13.5px}.dash-grid.list-view .dash-card-domain{font-size:10.5px}.dash-grid.list-view .dash-card-bottom-row{flex-direction:row;flex-shrink:0;align-items:center;gap:10px;margin-top:0;padding-top:0}.dash-grid.list-view .dash-card-metrics-tags{flex-wrap:nowrap;gap:8px}.dash-grid.list-view .dash-card-category-tag,.dash-grid.list-view .dash-card-actions-group,.dash-grid.list-view .dash-card-note,.dash-grid.list-view .dash-badge-new,.dash-grid.list-view .dash-badge-my,.dash-grid.list-view .dash-paused-badge,.dash-grid.list-view .dash-metric-pill:not(.dash-metric-avg){display:none!important}.dash-table-container{background:#fff;border:1px solid #8522eb2e;border-radius:20px;width:100%;margin-top:10px;overflow-x:auto;box-shadow:10px 14px 28px #8522eb17,inset 2px 2px 5px #fffc,inset -2px -2px 5px #8522eb0d}.dash-table{border-collapse:collapse;text-align:left;width:100%;font-family:Sora,sans-serif;font-size:13.5px}.dash-table th{color:#7c3aed;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#f5efff,#eae0ff);border-bottom:1.5px solid #8b5cf640;padding:14px 18px;font-family:Sora,sans-serif;font-size:11.5px;font-weight:800}.dash-table td{color:#0f172a;border-bottom:1px solid #8b5cf61a;padding:14px 18px}.dash-table tr:hover{background:#f8f4ff}.dash-table tr.paused{background:#f1f5f9!important}.dash-table-title-link{color:#0f172a;font-weight:800;text-decoration:none;transition:color .15s}.dash-table-title-link:hover{color:#8522eb;text-decoration:underline}.dash-table-domain-text{color:#64748b;margin-top:2px;font-size:11.5px;font-weight:600}.dash-row-jump-highlight{animation:3s ease-in-out rowJumpGlow;background:#f3e8ff!important;border-left:5px solid #8522eb!important;box-shadow:0 0 16px #8522eb59!important}@keyframes rowJumpGlow{0%{background:#e9d5ff!important;box-shadow:0 0 24px #8522eb99!important}50%{background:#f3e8ff!important;box-shadow:0 0 16px #8522eb66!important}to{box-shadow:none;background:0 0}}.dash-topbar-arrow-btn{color:#8522eb;cursor:pointer;background:#f3e8ff;border:1px solid #8522eb40;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-family:Sora,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.dash-topbar-arrow-btn:hover{color:#fff;background:#8522eb;box-shadow:0 4px 14px #8522eb4d}.dash-icon-btn{color:#8522eb;cursor:pointer;background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;transition:all .2s;display:flex}.dash-icon-btn:hover{color:#fff;background:#8522eb;border-color:#8522eb;box-shadow:0 4px 14px #8522eb4d}.dash-tools-toggle-pill{color:#1b072f;cursor:pointer;background:#fff;border:1px solid #8522eb40;border-radius:9999px;align-items:center;gap:10px;width:calc(100% - 40px);margin:16px 20px;padding:12px 24px;font-family:Sora,sans-serif;font-size:13px;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 6px 20px #8522eb14}.dash-tools-toggle-pill:hover{background:#f8f4fc;border-color:#8522eb;transform:translateY(-2px);box-shadow:0 10px 28px #8522eb26}.dr-checker{background:#fff;border:1px solid #8522eb2e;border-radius:20px;margin:0 20px 20px;padding:24px;box-shadow:0 10px 30px #8522eb0f}.dr-checker-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dr-checker-title{color:#1b072f;align-items:center;gap:8px;font-family:Sora,sans-serif;font-size:16px;font-weight:800;display:flex}.dr-checker-sub{color:#5c4d73;margin-top:4px;font-family:Manrope,sans-serif;font-size:12.5px}.dr-checker-sub a{color:#8522eb;font-weight:700;text-decoration:none}.dr-checker-badge{border-radius:9999px;padding:4px 12px;font-family:Sora,sans-serif;font-size:12px;font-weight:800}.dr-checker-badge.high{color:#166534;background:#dcfce7;border:1px solid #86efac}.dr-checker-badge.mid{color:#854d0e;background:#fef9c3;border:1px solid #fef08a}.dr-checker-badge.low{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.dr-checker-form{align-items:center;gap:12px;display:flex}.dr-checker-field{background:#f8f4fc;border:1px solid #8522eb33;border-radius:14px;flex:1;align-items:center;gap:10px;padding:10px 16px;display:flex}.dr-checker-field i{color:#8522eb;font-size:15px}.dr-checker-field input{color:#1b072f;background:0 0;border:none;outline:none;flex:1;font-family:Manrope,sans-serif;font-size:14px}.dr-checker-btn{cursor:pointer;background:linear-gradient(135deg,#8522eb,#6a1bbc);border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 24px;font-family:Sora,sans-serif;font-size:13.5px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 6px 18px #8522eb40;color:#fff!important}.dr-checker-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #8522eb66}.dr-checker-result{background:#f0fdf4;border:1px solid #86efac;border-radius:14px;justify-content:space-between;align-items:center;margin-top:16px;padding:14px 18px;display:flex}.dr-checker-domain{color:#166534;font-family:Sora,sans-serif;font-size:14px;font-weight:800}.dr-checker-meta{color:#15803d;font-family:Manrope,sans-serif;font-size:12px}.dr-checker-score{color:#fff;background:#166534;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex}.dr-checker-history{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.dr-hist-chip{color:#8522eb;cursor:pointer;background:#f3e8ff;border:1px solid #8522eb33;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-family:Manrope,sans-serif;font-size:12px;display:inline-flex}