:root{--brand: #0C5C91;--brand-2: #1584c9;--brand-dark: #084a75;--brand-soft: rgba(12, 92, 145, .11);--accent: #ED6A00;--accent-2: #ff9440;--accent-dark: #d05d00;--accent-soft: rgba(237, 106, 0, .13);--good: #0d8a7e;--warning: #b45309;--critical: #dc2626;--good-soft: rgba(15, 148, 136, .13);--warning-soft: rgba(180, 83, 9, .12);--critical-soft: rgba(220, 38, 38, .11);--surface: rgba(255, 255, 255, .72);--surface-2: rgba(255, 255, 255, .48);--surface-3: rgba(15, 23, 42, .055);--glass: rgba(255, 255, 255, .62);--glass-strong: rgba(255, 255, 255, .82);--glass-thin: rgba(255, 255, 255, .38);--blur: saturate(180%) blur(22px);--blur-sm: saturate(160%) blur(12px);--ink: #0d1b2a;--ink-2: #33465c;--ink-3: #5c7086;--ink-4: #8496aa;--line: rgba(15, 23, 42, .1);--line-strong: rgba(15, 23, 42, .2);--r-sm: 10px;--r-md: 13px;--r-lg: 18px;--r-xl: 26px;--r-pill: 999px;--hi: inset 0 1px 0 rgba(255, 255, 255, .75), inset 0 0 0 1px rgba(255, 255, 255, .28);--shadow-sm: 0 1px 2px rgba(13, 27, 42, .04), 0 4px 14px rgba(13, 27, 42, .05);--shadow-md: 0 2px 6px rgba(13, 27, 42, .06), 0 10px 26px rgba(13, 27, 42, .09);--shadow-lg: 0 8px 20px rgba(9, 30, 54, .12), 0 28px 64px rgba(9, 30, 54, .22);--glow-accent: 0 6px 20px rgba(237, 106, 0, .32);--glow-brand: 0 6px 20px rgba(12, 92, 145, .28);--t-fast: .14s cubic-bezier(.32, .72, 0, 1);--t-base: .26s cubic-bezier(.32, .72, 0, 1);--sidebar-w: 254px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(168deg,#e4ecf6,#dae5f2 45%,#e3ebf4);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(42% 46% at 12% 14%,rgba(21,132,201,.55),transparent 64%),radial-gradient(36% 42% at 86% 8%,rgba(237,106,0,.4),transparent 62%),radial-gradient(44% 48% at 82% 84%,rgba(15,148,136,.38),transparent 64%),radial-gradient(38% 44% at 20% 94%,rgba(99,102,241,.32),transparent 62%);filter:blur(24px);animation:aurora 26s ease-in-out infinite alternate}#root{position:relative;z-index:0}body.modal-open{overflow:hidden}h1,h2,h3,h4{line-height:1.25;font-weight:700;letter-spacing:-.018em}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand-2);outline-offset:2px;border-radius:var(--r-sm)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;min-width:0}.muted{color:var(--ink-3)}.small{font-size:12px}.centered{text-align:center}.spacer{flex:1}.danger-text{color:var(--critical)}@media (max-width: 720px){.hide-sm{display:none}}@media (max-width: 1080px){.hide-md{display:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes pulse-ring{0%{transform:scale(.92);opacity:.7}70%{transform:scale(1.14);opacity:0}to{opacity:0}}@keyframes aurora{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2%,-2%,0) scale(1.06)}to{transform:translate3d(-2%,2%,0) scale(1.02)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.panel,.table-card,.stat-tile,.quick-action,.modal,.preview-shell,.action-menu,.toast,.login-card,.sidebar,.toolbar,.drop-card{-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.spinner{display:inline-block;border:2px solid rgba(15,23,42,.14);border-top-color:var(--brand-2);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner.on-dark{border-color:#ffffff59;border-top-color:#fff}.page-loader{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.page-loader-mark{position:relative;display:grid;place-items:center;width:96px;height:96px}.page-loader-mark:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--glass);box-shadow:var(--hi),var(--shadow-md);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.page-loader-mark img{position:relative;z-index:1;object-fit:contain}.page-loader-ring{position:absolute;inset:8px;z-index:1;border-radius:50%;border:2px solid var(--accent);animation:pulse-ring 1.6s cubic-bezier(.2,.6,.3,1) infinite}.page-loader-label{color:var(--ink-3);font-size:13px}.skeleton{display:block;border-radius:var(--r-sm);background:linear-gradient(90deg,#0f172a0d 25%,#ffffff8c 37%,#0f172a0d 63%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton-card{display:flex;flex-direction:column;cursor:default}.skeleton-card:hover{transform:none;box-shadow:var(--hi),var(--shadow-sm)}.skeleton-rows{display:flex;flex-direction:column;gap:12px}.skeleton-row{display:flex;align-items:center;gap:12px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 17px;border:1px solid transparent;border-radius:var(--r-pill);font-size:13.5px;font-weight:600;cursor:pointer;overflow:hidden;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast);white-space:nowrap}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn.small{padding:5px 12px;font-size:12px}.btn-primary{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#fff;box-shadow:inset 0 1px #ffffff73,0 2px 10px #ed6a0047}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#ffa055,var(--accent-dark));box-shadow:inset 0 1px #ffffff73,var(--glow-accent)}.btn-secondary{background:var(--glass);color:var(--ink-2);border-color:var(--line);box-shadow:var(--hi),var(--shadow-sm);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.btn-secondary:hover:not(:disabled){background:var(--glass-strong);border-color:var(--line-strong);box-shadow:var(--hi),var(--shadow-md)}.btn-ghost{background:transparent;color:var(--ink-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-3)}.btn-ghost.danger{color:var(--critical)}.btn-ghost.danger:hover:not(:disabled){background:var(--critical-soft)}.btn-danger{background:linear-gradient(180deg,#ef4444,#dc2626);color:#fff;box-shadow:inset 0 1px #ffffff59,0 2px 10px #dc262647}.btn-danger:hover:not(:disabled){background:linear-gradient(180deg,#dc2626,#b91c1c);box-shadow:inset 0 1px #ffffff4d,0 6px 20px #dc262657}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--r-pill);background:transparent;color:var(--ink-3);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),transform var(--t-fast);flex-shrink:0}.icon-btn:hover,.icon-btn.is-active{background:var(--glass-strong);color:var(--ink);box-shadow:var(--hi)}.icon-btn:active{transform:scale(.92)}.icon-btn.danger:hover{background:var(--critical-soft);color:var(--critical)}.link-btn{display:inline-flex;align-items:center;gap:3px;background:none;border:none;color:var(--brand);font-size:12.5px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:var(--r-pill)}.link-btn:hover{background:var(--brand-soft)}.check-btn{display:inline-flex;border:none;background:none;color:var(--line-strong);cursor:pointer;padding:2px;border-radius:6px;transition:color var(--t-fast),transform var(--t-fast)}.check-btn:hover{color:var(--brand-2);transform:scale(1.08)}.selected .check-btn,.file-card.selected .check-btn{color:var(--brand)}.spin{animation:spin .8s linear infinite}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.field-hint{display:block;margin-top:6px;font-size:11.5px;color:var(--ink-4)}input[type=text],input[type=password],input[type=search],input[type=number]{width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-md);font-size:14px;background:var(--glass-thin);color:var(--ink);box-shadow:inset 0 1px 2px #0f172a0d;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}input::placeholder{color:var(--ink-4)}input:hover:not(:focus){background:var(--surface-2)}input:focus{outline:none;background:#ffffffc7;border-color:#1584c98c;box-shadow:0 0 0 4px #1584c924,inset 0 1px 2px #0f172a0a}input[type=search]::-webkit-search-cancel-button{display:none}input[type=color]{width:42px;height:40px;padding:3px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--glass);cursor:pointer}.select{padding:9px 13px;border:1px solid var(--line);border-radius:var(--r-md);font-size:13.5px;background:var(--glass);color:var(--ink-2);cursor:pointer;box-shadow:var(--hi);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.select:hover{border-color:var(--line-strong)}.select:focus{outline:none;border-color:#1584c98c;box-shadow:0 0 0 4px #1584c924}.select.block{width:100%}.input-with-action{position:relative;display:flex;align-items:center}.input-with-action input{padding-right:42px}.input-action{position:absolute;right:6px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;color:var(--ink-4);cursor:pointer;border-radius:var(--r-pill)}.input-action:hover{color:var(--ink-2);background:var(--surface-3)}.checkbox-row{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2);box-shadow:var(--hi);cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast)}.checkbox-row:hover{background:var(--surface);border-color:var(--line-strong)}.checkbox-row input{width:17px;height:17px;margin-top:2px;accent-color:var(--brand)}.checkbox-row strong{display:block;font-size:13.5px;font-weight:600}.checkbox-row small{display:block;color:var(--ink-3);font-size:12px;margin-top:2px}.inline-form{display:flex;gap:8px;align-items:center}.inline-form input[type=text]{flex:1}.error-msg{display:flex;align-items:flex-start;gap:8px;background:var(--critical-soft);color:#991b1b;padding:11px 14px;border-radius:var(--r-md);margin-bottom:18px;font-size:13px;border:1px solid rgba(220,38,38,.22);box-shadow:var(--hi)}.error-msg svg{flex-shrink:0;margin-top:1px}.login-container{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background:linear-gradient(160deg,#0a4a76,#073a5d,#05253c)}.login-container:before{content:"";position:absolute;inset:-20%;background:radial-gradient(34% 38% at 16% 22%,rgba(237,106,0,.42),transparent 60%),radial-gradient(38% 42% at 84% 78%,rgba(21,132,201,.55),transparent 62%),radial-gradient(30% 34% at 70% 12%,rgba(15,148,136,.3),transparent 60%);filter:blur(30px);animation:aurora 22s ease-in-out infinite alternate}.login-card{position:relative;background:#ffffffbd;padding:38px;border-radius:var(--r-xl);border:1px solid rgba(255,255,255,.55);box-shadow:var(--hi),0 32px 80px #031a2b73;width:100%;max-width:408px;animation:fade-up .42s cubic-bezier(.32,.72,0,1)}.login-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#ffffff8c,#fff0 42%)}.login-brand{position:relative;text-align:center;margin-bottom:26px}.login-brand img{object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 6px 14px rgba(9,30,54,.22))}.login-brand h1{font-size:22px;margin-bottom:4px}.login-brand p{color:var(--ink-3);font-size:13.5px}.login-footer{position:relative;text-align:center;margin-top:22px;font-size:12px;color:var(--ink-4)}.login-card form,.login-card .error-msg{position:relative}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:12px;height:calc(100vh - 24px);margin:12px 0 12px 12px;border-radius:var(--r-xl);background:var(--glass);border:1px solid rgba(255,255,255,.45);box-shadow:var(--hi),var(--shadow-md);overflow:hidden;z-index:40}.sidebar-header{padding:18px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand img{object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px 8px rgba(9,30,54,.18))}.brand h1{font-size:15.5px;color:var(--brand)}.brand span{font-size:11.5px;color:var(--ink-4)}.sidebar-close{display:none}.sidebar-nav{padding:14px 12px;flex:1;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.nav-item{position:relative;display:flex;align-items:center;gap:11px;padding:10px 14px;border:1px solid transparent;border-radius:var(--r-md);background:transparent;color:var(--ink-3);font-size:13.5px;font-weight:500;cursor:pointer;text-align:left;width:100%;transition:background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.nav-item:hover{background:var(--glass-strong);color:var(--ink);box-shadow:var(--hi)}.nav-item:active{transform:scale(.985)}.nav-item.active{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#fff;font-weight:600;border-color:#ffffff4d;box-shadow:inset 0 1px #ffffff73,var(--glow-accent)}.sidebar-footer{padding:12px;border-top:1px solid var(--line)}.user-info{display:flex;align-items:center;gap:11px;padding:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--hi)}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--brand-2),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0;box-shadow:inset 0 1px #ffffff80,0 3px 10px #0c5c9147}.user-avatar.sm{width:28px;height:28px;font-size:12px}.user-details{flex:1;min-width:0}.user-details .name{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details .role{font-size:11.5px;color:var(--ink-4);text-transform:capitalize}.logout-btn{background:none;border:none;color:var(--ink-4);cursor:pointer;padding:7px;border-radius:var(--r-pill);transition:background var(--t-fast),color var(--t-fast)}.logout-btn:hover{background:var(--critical-soft);color:var(--critical)}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar-toggle{display:none;position:fixed;top:12px;left:12px;z-index:30;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.5);border-radius:var(--r-md);background:var(--glass);color:var(--ink-2);cursor:pointer;box-shadow:var(--hi),var(--shadow-md);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.sidebar-scrim{display:none}@media (max-width: 900px){.sidebar{position:fixed;inset:10px auto 10px 10px;height:auto;margin:0;transform:translate(calc(-100% - 14px));transition:transform var(--t-base);box-shadow:var(--hi),var(--shadow-lg)}.layout.sidebar-open .sidebar{transform:none}.sidebar-close{display:inline-flex}.sidebar-toggle{display:flex}.sidebar-scrim{display:block;position:fixed;inset:0;border:none;background:#091e3659;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity var(--t-base);z-index:35}.layout.sidebar-open .sidebar-scrim{opacity:1;pointer-events:auto}.header,.dashboard-head{padding-left:64px}}.header{padding:24px 26px 6px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.header h2{font-size:23px}.header-sub{font-size:12.5px;color:var(--ink-4);margin-top:2px}.header-actions{display:flex;gap:8px;flex-wrap:wrap}.browser-root{display:flex;flex-direction:column;flex:1;min-height:0;position:relative}.banner{margin:12px 26px 0;padding:12px 16px;background:var(--good-soft);border:1px solid rgba(15,148,136,.22);border-radius:var(--r-lg);box-shadow:var(--hi);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.progress-block{width:100%}.progress-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:5px;font-size:12px;color:var(--ink-3)}.progress-track{height:7px;background:#0f172a1a;border-radius:var(--r-pill);overflow:hidden;box-shadow:inset 0 1px 2px #0f172a1a}.progress-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 12px #ed6a0080;transition:width .24s ease}.progress-fill.tone-success{background:linear-gradient(90deg,var(--good),#34c9ba);box-shadow:0 0 12px #0f948873}.toolbar{display:flex;align-items:center;gap:14px;margin:12px 26px 0;padding:10px 14px;background:var(--glass);border:1px solid rgba(255,255,255,.5);border-radius:var(--r-lg);box-shadow:var(--hi),var(--shadow-sm);flex-wrap:wrap}.toolbar-controls{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.breadcrumb{display:flex;align-items:center;gap:3px;min-width:0;flex-wrap:wrap}.breadcrumb-item{display:inline-flex;align-items:center;gap:4px;border:none;background:none;color:var(--ink-3);font-size:13.5px;cursor:pointer;padding:5px 10px;border-radius:var(--r-pill);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background var(--t-fast),color var(--t-fast)}.breadcrumb-item:hover{background:var(--glass-strong);color:var(--brand);box-shadow:var(--hi)}.breadcrumb-item.active{color:var(--ink);font-weight:600}.breadcrumb-sep{color:var(--line-strong);flex-shrink:0}.search-field{position:relative;display:flex;align-items:center}.search-field>svg{position:absolute;left:12px;color:var(--ink-4);pointer-events:none}.search-field input{width:240px;padding:8px 34px 8px 35px;font-size:13.5px;border-radius:var(--r-pill)}.search-field .input-action{right:4px;width:26px;height:26px}@media (max-width: 640px){.search-field input{width:100%}.search-field{flex:1}}.segmented{display:flex;border:1px solid var(--line);border-radius:var(--r-pill);overflow:hidden;background:var(--glass);box-shadow:var(--hi),var(--shadow-sm);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.segmented button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:34px;border:none;background:transparent;color:var(--ink-3);cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.segmented button:hover{background:var(--surface-3)}.segmented button.active{background:linear-gradient(180deg,var(--brand-2),var(--brand));color:#fff;box-shadow:inset 0 1px #ffffff59}.selection-bar{display:flex;align-items:center;gap:8px;margin:10px 26px 0;padding:9px 14px;background:#1584c924;border:1px solid rgba(21,132,201,.22);border-radius:var(--r-lg);box-shadow:var(--hi);font-size:13px;color:var(--ink-2);flex-wrap:wrap;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}.file-browser{flex:1;padding:16px 26px 32px;overflow-y:auto}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.file-card{position:relative;background:var(--surface);border:1px solid rgba(255,255,255,.5);border-radius:var(--r-lg);padding:15px;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast);box-shadow:var(--hi),var(--shadow-sm);min-width:0;overflow:hidden}.file-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#fff6,#fff0 45%)}.file-card:hover{background:var(--glass-strong);box-shadow:var(--hi),var(--shadow-md);transform:translateY(-3px)}.file-card.selected{border-color:#1584c98c;background:#1584c91f;box-shadow:var(--hi),0 0 0 3px #1584c924,var(--shadow-md)}.file-card>*{position:relative;z-index:1}.file-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.file-card-quick{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity var(--t-fast)}.file-card:hover .file-card-quick,.file-card:focus-within .file-card-quick{opacity:1}@media (hover: none){.file-card-quick{opacity:1}}.file-icon{width:44px;height:44px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;margin-bottom:10px;background:var(--surface-3);color:var(--ink-3);flex-shrink:0;box-shadow:inset 0 1px #fff9}.file-icon.sm{width:32px;height:32px;border-radius:var(--r-sm);margin-bottom:0}.file-icon.folder{background:var(--accent-soft);color:var(--accent)}.file-icon.image{background:#b4530921;color:#b45309}.file-icon.video{background:var(--brand-soft);color:var(--brand)}.file-icon.audio{background:var(--good-soft);color:var(--good)}.file-icon.document{background:#7c3aed21;color:#7c3aed}.file-icon.archive{background:#9d174d1f;color:#9d174d}.file-icon.code{background:#65a30d26;color:#65a30d}.file-name{font-weight:600;font-size:13.5px;margin-bottom:6px;word-break:break-word;line-height:1.35}.file-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--ink-4)}.label-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.label-chip{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.5);background:var(--surface-3);box-shadow:inset 0 1px #ffffff80;white-space:nowrap}.label-chip.lg{font-size:12px;padding:5px 11px}.label-chip.addable{background:transparent;border-style:dashed;border-color:var(--line-strong);box-shadow:none;cursor:pointer}.label-chip.addable:hover{background:var(--surface-3)}.label-chip button{border:none;background:none;cursor:pointer;color:inherit;opacity:.6;display:inline-flex;padding:0}.label-chip button:hover{opacity:1}.label-chip .dot{width:7px;height:7px;border-radius:50%;box-shadow:0 0 6px currentColor}.share-badge{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:600;color:var(--good);white-space:nowrap}.share-badge.warn{color:var(--warning)}.table-card{background:var(--surface);border:1px solid rgba(255,255,255,.5);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--hi),var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--glass-thin);text-align:left;padding:12px 15px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-4);border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:11px 15px;border-bottom:1px solid rgba(15,23,42,.055);vertical-align:middle}.data-table tbody tr{cursor:pointer;transition:background var(--t-fast)}.data-table tbody tr:hover{background:#ffffff8c}.data-table tbody tr.selected{background:#1584c91f}.data-table tbody tr:last-child td{border-bottom:none}.cell-name{display:flex;align-items:center;gap:10px;min-width:0}.cell-name-text{min-width:0;font-size:13.5px;font-weight:500}.cell-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:3px}.row-actions{display:flex;align-items:center;gap:2px;justify-content:flex-end}.pill{display:inline-block;padding:3px 11px;border-radius:var(--r-pill);font-size:11.5px;font-weight:600;text-transform:capitalize;border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px #ffffff80}.pill.brand{background:var(--accent-soft);color:var(--accent-dark)}.pill.neutral{background:var(--brand-soft);color:var(--brand)}.pill.ok{background:var(--good-soft);color:var(--good)}.pill.warn{background:var(--warning-soft);color:var(--warning)}.pill.muted-pill{background:var(--surface-3);color:var(--ink-3)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:64px 20px;color:var(--ink-3);gap:6px}.empty-state svg{color:var(--line-strong);margin-bottom:8px}.empty-state h3{font-size:15px;color:var(--ink-2)}.empty-state p{font-size:13px;margin-bottom:10px}.empty-note{display:flex;flex-direction:column;align-items:center;gap:6px;padding:32px 12px;color:var(--ink-4);font-size:13px;text-align:center}.empty-note svg{color:var(--line-strong)}.drop-overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#1584c929;-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px);pointer-events:none}.drop-card{background:var(--glass-strong);border:2px dashed var(--accent);border-radius:var(--r-xl);padding:36px 48px;text-align:center;color:var(--ink-2);box-shadow:var(--hi),var(--shadow-lg);animation:fade-up .2s cubic-bezier(.32,.72,0,1)}.drop-card svg{color:var(--accent);margin-bottom:10px}.drop-card h3{font-size:17px;margin-bottom:4px}.drop-card p{font-size:13px;color:var(--ink-3)}.action-menu{position:fixed;z-index:900;background:#ffffffc7;border:1px solid rgba(255,255,255,.55);border-radius:var(--r-md);box-shadow:var(--hi),var(--shadow-lg);padding:6px;animation:fade-up .14s cubic-bezier(.32,.72,0,1)}.action-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 11px;border:none;background:none;border-radius:var(--r-sm);font-size:13px;color:var(--ink-2);cursor:pointer;text-align:left;transition:background var(--t-fast),color var(--t-fast)}.action-menu-item:hover{background:#1584c91f;color:var(--ink)}.action-menu-item.danger{color:var(--critical)}.action-menu-item.danger:hover{background:var(--critical-soft)}.action-menu-sep{height:1px;background:var(--line);margin:5px 6px}.modal-overlay{position:fixed;inset:0;background:#091e366b;-webkit-backdrop-filter:saturate(120%) blur(10px);backdrop-filter:saturate(120%) blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:fade-up .18s cubic-bezier(.32,.72,0,1)}.modal{position:relative;background:#fffc;border:1px solid rgba(255,255,255,.55);border-radius:var(--r-xl);width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--hi),var(--shadow-lg);overflow:hidden}.modal-head{display:flex;align-items:center;gap:12px;padding:19px 22px;border-bottom:1px solid var(--line)}.modal-head-text{flex:1;min-width:0}.modal-head-text h3{font-size:16px}.modal-head-text p{font-size:12.5px;color:var(--ink-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-icon{width:40px;height:40px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 1px #fff9}.modal-icon.tone-brand{background:var(--brand-soft);color:var(--brand)}.modal-icon.tone-danger{background:var(--critical-soft);color:var(--critical)}.modal-icon.tone-success{background:var(--good-soft);color:var(--good)}.modal-body{padding:22px;overflow-y:auto}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:15px 22px;border-top:1px solid var(--line);background:var(--glass-thin)}.modal-text{color:var(--ink-2);line-height:1.6}.modal-hint{margin-top:8px;font-size:12.5px;color:var(--ink-4)}.modal-section{margin-bottom:18px}.modal-section:last-child{margin-bottom:0}.modal-section h4{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-4);margin-bottom:9px}.chip-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tree-box{border:1px solid var(--line);border-radius:var(--r-md);max-height:290px;overflow:auto;padding:7px;background:var(--surface-2);box-shadow:inset 0 1px 3px #0f172a0d}.tree-loading{display:flex;align-items:center;gap:10px;padding:22px;color:var(--ink-3);font-size:13px;justify-content:center}.folder-tree{list-style:none}.folder-tree-item{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:var(--r-sm);cursor:pointer;font-size:13px;color:var(--ink-2);min-width:0;transition:background var(--t-fast),color var(--t-fast)}.folder-tree-item:hover{background:var(--glass-strong)}.folder-tree-item.selected{background:#1584c924;color:var(--brand);font-weight:600;box-shadow:var(--hi)}.folder-tree-toggle{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;color:var(--ink-4);cursor:pointer;padding:0;flex-shrink:0}.folder-tree-toggle svg{transition:transform var(--t-fast)}.folder-tree-toggle.placeholder{cursor:default}.folder-tree-icon{color:var(--accent);flex-shrink:0}.destination-hint{margin-top:12px;padding:11px 13px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--hi);font-size:13px;color:var(--ink-2);word-break:break-all}.share-create{padding:15px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--hi);margin-bottom:18px}.share-create>label{display:block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-4);margin-bottom:8px}.share-list{display:flex;flex-direction:column;gap:8px}.share-item{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(15,148,136,.24);background:var(--good-soft);border-radius:var(--r-md);box-shadow:var(--hi);flex-wrap:wrap}.share-item.expired{background:var(--critical-soft);border-color:#dc26263d}.share-item-main{flex:1;min-width:0}.share-item-meta{display:flex;align-items:center;gap:7px;margin-bottom:3px;color:var(--good)}.share-item.expired .share-item-meta{color:var(--critical)}.share-item-days{font-size:12px;font-weight:700}.share-item-url{font-size:11.5px;color:var(--ink-3);word-break:break-all}.share-item-actions{display:flex;gap:6px}.preview-shell{background:#fffc;border:1px solid rgba(255,255,255,.55);border-radius:var(--r-xl);width:min(1000px,94vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--hi),var(--shadow-lg)}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}.preview-head h3{font-size:15px}.preview-head-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.preview-stage{flex:1;min-height:320px;background:radial-gradient(circle at 50% 40%,#16283c,#0a1521 78%);display:flex;align-items:center;justify-content:center;overflow:auto}.preview-stage img,.preview-stage video{max-width:100%;max-height:78vh;display:block}.preview-stage img,.preview-stage video{border-radius:6px;box-shadow:0 18px 50px #00000073}.preview-stage audio{width:min(560px,90%);margin:40px}.preview-stage iframe{width:100%;height:78vh;border:none;background:#fff}.toast-stack{position:fixed;top:16px;right:16px;z-index:2000;display:flex;flex-direction:column;gap:9px;max-width:min(380px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 13px;border-radius:var(--r-md);background:#ffffffc7;border:1px solid rgba(255,255,255,.55);border-left:3px solid var(--ink-4);box-shadow:var(--hi),var(--shadow-lg);font-size:13px;color:var(--ink-2);pointer-events:auto;animation:toast-in .22s cubic-bezier(.32,.72,0,1)}.toast-icon{flex-shrink:0;margin-top:1px}.toast-message{flex:1;word-break:break-word}.toast-close{border:none;background:none;color:var(--ink-4);cursor:pointer;padding:2px;border-radius:6px}.toast-close:hover{background:var(--surface-3);color:var(--ink-2)}.toast-success{border-left-color:var(--good)}.toast-success .toast-icon{color:var(--good)}.toast-error{border-left-color:var(--critical)}.toast-error .toast-icon{color:var(--critical)}.toast-warning{border-left-color:var(--warning)}.toast-warning .toast-icon{color:var(--warning)}.toast-info{border-left-color:var(--brand)}.toast-info .toast-icon{color:var(--brand)}.dashboard{display:flex;flex-direction:column;flex:1;min-height:0}.dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:24px 26px 6px;flex-wrap:wrap}.dashboard-head h2{font-size:23px}.dashboard-head p{color:var(--ink-4);font-size:13px;margin-top:3px}.dashboard-body{padding:18px 26px 32px;overflow-y:auto;flex:1}.alert{display:flex;align-items:flex-start;gap:11px;padding:13px 16px;border-radius:var(--r-md);margin-bottom:18px;border:1px solid;box-shadow:var(--hi);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm)}.alert div{display:flex;flex-direction:column;gap:2px}.alert strong{font-size:13.5px}.alert span{font-size:12.5px;color:var(--ink-3)}.alert svg{flex-shrink:0;margin-top:1px}.alert-good{background:var(--good-soft);border-color:#0f94883d;color:var(--good)}.alert-warning{background:var(--warning-soft);border-color:#b453093d;color:var(--warning)}.alert-critical{background:var(--critical-soft);border-color:#dc26263d;color:var(--critical)}.alert-info{background:var(--brand-soft);border-color:#1584c93d;color:var(--brand)}.storage-hero{position:relative;border-radius:var(--r-xl);padding:26px 28px;color:#fff;margin-bottom:18px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:radial-gradient(60% 90% at 88% 6%,rgba(237,106,0,.42),transparent 55%),radial-gradient(50% 80% at 8% 100%,rgba(15,148,136,.32),transparent 60%),linear-gradient(135deg,#0e6ba8,#084a75 55%,#062f4a);box-shadow:inset 0 1px #ffffff38,0 18px 44px #062f4a5c;animation:fade-up .34s cubic-bezier(.32,.72,0,1)}.storage-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(150deg,#fff3,#fff0 38%)}.storage-hero>*{position:relative;z-index:1}.storage-hero-main{display:flex;align-items:center;gap:13px;margin-bottom:18px}.storage-hero-main h3{font-size:17px}.storage-hero-main p{font-size:12.5px;opacity:.75}.storage-hero-icon{width:48px;height:48px;border-radius:var(--r-lg);background:#ffffff29;border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px #ffffff59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.storage-hero-figure{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:14px}.storage-hero-number{font-size:40px;font-weight:800;letter-spacing:-.03em;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.18)}.storage-hero-caption{font-size:13px;opacity:.8}.meter{height:10px;background:#ffffff2e;border-radius:var(--r-pill);overflow:hidden;box-shadow:inset 0 1px 3px #00000038}.meter-fill{height:100%;border-radius:var(--r-pill);box-shadow:inset 0 1px #fff6;transition:width .7s cubic-bezier(.32,.72,0,1)}.meter-fill.tone-good{background:linear-gradient(90deg,#ed6a00,#ffab5e)}.meter-fill.tone-warning{background:linear-gradient(90deg,#b45309,#f0a03c)}.meter-fill.tone-critical{background:linear-gradient(90deg,#dc2626,#f87171)}.meter-legend{display:flex;justify-content:space-between;gap:12px;margin-top:9px;font-size:12.5px;opacity:.82;flex-wrap:wrap}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px;margin-bottom:18px}.quick-action{position:relative;display:flex;align-items:center;gap:11px;padding:14px 16px;background:var(--surface);border:1px solid rgba(255,255,255,.5);border-radius:var(--r-lg);font-size:13.5px;font-weight:600;color:var(--ink-2);cursor:pointer;overflow:hidden;transition:background var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast);text-align:left;box-shadow:var(--hi),var(--shadow-sm)}.quick-action:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,#ffffff6b,#fff0 46%)}.quick-action:hover{background:var(--glass-strong);box-shadow:var(--hi),var(--shadow-md);transform:translateY(-3px)}.quick-action:active{transform:translateY(-1px) scale(.99)}.quick-action>*{position:relative;z-index:1}.quick-action-icon{width:40px;height:40px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 1px #fff9}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:18px}.stat-tile{position:relative;display:flex;align-items:center;gap:13px;padding:17px;background:var(--surface);border:1px solid rgba(255,255,255,.5);border-radius:var(--r-lg);box-shadow:var(--hi),var(--shadow-sm);overflow:hidden;transition:box-shadow var(--t-fast),transform var(--t-fast)}.stat-tile:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,#ffffff6b,#fff0 46%)}.stat-tile:hover{box-shadow:var(--hi),var(--shadow-md);transform:translateY(-2px)}.stat-tile>*{position:relative;z-index:1}.stat-tile-icon{width:42px;height:42px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 1px #fff9}.stat-tile-body{min-width:0}.stat-tile-label{display:block;font-size:12px;color:var(--ink-3);font-weight:500}.stat-tile-value{display:block;font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.25}.stat-tile-sub{display:block;font-size:11.5px;color:var(--ink-4)}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px;margin-bottom:16px}.panel{position:relative;background:var(--surface);border:1px solid rgba(255,255,255,.5);border-radius:var(--r-lg);padding:20px;box-shadow:var(--hi),var(--shadow-sm);min-width:0;overflow:hidden}.panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(150deg,#ffffff57,#fff0 34%)}.panel>*{position:relative;z-index:1}.panel-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}.panel-head-text{flex:1;min-width:0}.panel-head-text h3{font-size:15px}.panel-head-text span{font-size:11.5px;color:var(--ink-4)}.panel-icon{width:35px;height:35px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 1px #fff9}.gauge-row{display:flex;justify-content:space-around;gap:12px;margin-bottom:16px;flex-wrap:wrap}.gauge{display:flex;flex-direction:column;align-items:center;gap:5px}.gauge-ring{position:relative;display:grid;place-items:center}.gauge-ring svg{position:absolute;inset:0;filter:drop-shadow(0 2px 6px rgba(15,23,42,.12))}.gauge-ring circle{transition:stroke-dashoffset .7s cubic-bezier(.32,.72,0,1)}.gauge-value{font-size:15px;font-weight:700;color:var(--ink)}.gauge-sub{font-size:12px;font-weight:600;color:var(--ink-2)}.gauge-label{font-size:11px;color:var(--ink-4);font-weight:500}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fact-grid>div{padding:10px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--hi)}.fact-grid dt{font-size:11px;color:var(--ink-4)}.fact-grid dd{font-size:12.5px;font-weight:600;color:var(--ink-2);margin-top:1px}.bar-list{display:flex;flex-direction:column;gap:9px}.bar-row{display:grid;grid-template-columns:108px 1fr 74px 44px;align-items:center;gap:10px}.bar-label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:10px;background:#0f172a12;border-radius:var(--r-pill);overflow:hidden;box-shadow:inset 0 1px 2px #0f172a14}.bar-fill{display:block;height:100%;border-radius:var(--r-pill);box-shadow:inset 0 1px #ffffff73;transition:width .6s cubic-bezier(.32,.72,0,1)}.bar-value{font-size:12px;font-weight:600;color:var(--ink-2);text-align:right}.bar-count{font-size:11.5px;color:var(--ink-4);text-align:right}@media (max-width: 560px){.bar-row{grid-template-columns:92px 1fr 64px}.bar-count{display:none}}.column-chart{display:flex;flex-direction:column;gap:10px}.column-chart-plot{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;height:156px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:6px}.column{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:5px}.column-track{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.column-fill{width:min(100%,34px);background:linear-gradient(180deg,var(--brand-2),var(--brand));border-radius:6px 6px 2px 2px;box-shadow:inset 0 1px #ffffff59;transition:height .6s cubic-bezier(.32,.72,0,1);min-height:2px}.column-fill.peak{background:linear-gradient(180deg,var(--accent-2),var(--accent))}.column-peak-label{font-size:11px;font-weight:700;color:var(--accent)}.column-label{font-size:11px;color:var(--ink-4)}.chart-caption{font-size:11.5px;color:var(--ink-4)}.item-list{list-style:none;display:flex;flex-direction:column;gap:2px}.item-list.scroll{max-height:320px;overflow-y:auto}.item-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);min-width:0;transition:background var(--t-fast)}.item-list li:hover{background:var(--glass-strong)}.item-icon{width:30px;height:30px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 1px #ffffff8c}.item-text{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13px;color:var(--ink-2)}.item-text strong{font-size:12.5px;font-weight:600;color:var(--ink)}.item-text em{font-style:normal;color:var(--ink-3)}.item-text small{font-size:11px;color:var(--ink-4)}.item-value{font-size:12.5px;font-weight:700;color:var(--ink-2);flex-shrink:0}.rank{width:20px;text-align:center;font-size:12px;font-weight:700;color:var(--ink-4);flex-shrink:0}.admin-panel{padding:16px 26px 32px;overflow-y:auto}.scanning-note{display:inline-flex;align-items:center;gap:6px}@media (max-width: 720px){.header,.file-browser,.dashboard-body,.admin-panel{padding-left:16px;padding-right:16px}.toolbar,.selection-bar,.banner{margin-left:16px;margin-right:16px}.header{padding-left:64px}.dashboard-head{padding-left:64px;padding-right:16px}.files-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.storage-hero-number{font-size:32px}.fact-grid{grid-template-columns:1fr}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root{--surface: rgba(255, 255, 255, .92);--surface-2: rgba(255, 255, 255, .82);--glass: rgba(255, 255, 255, .9);--glass-strong: rgba(255, 255, 255, .96);--glass-thin: rgba(255, 255, 255, .86)}.header,.toolbar,.selection-bar,.modal,.preview-shell,.action-menu,.toast,.login-card{background:#fffffff0}.modal-overlay{background:#091e3699}}.tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:18px;background:var(--glass);border:1px solid rgba(255,255,255,.5);border-radius:var(--r-pill);box-shadow:var(--hi),var(--shadow-sm);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);flex-wrap:wrap}.tab{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:var(--r-pill);background:transparent;color:var(--ink-3);font-size:13.5px;font-weight:600;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}.tab:hover{background:var(--glass-strong);color:var(--ink)}.tab.active{background:linear-gradient(180deg,var(--brand-2),var(--brand));color:#fff;box-shadow:inset 0 1px #ffffff59,var(--glow-brand)}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:19px;padding:0 6px;border-radius:var(--r-pill);background:var(--surface-3);color:var(--ink-3);font-size:11px;font-weight:700}.tab.active .tab-count{background:#ffffff40;color:#fff}.filter-bar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.filter-bar .search-field{flex:1 1 240px}.filter-bar .search-field input{width:100%}.filter-result{margin-left:auto;font-size:12px;color:var(--ink-4);white-space:nowrap}.self-tag{display:inline-block;margin-left:7px;padding:1px 7px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-dark);font-size:10.5px;font-weight:700;vertical-align:middle}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:10px 14px;background:var(--glass);border:1px solid rgba(255,255,255,.5);border-radius:var(--r-lg);box-shadow:var(--hi),var(--shadow-sm);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);flex-wrap:wrap}.pagination-summary{font-size:12.5px;color:var(--ink-3)}.pagination-summary strong{color:var(--ink)}.pagination-controls{display:flex;align-items:center;gap:4px;margin-left:auto;flex-wrap:wrap}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 9px;border:1px solid transparent;border-radius:var(--r-pill);background:transparent;color:var(--ink-2);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--t-fast),color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.page-btn:hover:not(:disabled):not(.active){background:var(--glass-strong);box-shadow:var(--hi)}.page-btn:active:not(:disabled){transform:scale(.94)}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-btn.active{background:linear-gradient(180deg,var(--brand-2),var(--brand));color:#fff;border-color:#ffffff4d;box-shadow:inset 0 1px #ffffff59,var(--glow-brand)}.page-gap{padding:0 2px;color:var(--ink-4);font-size:13px}@media (max-width: 560px){.pagination{justify-content:center}.pagination-controls{margin-left:0;justify-content:center}.pagination-summary{width:100%;text-align:center}}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;align-items:start}.avatar-editor{display:flex;align-items:center;gap:20px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.avatar-preview{position:relative;flex-shrink:0}.avatar-busy{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:#ffffffa6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.avatar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.avatar-actions .field-hint{width:100%;margin-top:0}.profile-facts{grid-template-columns:1fr 1fr}.profile-facts dt{display:flex;align-items:center;gap:5px}.field-hint.match-ok{display:inline-flex;align-items:center;gap:4px;color:var(--good);font-weight:600}.user-avatar{overflow:hidden}.user-avatar.has-photo{background:var(--surface-3)}.user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.user-avatar.xl{width:96px;height:96px;font-size:34px;box-shadow:inset 0 1px #ffffff80,0 8px 24px #0c5c9147}.user-info{padding:0;gap:0;transition:background var(--t-fast),border-color var(--t-fast)}.user-info-main{display:flex;align-items:center;gap:11px;flex:1;min-width:0;padding:10px;border:none;background:none;border-radius:var(--r-md);cursor:pointer;text-align:left}.user-info-main:hover{background:var(--glass-strong)}.user-info.active{background:#1584c924;border-color:#1584c947}.user-info .logout-btn{margin-right:8px}.btn-google{background:var(--glass-strong);color:var(--ink-2);border-color:var(--line);box-shadow:var(--hi),var(--shadow-sm);text-decoration:none;margin-bottom:4px}.btn-google:hover{background:#fff;border-color:var(--line-strong);box-shadow:var(--hi),var(--shadow-md)}.or-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--ink-4);font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--line)}.cell-sub{display:flex;align-items:center;gap:5px;margin-top:2px;font-size:11.5px;color:var(--ink-4)}.google-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#4285f4,#34a853 45%,#fbbc05 75%,#ea4335)}