:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#07111d;color:#f4f8fa}*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}.app-shell{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:100vh}.sidebar{background:#0d1a28;border-right:1px solid #233547;padding:28px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:13px;align-items:center;font-size:15px;font-weight:800;line-height:1.06;letter-spacing:1.4px;padding:0 12px}.brand strong{color:#4de0c5;font-size:13px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#174940;color:#4de0c5;font-size:31px}.nav-label{font-size:10px;letter-spacing:1.8px;color:#8397a6;margin:66px 12px 18px;font-weight:700}nav{display:grid;gap:8px}nav a{display:flex;gap:14px;align-items:center;border-radius:11px;padding:13px 14px;color:#9cadb9;text-decoration:none;font-size:14px;font-weight:600}nav a.active,nav a:hover{background:#17283a;color:#4de0c5}.sidebar-bottom{margin-top:auto;display:flex;gap:12px;align-items:center;border-radius:13px;background:#142334;padding:18px 13px}.pulse{width:10px;height:10px;background:#4de0c5;border-radius:50%;box-shadow:0 0 0 5px #21483f}.sidebar-bottom b{display:block;font-size:10px;color:#4de0c5;letter-spacing:1px}.sidebar-bottom small{display:block;color:#9cadb9;margin-top:5px}main{max-width:1280px;width:100%;padding:0 42px 85px;margin:0 auto}.topbar{height:80px;border-bottom:1px solid #233547;display:flex;justify-content:space-between;align-items:center;color:#a7b9c5;font-size:13px}.environment{color:#f5b56d;border:1px solid #6a4c2a;border-radius:20px;padding:8px 12px;font-weight:800;letter-spacing:.7px;font-size:10px}.intro{display:flex;justify-content:space-between;align-items:start;padding:42px 0 28px}.eyebrow{color:#4de0c5;font-size:10px;font-weight:800;letter-spacing:2px;margin:0 0 11px}h1{font-size:36px;letter-spacing:-1.5px;margin:0 0 9px}h2{font-size:22px;letter-spacing:-.5px;margin:0}.muted{color:#9cadb9;font-size:14px;line-height:1.55;margin:0}.hero{display:flex;gap:25px;align-items:center;min-height:178px;border:1px solid #2a4352;border-radius:20px;padding:30px;background:linear-gradient(115deg,#183b3b,#142334 65%)}.hero-icon{width:72px;height:72px;flex:none;display:grid;place-items:center;color:#4de0c5;font-size:43px;background:#214e47;border-radius:19px}.hero h2{margin-bottom:8px}.hero p{font-size:13px;color:#b7c9cc;line-height:1.55;margin:0}.status{margin-left:auto;color:#4de0c5;background:#194a42;border-radius:20px;padding:9px 15px;font-size:10px;font-weight:800;letter-spacing:1px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 47px}.metric{border:1px solid #263748;border-radius:18px;background:#142334;padding:22px}.metric span{color:#4de0c5;font-size:24px}.metric strong{display:block;font-size:37px;margin:16px 0 1px}.metric small{color:#9cadb9;font-size:12px}.section{margin:40px 0;scroll-margin-top:30px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-head h2{font-size:24px}button{cursor:pointer;font:inherit;border:0}button:disabled{opacity:.5;cursor:wait}.primary{background:#4de0c5;color:#06211e;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:800}.primary:hover{background:#79e8d4}.ghost{background:transparent;border:1px solid #34495b;color:#d7e1e6;border-radius:10px;padding:11px 16px;font-size:12px}.list{display:grid;gap:10px}.row-card,.empty{background:#142334;border:1px solid #263748;border-radius:15px;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.row-card h3{font-size:15px;margin:0 0 6px}.row-card p,.empty{color:#9cadb9;font-size:12px;margin:0}.row-card button{margin-left:8px}.badge{color:#4de0c5;background:#174940;padding:7px 11px;border-radius:20px;font-size:10px;font-weight:800}.badge.warn{color:#f5b56d;background:#493624}.code-box{border:1px solid #4de0c5;background:#133533;border-radius:15px;padding:18px 21px;margin-bottom:16px}.code-box span{font-size:10px;color:#4de0c5;font-weight:800;letter-spacing:1.1px}.code-box strong{display:block;letter-spacing:2px;font-size:25px;margin:8px 0}.code-box p{font-size:12px;color:#b7c9cc;margin:0}.footnote{font-size:11px;color:#8197a5;line-height:1.5}.auth-card{max-width:460px;margin:95px auto;background:#142334;border:1px solid #263748;border-radius:24px;padding:36px}.auth-icon{display:grid;place-items:center;width:54px;height:54px;background:#174940;border-radius:16px;color:#4de0c5;font-size:39px;margin-bottom:26px}.auth-card h1{font-size:30px}.auth-card .muted{margin-bottom:29px}.auth-card form{display:grid;gap:18px}.auth-card label{display:grid;gap:8px;font-size:12px;color:#c8d4dc;font-weight:650}.auth-card input{background:#0a1928;border:1px solid #34495b;border-radius:10px;color:#fff;padding:13px 14px;font:inherit;outline:none}.auth-card input:focus{border-color:#4de0c5}.auth-card .primary{margin-top:7px}.error{color:#ff9c94;min-height:20px;font-size:12px}@media(max-width:900px){.app-shell{display:block}.sidebar{position:relative;height:auto;padding:17px 16px}.brand{font-size:12px}.brand-mark{width:29px;height:29px;font-size:23px}.nav-label,.sidebar-bottom{display:none}nav{display:flex;overflow-x:auto;margin-top:16px;gap:4px}nav a{white-space:nowrap;font-size:12px;padding:9px}main{padding:0 19px 55px}.topbar{height:55px}.environment{font-size:8px}.intro{padding-top:29px}.intro h1{font-size:29px}.hero{padding:18px;gap:15px}.hero-icon{width:48px;height:48px;font-size:29px}.hero h2{font-size:18px}.hero p{font-size:11px}.status{display:none}.metrics{gap:8px;margin-bottom:32px}.metric{padding:14px}.metric strong{font-size:25px}.metric small{font-size:10px}.row-card{align-items:start;flex-direction:column}.auth-card{margin:50px auto;padding:24px}}

label.remember{display:flex;align-items:center;gap:8px}label.remember input{width:auto}
/* Pandora glass workspace: independent client views. */
:root{color-scheme:dark;color:#e6f3f5;background:#071019;--muted:#a2bac9;--line:#c8e8ef1c}body{background:radial-gradient(ellipse at 5% 0,#14584d44,transparent 48%),radial-gradient(ellipse at 95% 8%,#243b6e50,transparent 45%),#071019;background-attachment:fixed;color:#e6f3f5}.app-shell{background:transparent}.sidebar{background:#10212b80;border-right:1px solid #b8e0e51c;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.brand{color:#effaf7}.brand-mark{color:#9bedd3;background:#74e6bb12;border:1px solid #96e7d32b;border-radius:12px}.nav-label{color:#83aaac}.sidebar nav a{color:#a9c2cd;border:1px solid transparent;border-radius:12px}.sidebar nav a.active{background:#a4ffe114;border-color:#b6ffe22b;color:#b5f7df}.topbar{background:#0b1a2670;border-color:#b8e0e51c;color:#adcad1;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.topbar a{color:#8ae4c7}.environment{color:#91c8bd;background:#7ce7c00d;border:1px solid #7ce7c029;border-radius:20px;padding:8px 13px}.intro h1,.section h2,.hero h2{color:#eff7f8}.hero,.metric,.row-card,.auth-card{background:linear-gradient(135deg,#bcffe909,transparent 70%),#142a38a8;border:1px solid #bde8ed1f;border-top-color:#d7fff333;border-radius:19px;box-shadow:0 15px 40px #0002,inset 0 1px #ffffff05;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.hero-icon{background:#80e9c312;color:#9ef2d6}.hero p,.muted,.row-card p{color:#a1bac9}.status,.badge{background:#8bf5ca12;color:#a4eacb;border:1px solid #8bf5ca30}.badge.warn{background:#f2c98112;color:#f5d4a4}.metric strong{color:#effaf7}.metric span{color:#99e8cf}.metric small{color:#9db9c9}.primary{background:linear-gradient(135deg,#9aefcc,#66cfb0);border:1px solid #b8ffe342;color:#0d3027;border-radius:10px;font-weight:700}.ghost{background:#c3eeff07;border:1px solid #c3eeff25;color:#c3dce5;border-radius:10px}.empty{background:#d9f6ff04;border:1px dashed #b8d5df27;color:#a7bfca;border-radius:14px}.auth-icon{background:#74dfbc11;border:1px solid #74dfbc30;color:#a7f6d6}input{background:#0617229c;border:1px solid #a5ccdd35;color:#f0f8f8;border-radius:10px}label{color:#b5cbd7}.footnote{color:#8ca8b8}#dashboard>section[hidden]{display:none!important}.sidebar-bottom{border-color:#a8d6df1f}.claim-form{background:#92e9c80b;border-color:#92e9c82d}.section{padding-top:20px}a:focus-visible,button:focus-visible{outline:2px solid #a0efce;outline-offset:3px}@media(prefers-reduced-transparency:reduce){.sidebar,.hero,.metric,.row-card,.auth-card,.topbar{background:#112632;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* PANDORA — silver glass, requested optical specification */
:root{color-scheme:light;color:#272832;background:#e8e8ed;--accent:#343640;--muted:#62646e;--line:rgba(80,82,98,.12);--glass:rgba(255,255,255,.25);--green:#3b3d48}
body{color:#272832;background:radial-gradient(ellipse at 8% 12%,#faf9f6 0,transparent 42%),radial-gradient(ellipse at 83% 18%,#c0c1cc 0,transparent 36%),radial-gradient(ellipse at 54% 80%,#d9d4ce 0,transparent 38%),#e7e7ec;background-attachment:fixed}
main,.app-sidebar,.sidebar{position:relative;z-index:1}
h1,h2,h3,.hero-title,.metric strong,.intro h1,.section h2,.page-heading h1{color:#292a34}p,.muted,.row p,.row-card p,.hero p,.metric span,.metric small,.intro,.steps p,.view-intro{color:#62646e}.eyebrow,.tag,.nav-label{color:#6b6c79}.logo-brand{display:block!important;position:relative;width:190px;height:104px;overflow:hidden;margin-bottom:5px}.logo-brand img{position:absolute;width:330px!important;max-width:none!important;height:auto;left:50%;top:-4px;transform:translateX(-50%);filter:invert(1);mix-blend-mode:multiply}.logo-brand small{position:absolute;bottom:0;width:100%;text-align:center;font-size:8px;letter-spacing:2px;color:#6c6d77}.brand{color:#292a34}.brand small{color:#656774}
.app-sidebar,.sidebar{background:rgba(255,255,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:#ffffff90;box-shadow:inset -1px 0 #ffffff66}.sidebar{position:fixed}.app-sidebar{position:sticky}.sidebar nav a,nav a,.nav{color:#676975}.sidebar nav a.active,nav a[aria-current=page],.nav.active{background:#ffffff70;border-color:#ffffffb0;color:#262732;box-shadow:0 5px 16px #43445608,inset 0 1px #fff}.sidebar nav a:hover,nav a:hover,.nav:hover{color:#272832;background:#ffffff40}.sidebar-note,.aside-note,.sidebar-bottom{background:#ffffff18;border-color:#ffffff70;color:#5f626c}.sidebar-note strong,.sidebar-note p,.sidebar-bottom button,.sidebar-bottom span{color:#676975}.shell-header,header,.topbar{background:transparent;border-color:#45465515;color:#666976;backdrop-filter:none}.preview-link,.topbar a,a{color:#434651}.pill,.badge,.status,.environment,.nav b{background:#ffffff55;border:1px solid #ffffff99;color:#5c606b}.live-dot{background:#737d73;box-shadow:0 0 0 4px #9eaa9e18}.services .pill{background:#ffffff25;border-color:#ffffff80;color:#5e626d}.services .pill::before{background:#737e75}.meter{background:#595b6b13}.meter span{background:linear-gradient(90deg,#797b8c,#b3b5c0)}
button,.download,.primary,.button.primary{color:#fff;background:linear-gradient(145deg,#474955,#252630);border:1px solid #50515d;border-radius:12px;box-shadow:inset 0 1px #ffffff22,0 6px 15px #3b3d4c15}.secondary,.ghost,.button.secondary{background:#ffffff40;border:1px solid #ffffff99;color:#454854;box-shadow:inset 0 1px #ffffff99}.secondary:hover,.ghost:hover,.button.secondary:hover{background:#ffffff77}.primary:hover,.button.primary:hover{background:#373944}.icon-button{background:#ffffff66;color:#41434e}.file-actions button{background:#ffffff60;color:#424650;border-color:#ffffff99}.file-name,#crumbs button:last-child{color:#30333f}#crumbs button{color:#626774}.file-icon,.folder .file-icon{background:#ffffff70;color:#757b88}.file-size{color:#777b87}.search{background:#ffffff44;border-color:#ffffff90}.search input{color:#343642}.file-row{border-color:#55586b0b}.file-row:hover{background:#ffffff40}.table-head{background:#ffffff25;color:#7a7d88}.steps>div>span,.auth-icon,.hero-icon{background:#ffffff77;color:#555a66}.welcome-foot,.browser-footer,.footnote{color:#747984}.empty{background:#ffffff18;border-color:#ffffffa0;color:#747986}.empty h2{color:#343641}.work-banner{background:#ffffff50;border-color:#ffffffaa;color:#6e6255}.backup-bar,.glass-note{color:#555b68}.audit{background:#ffffff30;border-color:#ffffff99}.audit span{background:#ffffff70;color:#52665b}.audit .attention{background:#e3c8a030;color:#836842}.audit .unknown{background:#ffffff55;color:#747987}.audit small{color:#7b7f89}.pairing,.notice,.code-box{background:#ffffff55;border-color:#ffffffaa;color:#484c59}.notice code,.code-box strong,.code-box span,#card-code{background:#ffffff50;color:#373b48}.toast,#message{background:#f4f4f4e8;color:#3c424e;border:1px solid #ffffffc0;box-shadow:0 12px 35px #33354522}.toast.error{background:#f7e9e7f5;color:#893c3b}.error{color:#a03f4a}#mail-result{color:#526f5c}
input,select,.auth-card input,.settings-card input{background:#ffffff55;color:#363944;border-color:#8a8d9d30;box-shadow:inset 0 1px 3px #65687905}input::placeholder{color:#9397a2}label,.auth-card label{color:#696d79}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid #656a7d;outline-offset:3px}input[type=checkbox]{accent-color:#4b4e5e}.check input{accent-color:#4b4e5e}
dialog{background:#f4f4f5bb;color:#30333e;border-color:#ffffffd0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 30px 100px #33364733,inset 0 1px #fff}dialog::backdrop{background:#70738150;backdrop-filter:blur(8px)}.modal-top,.modal-bottom{background:#ffffff35;color:#686d79}.modal-top button{color:#4f5460}.drop-overlay{background:#e8e9eef0;color:#464c5b;border-color:#73798a}#alert-list .row,#overview-alerts .row{background:#ffffff25;border-color:#ffffff88;box-shadow:none}
@media(prefers-reduced-transparency:reduce){.app-sidebar,.sidebar,.metric,.glass-panel,.row,.auth,.hero,.row-card,.auth-card,.steps>div,.file-area,.work-row,.backup-bar,.glass-note,.settings-card,dialog{background:#f1f1f4;backdrop-filter:none;-webkit-backdrop-filter:none}}

.hero,.metric,.row-card,.auth-card{background:rgba(255,255,255,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.1),inset 0 0 26px 13px rgba(255,255,255,1);position:relative;overflow:hidden;}.hero::before,.metric::before,.row-card::before,.auth-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);pointer-events:none;z-index:2}.hero::after,.metric::after,.row-card::after,.auth-card::after{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.8),transparent,rgba(255,255,255,.3));pointer-events:none;z-index:2}

@media(max-width:900px){.sidebar{position:relative}}@media(max-width:740px){.app-sidebar{position:relative}.logo-brand{height:90px;margin-bottom:0}.logo-brand img{width:300px!important}}@media(prefers-reduced-transparency:reduce){.app-sidebar,.sidebar,.metric,.glass-panel,.row,.auth,.hero,.row-card,.auth-card,.steps>div,.file-area,.work-row,.backup-bar,.glass-note,.settings-card{background:#f1f1f4;backdrop-filter:none;-webkit-backdrop-filter:none}}

.logo-brand img{opacity:0}.logo-brand::before{content:'';position:absolute;inset:0;background:#24252d;mask-image:url('pandora-logo.png');mask-mode:luminance;mask-size:330px auto;mask-position:center -4px;mask-repeat:no-repeat;-webkit-mask-image:url('pandora-logo.png');-webkit-mask-size:330px auto;-webkit-mask-position:center -4px;-webkit-mask-repeat:no-repeat;pointer-events:none}@media(max-width:740px){.logo-brand::before{mask-size:300px auto;-webkit-mask-size:300px auto}}

.menu-toggle{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:10px}.menu-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.shell-header>div:first-of-type{flex:1}.topbar>span:first-of-type{margin-right:auto}.shell-header,.topbar{gap:18px}
body:not(.authenticated){display:block}body:not(.authenticated)>.app-sidebar,body:not(.authenticated) .app-shell>.sidebar,body:not(.authenticated) .shell-header,body:not(.authenticated) .topbar{display:none!important}body:not(.authenticated) main{margin:0 auto!important;width:100%!important;max-width:620px;min-height:100dvh;display:grid;align-content:center;padding:28px!important}body:not(.authenticated) .app-shell{display:block}body:not(.authenticated) .auth,body:not(.authenticated) .auth-card{margin:0 auto;width:100%;max-width:450px;padding:34px}body:not(.authenticated) .logo-brand{margin:0 auto 26px}body:not(.authenticated) .auth h1,body:not(.authenticated) .auth-card h1{font-size:25px}body:not(.authenticated) .eyebrow{display:none}body:not(.authenticated) .auth label,body:not(.authenticated) .auth-card label{font-size:12px}body:not(.authenticated) .auth .check,body:not(.authenticated) .remember{font-size:11px}
@media(min-width:901px){body.authenticated{padding:18px;gap:18px;grid-template-columns:220px minmax(0,1fr)}.app-sidebar{top:18px;height:calc(100dvh - 36px);border:1px solid #ffffffa0;border-radius:24px;box-shadow:0 8px 32px #4244560d,inset 0 1px #ffffffb0;padding:25px 16px}.app-sidebar nav{margin-top:32px}.app-sidebar .logo-brand{width:186px}.app-shell{grid-template-columns:220px minmax(0,1fr);gap:18px;padding:0}.sidebar{position:sticky;top:18px;height:calc(100dvh - 36px);border:1px solid #ffffffa0;border-radius:24px;box-shadow:0 8px 32px #4244560d,inset 0 1px #ffffffb0;padding:25px 16px}.sidebar .logo-brand{width:186px}.sidebar-collapsed.authenticated{grid-template-columns:80px minmax(0,1fr)}.sidebar-collapsed .app-shell{grid-template-columns:80px minmax(0,1fr)}.sidebar-collapsed .app-sidebar,.sidebar-collapsed .sidebar{padding:22px 12px}.sidebar-collapsed .app-sidebar nav a span,.sidebar-collapsed .sidebar nav a span,.sidebar-collapsed .logo-brand small,.sidebar-collapsed .aside-note,.sidebar-collapsed .sidebar-bottom,.sidebar-collapsed .nav-label{display:none}.sidebar-collapsed .app-sidebar nav a,.sidebar-collapsed .sidebar nav a{justify-content:center;gap:0}.sidebar-collapsed .logo-brand{width:54px;height:59px}.sidebar-collapsed .logo-brand::before{mask-size:250px auto;-webkit-mask-size:250px auto;mask-position:center 0;-webkit-mask-position:center 0}body.authenticated main{padding:0 22px 40px}}
@media(max-width:900px){.menu-toggle{display:none}.app-sidebar,.sidebar{position:relative;border-radius:0}body.authenticated{padding:0}.topbar{gap:10px}}

/* Render the original artwork directly: Safari does not share luminance-mask behavior. */
.logo-brand::before{content:none!important;display:none!important}
.logo-brand img{opacity:1!important}

.logo-brand{mix-blend-mode:multiply}

/* The sign-in mark blends directly with the page, outside the glass card. */
.auth-shell{width:100%;max-width:450px;margin:0 auto;isolation:auto}
body:not(.authenticated) .auth-shell>.auth-logo{margin:0 auto 26px;mix-blend-mode:multiply}
body:not(.authenticated) .auth-shell>.auth,body:not(.authenticated) .auth-shell>.auth-card{margin:0;width:100%}

.logo-brand,.auth-logo{mix-blend-mode:normal!important}.logo-brand img{filter:none!important;mix-blend-mode:normal!important}