:root{--brand-deep:#12365a;--brand:#087fa3;--brand-bright:#15b8c8;--brand-warm:#ffb34d;--surface:#f7fbfd;--ink:#173b55;--muted:#708a9b}
body{color:var(--ink);background:radial-gradient(circle at 5% 0,#dff8ff 0,transparent 25%),radial-gradient(circle at 75% 8%,#fff2d8 0,transparent 18%),linear-gradient(145deg,#f9fcff,#f4fbfc 52%,#fffaf2)}
.rail{background:rgba(255,255,255,.94);border-left:1px solid #dcebf1;box-shadow:-12px 0 42px #2a719012;color:var(--ink);backdrop-filter:blur(18px)}
.brand{border-bottom:1px solid #edf4f7;margin-bottom:14px}.brand b,.identity b{color:var(--brand-deep)}.brand small,.identity small,.rail-label{color:#7896a8}.brand img{background:#fff;border:1px solid #dfeef3;border-radius:18px;box-shadow:0 10px 25px #1e789016}
.identity{background:linear-gradient(135deg,#e9faff,#fff8e9);border:1px solid #d8edf2;border-radius:18px;box-shadow:0 9px 24px #26768d0d}.identity .avatar{background:linear-gradient(135deg,var(--brand),var(--brand-bright));color:#fff}
.nav-button{color:#59788b;border-radius:13px;padding:12px 14px}.nav-button:hover{background:#edf9fc;color:var(--brand);transform:translateX(-3px)}.nav-button.active{background:linear-gradient(100deg,#daf6fa,#fff6e4);color:var(--brand-deep);box-shadow:inset -4px 0 var(--brand-bright),0 7px 18px #197b9510}.rail-bottom{background:#ffffffee;border-color:#e1edf2;color:#557789;backdrop-filter:blur(12px)}
.workspace-entry{width:100%;border:1px solid #d8edf2;background:linear-gradient(135deg,#eefbfe,#fff8ea);border-radius:18px;padding:16px 13px;display:flex;align-items:center;gap:11px;text-align:right;color:var(--brand-deep);box-shadow:0 10px 25px #19718d10;transition:.25s}.workspace-entry:hover,.workspace-entry.active{transform:translateY(-2px);border-color:#9edee8;box-shadow:0 15px 32px #19718d18}.workspace-entry span:nth-child(2){flex:1}.workspace-entry b,.workspace-entry small{display:block}.workspace-entry small{font-size:9px;color:#7895a5;margin-top:4px}.workspace-entry-icon{width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-bright));color:#fff;display:grid;place-items:center;font-size:18px;box-shadow:0 8px 18px #0c91a72c}
.topbar{background:#ffffffdc;border-bottom:1px solid #e6f0f3;box-shadow:0 7px 26px #2b74870b}.view-header{animation:pageEnter .45s cubic-bezier(.2,.8,.2,1)}.view-header h1{color:var(--brand-deep)}
.kpi,.panel,.platform-group,.platform{background:#ffffffed;border-color:#dfeef2;box-shadow:0 12px 32px #256d810c}.kpi:before{height:4px;background:linear-gradient(90deg,var(--brand-bright),#48d3b5,var(--brand-warm))}.kpi:nth-child(2):before{background:linear-gradient(90deg,#7c83f3,#b78cf5)}.kpi:nth-child(3):before{background:linear-gradient(90deg,#ff9f62,#ffc955)}.kpi:nth-child(4):before{background:linear-gradient(90deg,#37cda4,#19a9bf)}
.workspace-banner{background:linear-gradient(120deg,#e6faff,#fff7e7);border-color:#d8edf2;box-shadow:0 14px 32px #24758c0c}.platform:hover{transform:translateY(-6px) scale(1.005);box-shadow:0 20px 42px #25738b17}.platform .avatar{background:linear-gradient(135deg,#dff7fb,#fff1d8);color:var(--brand-deep)}
.btn-primary{background:linear-gradient(135deg,#0786a7,#15b9c8);box-shadow:0 9px 20px #087f9625}.btn-primary:hover{background:linear-gradient(135deg,#087796,#0eacbb)}.bulk-command{background:linear-gradient(105deg,#0a89a7,#19bac5 62%,#45cda8);box-shadow:0 13px 30px #0f91a324}
.table thead th{background:linear-gradient(180deg,#f1fafc,#eaf6f9);color:#496d7f}.table tbody tr{transition:.18s}.table tbody tr:hover{background:#eefbfc;transform:translateX(-2px)}.modal-content{border:1px solid #dcecf1;box-shadow:0 30px 90px #1e5a7130}.modal-header{background:linear-gradient(110deg,#ebfbfe,#fff7e9)}.check-grid{background:#fbfeff;border-color:#dcecf1}.check-grid label:hover{background:#e8f9fc}.check-grid input{accent-color:#0da4b7}.field[hidden]{display:none!important}
.notice-card{box-shadow:0 12px 32px #2b70820c}.notice-card.urgent{background:linear-gradient(100deg,#fff,#fff3f0)}.notice-card.important{background:linear-gradient(100deg,#fff,#fff9e9)}.toast-message{background:linear-gradient(120deg,#087f9e,#16b9c5);border:1px solid #74e1e8;color:#fff;box-shadow:0 18px 45px #087f9640}
#inbox{position:relative}#inbox.has-new{background:#fff1d6;color:#9c5d00;animation:notificationBell .75s ease 3;box-shadow:0 0 0 6px #ffbd4930}.notice-flash:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;border:0 solid #40d3d8;animation:screenLight 1.8s ease-out}.platform-group{animation:groupEnter .45s both}.platform-group:nth-child(2){animation-delay:.06s}.platform-group:nth-child(3){animation-delay:.12s}
@keyframes pageEnter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes groupEnter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes notificationBell{0%,100%{transform:rotate(0)}25%{transform:rotate(-3deg) scale(1.05)}75%{transform:rotate(3deg) scale(1.05)}}@keyframes screenLight{0%{border-width:0;box-shadow:inset 0 0 0 #3bd4dc00}20%{border-width:7px;box-shadow:inset 0 0 75px #3bd4dc35}100%{border-width:0;box-shadow:inset 0 0 0 #3bd4dc00}}
@media(max-width:800px){.rail{background:#fff}.workspace-entry{padding:13px}.notice-flash:after{animation-duration:1.2s}}