*{box-sizing:border-box}body{margin:0;background:#f5f6f6;color:#071d24;font-family:Heebo,Arial,sans-serif}.shell{min-height:100vh;display:flex}.sidebar{width:250px;background:#fff;border-left:1px solid #e9e9e5;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 38px}.brand-mark{width:42px;height:42px;border-radius:13px;background:#fff;border:1px solid #071d24;color:#071d24;display:grid;place-items:center;font-size:23px;font-weight:800}.brand strong{display:block;letter-spacing:2px;font-size:14px}.brand small{display:block;color:#92978f;font-size:9px;letter-spacing:1.6px}.workspace-label,.eyebrow{font-size:11px;color:#969b93}.workspace-label{padding:0 10px 12px}nav{display:grid;gap:5px}nav a{text-decoration:none;color:#666d65;padding:12px;border-radius:10px;font-size:14px}nav a span{display:inline-block;width:27px;color:#92988f}nav a.active{background:#fff;color:#071d24;border:1px solid #071d24;font-weight:700}.sidebar-bottom{margin-top:auto;border-top:1px solid #eee;padding:18px 5px 0;display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;background:#fff;border:1px solid #071d24;border-radius:50%;display:grid;place-items:center;font-weight:700}.sidebar-bottom strong,.sidebar-bottom small{display:block}.sidebar-bottom small{font-size:11px;color:#92978f}.main{max-width:1200px;width:100%;margin:auto;padding:48px 56px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.topbar h1{font-size:30px;margin:5px 0;font-weight:700}.topbar p,.panel-head p{margin:0;color:#858b82;font-size:14px}.top-actions{font-size:12px;color:#697368;background:#fff;border:1px solid #e8eae5;padding:9px 13px;border-radius:30px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#00dce8;margin-left:7px}.notice{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid rgba(7,29,36,.14);border-right:3px solid #00dce8;border-radius:12px;padding:14px 17px;font-size:13px;color:#536166;margin-bottom:22px}.notice strong{white-space:nowrap;color:#071d24}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.stat-card,.panel{background:#fff;border:1px solid rgba(7,29,36,.14);border-radius:19px}.stat-card{padding:20px}.stat-card span,.stat-card small{display:block;color:#858b82;font-size:12px}.stat-card strong{display:block;font-size:30px;margin:8px 0}.stat-card small{font-size:11px}.panel{padding:25px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel h2{margin:0 0 5px;font-size:18px}.pill{background:#fff;color:#071d24;border:1px solid #071d24;padding:5px 10px;border-radius:20px;font-size:11px}.steps{margin-top:22px}.step{display:flex;align-items:center;gap:15px;padding:17px 0;border-top:1px solid #f0f1ed}.step-number{font-size:12px;color:#9ba196;font-weight:700}.step strong{font-size:14px}.step p{margin:3px 0 0;color:#858b82;font-size:12px}.step>div{flex:1}.tag{font-size:10px;padding:5px 9px;border-radius:20px}.pending{background:#fff;color:#687579;border:1px solid #d8dfe0}footer{text-align:center;color:#a0a49d;font-size:11px;margin-top:30px}@media(max-width:800px){.sidebar{width:70px;padding:20px 10px}.brand{padding:0 3px 30px}.brand>div,.workspace-label,nav a:not(.active){display:none}nav a{font-size:0;text-align:center;padding:13px 5px}nav a span{font-size:18px;width:auto}.sidebar-bottom>div:last-child{display:none}.main{padding:30px 20px}.stats{grid-template-columns:1fr}.topbar{align-items:start;gap:12px;flex-direction:column}.notice{align-items:start;flex-direction:column}.step{align-items:start}.tag{white-space:nowrap}}:root{--ink:#071b20;--cyan:#00e5ed;--muted:#7d898b;--line:rgba(7,27,32,.16)}body{background:#f6f7f6;color:var(--ink)}.sidebar{width:278px;background:#fffffff0;border-left:1px solid var(--line);box-shadow:-10px 0 35px #08191d09}.brand{justify-content:space-between;gap:10px;padding:4px 4px 42px}.brand-wordmark{display:block;width:min(178px,72%);height:auto;object-fit:contain}.brand-symbol{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 5px 15px #0000001f}nav{gap:8px}nav a{border-radius:14px;transition:.2s}nav a.active{background:#fff;color:#071b20;border:1px solid rgba(7,27,32,.28);font-weight:700;box-shadow:0 5px 14px #071b2012,inset 0 1px #fff}nav a.active span{color:#00bfc9}.main{max-width:1320px}.topbar h1{letter-spacing:-.7px}.top-actions{background:#fff;border:1px solid var(--line);box-shadow:0 5px 16px #071b200f}.status-dot{background:#00e5ed;box-shadow:0 0 0 4px #00e5ed22}.notice{background:linear-gradient(105deg,#fff,#f0feff);border:1px solid rgba(7,27,32,.16);border-right:3px solid #00e5ed;box-shadow:0 7px 20px #071b2009}.stat-card,.panel{background:linear-gradient(145deg,#fff,#fbfcfc);border:1px solid rgba(7,27,32,.16);border-radius:20px;box-shadow:0 8px 22px #071b200b,inset 0 1px #fff}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-44px;left:-38px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#00e5ed24,#00e5ed00 70%)}.stat-card i{position:absolute;left:20px;top:20px;font-style:normal;font-size:10px;letter-spacing:1px;color:#9ba8aa}.pill,.pending{background:#fff;color:#071b20;border:1px solid rgba(7,27,32,.25)}.step-number{color:#00aeb8}footer{letter-spacing:1.5px}@media(max-width:800px){.brand-wordmark,.brand-symbol{display:none}}:root{--cyan:#00e5ed;--cyan-deep:#00b9c5;--cyan-pale:#e4fbfc;--ink:#071b20}nav a{border:1px solid transparent!important;background:transparent;box-shadow:none}nav a:hover{background:#eafcfd;color:#071b20}nav a.active{background:linear-gradient(110deg,#e2fbfc,#f7ffff);border:1px solid #b8f4f6!important;color:#061b20;box-shadow:0 6px 18px #00cdd71f,inset 0 1px #fff}nav a.active span{color:#00b9c5}.top-actions{border:1px solid #c8f5f6;background:linear-gradient(110deg,#fff,#f0feff)}.notice{border:1px solid #c9f5f6;border-right:4px solid var(--cyan);background:linear-gradient(105deg,#fff,#e9fcfd)}.stat-card,.panel{border-color:#dce9e9;box-shadow:0 9px 24px #071b200b,0 2px 8px #00cdd70b,inset 0 1px #fff}.stat-card:before{width:180px;height:180px;top:-75px;left:-60px;background:radial-gradient(circle,#00e5ed35,#00e5ed00 70%)}.stat-card strong{color:#00aeb9}.stat-card span{color:#64777a}.pill,.pending{border:0!important;background:#e6fbfc;color:#008d98;box-shadow:0 3px 10px #00bec814}.step-number{color:#00b9c5}.step{border-top-color:#e5f3f3}.step:hover{background:linear-gradient(90deg,transparent,#f0fcfc,transparent)}.section-kicker{color:#00aeb9}footer span:last-child{color:#00aeb9}.avatar{border:1px solid #bceff1;color:#009da7;background:linear-gradient(145deg,#fff,#e8fcfd)}.brand-symbol{box-shadow:0 5px 18px #00d2dc33}.panel{position:relative}.panel:before{content:"";position:absolute;top:0;right:30px;width:76px;height:3px;border-radius:0 0 5px 5px;background:linear-gradient(90deg,#00e5ed,#00aeb9)}@media(max-width:800px){nav a.active{border:1px solid #b8f4f6!important}}:root{--ink:#07191e;--cyan:#00eaf2;--cyan2:#00cbd6;--cyan3:#a5fbff;--ice:#e9fcfd;--muted:#718084;--line:#dcebed}body{background:radial-gradient(ellipse at 74% 12%,rgba(0,234,242,.11),transparent 28%),radial-gradient(ellipse at 12% 82%,rgba(0,203,214,.07),transparent 25%),linear-gradient(135deg,#f8fafa,#eff3f3)}.sidebar{background:linear-gradient(155deg,#fff,#f9ffff 55%,#f0fcfd);border-left:1px solid rgba(0,180,190,.16);box-shadow:-14px 0 38px #07191e0e,inset 1px 0 #fff}.brand{padding-bottom:46px}.brand-wordmark{filter:drop-shadow(0 5px 7px rgba(7,25,30,.08))}.brand-symbol{box-shadow:0 0 0 5px #00eaf214,0 8px 20px #00a0aa33}.workspace-label{color:#00aeb9;font-weight:700;letter-spacing:1.5px}nav{gap:10px}nav a{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#fff,#f8ffff);border:1px solid rgba(7,25,30,.075)!important;border-radius:15px;padding:13px 14px;color:#405257;box-shadow:0 4px 10px #07191e0b,inset 0 1px #fff;transition:transform .2s,box-shadow .2s}nav a:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:13px;background:linear-gradient(120deg,rgba(255,255,255,.9),transparent 65%);z-index:-1}nav a span{color:#00aeb9}nav a:hover{transform:translateY(-2px);background:linear-gradient(145deg,#fff,#e7fcfd);box-shadow:0 8px 18px #00bec821,inset 0 1px #fff}nav a.active{background:linear-gradient(120deg,#fff,#e4fcfd);border:1px solid rgba(0,202,214,.34)!important;color:#07191e;box-shadow:0 8px 20px #00bec824,0 2px 5px #07191e0a,inset 0 1px #fff,inset 0 -2px 5px #00d2dc14}nav a.active:after{content:"";position:absolute;right:0;top:20%;height:60%;width:3px;border-radius:4px 0 0 4px;background:var(--cyan);box-shadow:0 0 12px #00eaf2d9}nav a.active span{color:#00aeb9;text-shadow:0 0 12px rgba(0,234,242,.4)}.brand-mark{display:none}.main{position:relative}.main:before{content:"";position:absolute;z-index:-1;top:6px;left:4%;width:240px;height:240px;background:radial-gradient(circle,rgba(0,234,242,.12),transparent 68%);pointer-events:none}.eyebrow{color:#00aeb9;letter-spacing:2.2px;font-weight:600}.topbar h1{font-size:36px;text-shadow:0 2px 0 #fff}.topbar p{color:#687a7e}.wave{display:inline-grid;place-items:center;width:30px;height:30px;color:#07191e;background:linear-gradient(145deg,#fff,#dffbfc);border-radius:50%;box-shadow:0 4px 12px #00bec82e}.top-actions{background:linear-gradient(145deg,#fff,#e9fcfd);border:1px solid rgba(0,190,200,.2);box-shadow:0 7px 17px #07191e0f,inset 0 1px #fff}.notice{background:linear-gradient(105deg,#fff,#f4ffff,#e8fcfd);border:1px solid rgba(0,190,200,.2);border-right:4px solid var(--cyan);border-radius:16px;padding:17px 20px;box-shadow:0 9px 20px #07191e0b,0 2px 8px #00bec80f,inset 0 1px #fff}.notice strong{color:#07191e}.stats{gap:20px}.stat-card{min-height:158px;padding:24px 24px 22px;border:1px solid rgba(0,190,200,.18);border-radius:21px;background:linear-gradient(145deg,#fff,#fbffff 48%,#eefcfd);box-shadow:0 13px 28px #07191e0e,0 3px 9px #00bec814,inset 0 1px #fff,inset 0 -2px 6px #00bec809;transition:transform .22s,box-shadow .22s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px #07191e13,0 5px 14px #00bec824,inset 0 1px #fff}.stat-card:before{content:"";position:absolute;inset:auto auto -65px -45px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,#00eaf238,#00eaf200 68%)}.stat-card:after{content:"";position:absolute;left:22px;bottom:20px;width:36px;height:4px;border-radius:5px;background:linear-gradient(90deg,var(--cyan),rgba(0,234,242,0));box-shadow:0 0 13px #00eaf273}.stat-card span{color:#60777b;font-weight:600}.stat-card strong{font-size:36px;color:#07191e;text-shadow:0 2px #fff}.stat-card small{color:#819195}.panel{padding:30px;border:1px solid rgba(0,190,200,.18);border-radius:22px;background:linear-gradient(145deg,#fff,#fdffff 65%,#f1fcfd);box-shadow:0 14px 32px #07191e0e,0 3px 10px #00bec80f,inset 0 1px #fff}.panel:before{content:"";position:absolute;top:0;right:30px;width:110px;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,var(--cyan),#00aeb9);box-shadow:0 0 14px #00eaf280}.panel h2{font-size:21px}.panel-head p{color:#718488}.pill,.pending{border:1px solid rgba(0,190,200,.16)!important;background:linear-gradient(145deg,#fff,#e5fbfc);color:#009ba6;box-shadow:0 4px 11px #00bec817,inset 0 1px #fff}.steps{margin-top:26px}.step{border-top:1px solid rgba(0,190,200,.12);padding:20px 12px;border-radius:10px;transition:background .2s}.step:hover{background:linear-gradient(90deg,transparent,#eafbfc 48%,transparent)}.step-number{color:#00aeb9;font-weight:800;text-shadow:0 0 10px rgba(0,234,242,.2)}.step strong{color:#10252a}.step p{color:#748589}.sidebar-bottom{border-top:1px solid rgba(0,190,200,.16)}.avatar{background:linear-gradient(145deg,#fff,#dffbfc);border:1px solid #b8f2f4;box-shadow:0 5px 14px #00bec81f}footer{color:#9aa9ab}footer:before{content:"";display:block;height:1px;width:100%;background:linear-gradient(90deg,transparent,rgba(0,190,200,.25),transparent);margin-bottom:18px}@media(max-width:800px){.sidebar{background:linear-gradient(180deg,#fff,#edfcfd)}nav a{padding:12px 5px}.stat-card{min-height:130px}.panel{padding:22px 18px}}:root{--cyan:#00dfe8;--cyan-solid:#00dfe8;--ink:#05090a}body{background:#f4f6f6}.sidebar{background:#fff;border-left:1px solid #111;box-shadow:none}nav a{background:#fff!important;border:1px solid #080d0e!important;border-radius:12px!important;color:#080d0e!important;box-shadow:3px 3px #080d0e!important;transform:none!important}nav a:before{display:none!important}nav a:hover{background:#dffbfc!important;box-shadow:2px 2px #080d0e!important;transform:translate(1px,1px)!important}nav a.active{background:#00dfe8!important;border:1px solid #080d0e!important;color:#05090a!important;box-shadow:3px 3px #080d0e!important}nav a.active:after{display:none!important}nav a.active span,nav a span{color:#05090a!important;text-shadow:none!important}.top-actions{background:#00dfe8!important;border:1px solid #080d0e!important;border-radius:12px!important;box-shadow:3px 3px #080d0e!important;color:#05090a!important}.status-dot{background:#05090a!important;box-shadow:none!important}.notice{background:#00dfe8!important;border:1px solid #080d0e!important;border-right:5px solid #080d0e!important;border-radius:12px!important;box-shadow:4px 4px #080d0e!important;color:#05090a!important}.notice strong{color:#05090a!important}.stat-card,.panel{background:#fff!important;border:1px solid #080d0e!important;border-radius:14px!important;box-shadow:4px 4px #080d0e!important}.stat-card:before{background:#dffbfc!important;opacity:.9}.stat-card:after{background:#00dfe8!important;box-shadow:none!important;height:6px;width:54px}.stat-card strong{color:#05090a!important}.stat-card span{color:#26383b!important}.panel:before{background:#00dfe8!important;box-shadow:none!important;height:6px;width:100px}.pill,.pending{background:#00dfe8!important;color:#05090a!important;border:1px solid #080d0e!important;border-radius:9px!important;box-shadow:2px 2px #08090a!important}.step{border-top:1px solid #111!important;border-radius:0!important}.step:hover{background:#e4fbfc!important}.step-number,.section-kicker{color:#009ba5!important;text-shadow:none!important}.avatar{background:#00dfe8!important;border:1px solid #080d0e!important;box-shadow:2px 2px #080d0e!important;color:#05090a!important}.brand-symbol{box-shadow:3px 3px #080d0e!important}.wave{background:#00dfe8!important;border:1px solid #080d0e!important;box-shadow:2px 2px #080d0e!important}.topbar h1{text-shadow:none!important}.main:before{display:none!important}footer:before{background:#00dfe8!important}@media(max-width:800px){nav a.active{border:1px solid #080d0e!important}}
