:root{--bg:#d9d6dc;--surface:rgba(248,246,249,.70);--surface2:rgba(255,255,255,.66);--sidebar:#312c37;--ink:#2d2632;--muted:#746d79;--border:rgba(75,65,84,.14);--accent:#6f6879;--accent-dark:#403846;--accent-soft:#d7cddd;--danger:#8d4857;--ok:#e1e9e2;--warn:#efe5cf;--gloss:rgba(255,255,255,.54);--shadow:rgba(72,64,78,.10)}
body{background:radial-gradient(ellipse at 82% 8%,rgba(255,255,255,.42),transparent 23%),radial-gradient(ellipse at 12% 85%,rgba(160,153,169,.14),transparent 30%),linear-gradient(135deg,#e9e5e9 0%,#d7d0d7 22%,#c7d0d2 43%,#ddd5db 63%,#d3d6cd 82%,#aaa5b1 100%);background-attachment:fixed;color:var(--ink);transition:background .28s ease,color .2s ease}
body[data-seelo-theme="lcoa"]{--surface:rgba(247,250,245,.72);--surface2:rgba(255,255,252,.68);--sidebar:#24362f;--ink:#26372f;--muted:#6f7d75;--border:rgba(49,83,66,.14);--accent:#6f8a74;--accent-dark:#355443;--accent-soft:#cad9cc;--gloss:rgba(255,255,255,.58);--shadow:rgba(49,77,63,.10);background:radial-gradient(ellipse at 82% 9%,rgba(255,255,255,.48),transparent 23%),radial-gradient(ellipse at 15% 84%,rgba(104,139,111,.12),transparent 30%),linear-gradient(135deg,#edf1e9 0%,#dce5d8 23%,#c7d8cb 44%,#e2e4d5 67%,#bdcdbd 100%)}
body[data-seelo-theme="glacier"]{--surface:rgba(246,251,253,.72);--surface2:rgba(255,255,255,.68);--sidebar:#29404c;--ink:#273944;--muted:#697d87;--border:rgba(54,91,110,.14);--accent:#7da3b9;--accent-dark:#42677d;--accent-soft:#cbdde7;--gloss:rgba(255,255,255,.62);--shadow:rgba(56,89,108,.10);background:radial-gradient(ellipse at 80% 8%,rgba(255,255,255,.58),transparent 24%),radial-gradient(ellipse at 11% 84%,rgba(111,162,188,.13),transparent 31%),linear-gradient(135deg,#edf5f7 0%,#d8e8ee 24%,#bdd5df 45%,#e3edf0 67%,#afc7d3 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 18px 15px,rgba(255,255,255,.11) 0 8px,transparent 9px),radial-gradient(ellipse at 18px 15px,rgba(116,129,139,.045) 9px 10px,transparent 11px);background-size:34px 24px;opacity:.22;filter:blur(.9px);mask-image:linear-gradient(to bottom,transparent 0,#000 15%,#000 88%,transparent 100%)}
body:after{content:"";position:fixed;right:-9vw;top:-12vh;width:52vw;height:52vh;pointer-events:none;z-index:-1;border-radius:58% 42% 68% 32%/37% 66% 34% 63%;background:conic-gradient(from 28deg at 48% 49%,rgba(255,255,255,.32),color-mix(in srgb,var(--accent-soft) 72%,transparent),rgba(156,188,196,.13),rgba(255,255,255,.24));filter:blur(6px);opacity:.72;transition:background .28s ease}
.side{background:linear-gradient(180deg,color-mix(in srgb,var(--sidebar) 97%,#fff 3%),color-mix(in srgb,var(--sidebar) 94%,#000 6%));border-right:1px solid rgba(255,255,255,.07);box-shadow:14px 0 40px var(--shadow)}
.brand{font-size:20px;letter-spacing:.12em;font-weight:700;color:#f4f3f5}.brand span{display:block;font-size:9px;letter-spacing:.16em;font-weight:600;color:rgba(255,255,255,.58);margin-top:5px}.group{color:rgba(255,255,255,.45)}.nav button{color:rgba(255,255,255,.82);border:1px solid transparent;border-radius:12px;padding:10px 11px}.nav button:hover,.nav button.active{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.10);color:#fff}
.main{background:linear-gradient(180deg,rgba(250,248,250,.17),rgba(241,239,243,.05));backdrop-filter:blur(4px)}.top{padding-bottom:14px;border-bottom:1px solid var(--border)}.page h1,#title{color:var(--ink)}
.login,.card,.ops-card,.action-card,.vendor-order-group,.modal,.attention-block{background:linear-gradient(145deg,rgba(255,255,255,.60),rgba(255,255,255,.22));border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--gloss),inset 0 -1px 0 rgba(255,255,255,.12),0 18px 46px var(--shadow);backdrop-filter:blur(18px) saturate(118%);-webkit-backdrop-filter:blur(18px) saturate(118%)}
.login,.card:not(.table),.ops-card,.action-card,.vendor-order-group,.attention-block,.modal{position:relative;overflow:hidden;isolation:isolate}
.login:before,.card:not(.table):before,.ops-card:before,.action-card:before,.attention-block:before,.modal:before{content:"";position:absolute;z-index:-1;left:-8%;right:32%;top:-18px;height:54px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,0));filter:blur(9px);opacity:.72;pointer-events:none}
.login{border-radius:24px;padding:30px}.card,.action-card,.vendor-order-group{border-radius:18px}.ops-card{border-radius:22px;min-height:128px}.ops-card.primary{background:linear-gradient(145deg,color-mix(in srgb,var(--accent-dark) 92%,#fff 8%),var(--accent-dark));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 18px 46px var(--shadow)}
.field input,.field select,.tools select,.searchbox input,textarea,.tab,.btn.alt{background:rgba(255,255,255,.61);border:1px solid var(--border);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.54),inset 0 -1px 0 rgba(255,255,255,.14)}.field input,.field select,.tools select,.searchbox input,textarea{border-radius:12px}.tools select#theme{min-width:142px}.btn{background:var(--accent-dark);border-radius:12px;padding:10px 13px}.btn.alt{border-radius:12px}.pill{background:rgba(255,255,255,.48);border:1px solid var(--border);box-shadow:inset 0 1px 0 rgba(255,255,255,.42)}
.table{border-radius:18px}th{background:color-mix(in srgb,var(--surface) 82%,#fff 18%);color:var(--muted)}th,td{border-top:1px solid var(--border)}.click:hover,.listrow:hover{background:rgba(255,255,255,.34)}.modal{border-radius:24px}.close{background:rgba(255,255,255,.56);color:var(--ink)}
.state{border:1px solid rgba(255,255,255,.24)}.state.order{background:#efe2c7;color:#775b27}.state.critical{background:#ead4d7;color:#7d3747}.state.review{background:#eadfce;color:#725b35}.state.count{background:#dbe7eb;color:#496879}.state.vendor{background:#e4dce9;color:#63506e}.state.ok{background:#dfe9e1;color:#3f644b}.invrow.order{background:rgba(239,226,199,.32)}.invrow.critical{background:rgba(234,212,215,.30)}.invrow.review{background:rgba(234,223,206,.30)}.invrow.count{background:rgba(219,231,235,.34)}.invrow.vendor{background:rgba(228,220,233,.34)}
.note,.note.ok,.note.warn,.err,.confirmbox{border-radius:14px}.peptide-hero{border-bottom-color:var(--border)}.protocol,.metric,.vialbox,.switch,.peptide-list>div,.vendor-resource{border-radius:14px;background:rgba(255,255,255,.45);border-color:var(--border);box-shadow:inset 0 1px 0 rgba(255,255,255,.40)}.tab{border-radius:999px}.tab.active,.onchoice{background:var(--accent-dark)!important;color:#fff!important}
.integration-card{position:relative;overflow:hidden}.integration-card:after{content:"";position:absolute;right:-18px;top:-24px;width:150px;height:110px;border-radius:62% 38% 69% 31%/39% 68% 32% 61%;background:conic-gradient(from 25deg,rgba(255,255,255,.24),color-mix(in srgb,var(--accent-soft) 75%,transparent),rgba(141,178,188,.10),rgba(255,255,255,.20));filter:blur(5px);pointer-events:none}.overlay{background:rgba(30,27,34,.42);backdrop-filter:blur(9px)}
@media(max-width:900px){body:after{width:85vw;height:40vh}.side{box-shadow:none}.main{backdrop-filter:none}.tools select#theme{min-width:124px}}@media(max-width:560px){.login{border-radius:20px}.modal{border-radius:22px 22px 0 0}.ops-card{border-radius:18px}.tools{margin-top:10px}.tools select{flex:1}.tools .btn{flex:0 0 auto}}