:root{color-scheme:light;--bg:#f7f7f5;--bg-soft:rgba(255,255,255,.74);--panel:rgba(255,255,255,.68);--card:rgba(255,255,255,.84);--text:#101012;--muted:#6b6b72;--border:rgba(16,16,18,.12);--border-strong:rgba(16,16,18,.22);--accent:#17171a;--accent-contrast:#fff;--purple:#a855f7;--danger:#c7374d;--success:#16845b;--shadow:0 24px 80px rgba(16,16,18,.12);--ease-out:cubic-bezier(.23,1,.32,1);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,ui-sans-serif,system-ui,sans-serif;color:var(--text);background:var(--bg)}
:root[data-theme="dark"]{color-scheme:dark;--bg:#0b0b0d;--bg-soft:rgba(20,20,23,.74);--panel:rgba(22,22,25,.72);--card:rgba(27,27,31,.84);--text:#f5f5f7;--muted:#a1a1aa;--border:rgba(255,255,255,.12);--border-strong:rgba(255,255,255,.24);--accent:#f5f5f7;--accent-contrast:#111114;--danger:#ff7183;--success:#68dba9;--shadow:0 28px 90px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 85% -10%,rgba(168,85,247,.1),transparent 36%),var(--bg);transition:background-color .25s ease,color .25s ease}button,input{font:inherit}button{cursor:pointer}#dot-field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.78}.app-shell{position:relative;z-index:1;min-height:100vh}.hidden{display:none!important}.muted{color:var(--muted);line-height:1.55}.small{font-size:.82rem}.eyebrow{margin:0 0 .55rem;color:var(--muted);font-size:.68rem;letter-spacing:.18em;font-weight:750}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card{width:min(100%,430px);padding:2.6rem;background:var(--card);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(140%);animation:card-in .45s var(--ease-out) both}.brand-mark{display:grid;place-items:center;width:56px;height:56px;margin-bottom:1.8rem;border-radius:17px;background:var(--accent);color:var(--accent-contrast);font-weight:800;letter-spacing:-.08em;box-shadow:0 10px 24px rgba(0,0,0,.12)}.brand-mark.small{width:34px;height:34px;margin:0;border-radius:11px;font-size:.78rem}.auth-card h1,.page-heading h1{margin:.1rem 0 .65rem;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.05;letter-spacing:-.05em}.stack-form{display:grid;gap:.55rem;margin-top:1.8rem}.stack-form label,.dialog-card label{margin-top:.55rem;font-size:.82rem;font-weight:650}.stack-form input,.dialog-card input{width:100%;padding:.78rem .85rem;color:var(--text);background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.stack-form input:focus,.dialog-card input:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(168,85,247,.14)}.primary-button,.secondary-button,.ghost-button,.icon-button,.theme-toggle{min-height:42px;border-radius:12px;padding:.68rem 1rem;font-weight:700;transition:transform .18s var(--ease-out),background-color .18s ease,border-color .18s ease,color .18s ease}.primary-button{border:1px solid var(--accent);background:var(--accent);color:var(--accent-contrast);box-shadow:0 8px 18px rgba(0,0,0,.1)}.primary-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.secondary-button{border:1px solid var(--border-strong);background:var(--bg-soft);color:var(--text)}.secondary-button:hover,.ghost-button:hover,.theme-toggle:hover{border-color:var(--purple);background:rgba(168,85,247,.1)}.ghost-button{border:1px solid transparent;background:transparent;color:var(--muted)}.icon-button{width:36px;height:36px;min-height:36px;padding:0;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font-size:1.25rem;line-height:1}.icon-button:hover{transform:translateY(-1px);border-color:var(--purple);color:var(--purple)}.theme-toggle{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);padding-inline:.7rem;font-size:.75rem}.theme-glyph{font-size:1rem;line-height:1}.form-error{min-height:1.25rem;margin:.25rem 0 0;color:var(--danger);font-size:.85rem}.manager-layout{min-height:100vh}.topbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0 2rem;border-bottom:1px solid var(--border);background:var(--panel);backdrop-filter:blur(24px) saturate(150%)}.brand-lockup{display:flex;align-items:center;gap:.7rem}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup span{margin-top:.1rem;color:var(--muted);font-size:.72rem}.topbar-actions{display:flex;align-items:center;gap:.55rem}.status-chip{display:inline-flex;align-items:center;gap:.45rem;color:var(--muted);font-size:.76rem}.status-chip i{width:7px;height:7px;border-radius:50%;background:#d0a124;box-shadow:0 0 0 4px rgba(208,161,36,.12)}.status-chip.online i{background:var(--success);box-shadow:0 0 0 4px rgba(22,132,91,.12)}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{display:flex;flex-direction:column;border-right:1px solid var(--border);padding:1.4rem 1rem;background:rgba(255,255,255,.2);backdrop-filter:blur(18px)}:root[data-theme="dark"] .sidebar{background:rgba(0,0,0,.16)}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 .4rem .8rem;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;font-weight:750}.bucket-list{display:grid;gap:.35rem}.bucket-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.7rem .75rem;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--muted);text-align:left;transition:background-color .18s ease,color .18s ease,transform .18s var(--ease-out)}.bucket-item:hover{transform:translateX(2px);background:rgba(168,85,247,.08);color:var(--text)}.bucket-item.active{border-color:rgba(168,85,247,.24);background:rgba(168,85,247,.12);color:var(--text)}.bucket-icon{width:8px;height:8px;border-radius:50%;background:var(--muted)}.bucket-item.active .bucket-icon{background:var(--purple);box-shadow:0 0 0 4px rgba(168,85,247,.12)}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:.9rem .4rem;border-top:1px solid var(--border);font-size:.75rem}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px rgba(22,132,91,.12)}.content-panel{width:100%;max-width:1250px;padding:2.25rem clamp(1.2rem,4vw,4rem)}.page-heading,.browser-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.page-heading h1,.browser-heading h2{margin:.1rem 0 .45rem}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}.metric-card{display:grid;gap:.25rem;padding:1.25rem;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:0 12px 32px rgba(0,0,0,.04);backdrop-filter:blur(18px)}.metric-label,.metric-note{color:var(--muted);font-size:.8rem}.metric-card strong{font-size:1.75rem;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.empty-state{padding:4rem 1.5rem;border:1px dashed var(--border-strong);border-radius:20px;background:var(--panel);text-align:center;backdrop-filter:blur(18px)}.empty-icon{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 1rem;border:1px solid rgba(168,85,247,.36);border-radius:50%;color:var(--purple);font-size:1.5rem}.empty-state h2{margin:.2rem 0 .4rem}.browser-panel{padding:1.25rem;border:1px solid var(--border);border-radius:20px;background:var(--panel);backdrop-filter:blur(20px)}.browser-actions{display:flex;gap:.6rem}.crumbs{display:flex;align-items:center;gap:.45rem;min-height:42px;margin:1.15rem 0 .25rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--purple);font-size:.8rem}.crumb-button{padding:.55rem 0;border:0;background:transparent;color:var(--purple)}.feedback{min-height:1.2rem;padding:.35rem 0;color:var(--success);font-size:.82rem}.feedback.error{color:var(--danger)}.table-wrap{overflow:auto}table{width:100%;min-width:620px;border-collapse:collapse}th,td{padding:.85rem .65rem;border-bottom:1px solid var(--border);text-align:left;font-size:.85rem}th{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;font-weight:750}.object-name{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.row-actions{text-align:right;white-space:nowrap}.link-button{padding:.35rem .45rem;border:0;background:transparent;color:var(--purple);font-size:.78rem}.link-button:hover{text-decoration:underline}.link-button.danger,.danger-button{color:var(--danger)}.danger-button{border-color:rgba(199,55,77,.35)}.danger-button:hover{border-color:var(--danger);background:rgba(199,55,77,.08)}.upload-progress{display:grid;gap:.35rem;padding:.75rem 0}.upload-progress>div{display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem}.upload-progress strong{color:var(--success)}progress{width:100%;height:7px;accent-color:var(--purple)}.key-panel{margin-top:1.25rem}.key-status{color:var(--success)}.key-id{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}dialog{width:min(100% - 2rem,460px);padding:0;border:1px solid var(--border);border-radius:20px;background:var(--card);color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.52);backdrop-filter:blur(8px)}.dialog-card{padding:1.5rem}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.dialog-heading h2{margin:.1rem 0 0;font-size:1.2rem;letter-spacing:-.03em}.dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.3rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid rgba(168,85,247,.55);outline-offset:3px}@keyframes card-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:800px){.topbar{padding:.7rem 1rem;flex-wrap:wrap}.topbar-actions{margin-left:auto}.status-chip{display:none}.main-nav{order:3;width:100%;margin:0;padding-top:.45rem;border-top:1px solid var(--border)}.workspace{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);padding:.85rem 1rem}.bucket-list{display:flex;overflow:auto}.bucket-item{white-space:nowrap}.sidebar-footer{display:none}.content-panel{padding:1.5rem 1rem}.metric-grid{gap:.6rem}.metric-card{padding:.9rem}.metric-card strong{font-size:1.25rem}.page-heading,.browser-heading{display:block}.page-heading .secondary-button,.browser-actions{margin-top:1rem}.browser-actions{flex-wrap:wrap}}@media(max-width:480px){.auth-card{padding:1.5rem}.metric-grid{grid-template-columns:1fr}.theme-label{display:none}.topbar-actions .ghost-button{padding:.55rem}.content-panel{padding-top:1.25rem}}

/* Apple-like segmented navigation: quiet by default, tactile on press, clear at a glance. */
.main-nav{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:11px;background:rgba(127,127,127,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.nav-tab{position:relative;min-height:32px;padding:.42rem .8rem;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:.78rem;font-weight:650;letter-spacing:-.01em;transition:color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .1s ease}
.nav-tab:hover{color:var(--text);background:rgba(127,127,127,.09)}
.nav-tab.active{color:var(--text);background:var(--card);box-shadow:0 1px 5px rgba(0,0,0,.11),0 0 0 1px var(--border)}
.nav-tab:active{transform:scale(.96);transition-duration:.1s}
@media(max-width:800px){.main-nav{display:flex}.nav-tab{flex:1;text-align:center}}
.connection-url{margin:.35rem 0 0;color:var(--purple);font:500 .76rem ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.dialog-card select{width:100%;padding:.78rem .85rem;color:var(--text);background:var(--bg-soft);border:1px solid var(--border);border-radius:12px}.user-status{color:var(--success)}.user-role{color:var(--purple);text-transform:capitalize}