:root{color-scheme:dark;--bg:#0b0f14;--sidebar:#101525;--panel:#151c2d;--panel2:#1b2540;--input:#101827;--line:#2b3551;--text:#f4f7ff;--muted:#9ba9c5;--quiet:#72829f;--accent:#7b5cff;--violet:#a855ff;--cyan:#22d3ee;--blue:#7dd3fc;--green:#45e1b3;--amber:#f4bf80;--red:#fc7895;--radius:19px;--shadow:0 20px 65px #02050a50;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;background:radial-gradient(900px 750px at 95% -10%,#5139a218,transparent),var(--bg);color:var(--text);font-size:14px;line-height:1.48;font-weight:440;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.46;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}a{color:inherit;text-decoration:none}::selection{background:#6949e7aa}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{border-radius:99px;background:#35405d}
.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100dvh;padding:22px 14px 17px;background:linear-gradient(180deg,#101527,#0e1420);border-right:1px solid #27314b;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:4px 12px 27px}.brandmark{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;position:relative;border:1px solid #8474d2;background:linear-gradient(145deg,#2c245e,#171a39);box-shadow:inset 0 0 12px #7d6cff51,0 0 24px #7b5cff3c}.brandmark:before{content:"";border:4px solid var(--violet);width:18px;height:18px;border-radius:100%;display:block}.brandmark:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;right:7px;top:7px;background:var(--cyan)}.brand-copy strong{display:block;letter-spacing:-.4px;font-size:20px;line-height:1.2}.brand-copy small{display:block;font-size:9px;letter-spacing:2.6px;color:#8797b5;margin-top:4px}.side-heading{font-size:10px;letter-spacing:2px;color:#7385a6;font-weight:750;padding:7px 14px 12px}.nav-groups{overflow:auto;padding-right:2px}.nav-group{display:grid;gap:3px;margin-bottom:18px}.navbtn{border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:11px;width:100%;border-radius:12px;color:#a8b6d1;padding:10px 13px;min-height:40px;text-align:left;transition:.19s background,.19s color,.19s transform}.navbtn:hover{background:#252d46;color:#fff;transform:translateX(2px)}.navbtn.active{background:linear-gradient(102deg,#30275f,#1d2848);border-color:#504b89;color:white;box-shadow:inset 3px 0 #9a80ff}.navbtn svg{width:18px;height:18px;stroke-width:1.75}.navbtn span{flex:1}.navbtn small{color:#8795b3;font-size:10px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:15px 4px 2px}.owner{display:flex;align-items:center;gap:10px;background:#1a2237;padding:12px;border:1px solid #313a58;border-radius:14px}.owner-avatar{width:34px;height:34px;background:linear-gradient(135deg,#9078ff,#3f6cb4);border-radius:11px;display:grid;place-items:center;font-size:11px;font-weight:800}.owner b{display:block;font-size:12px}.owner small{color:#98a9c3;font-size:10px}.main{min-width:0}.topbar{height:77px;padding:0 36px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #252d41;background:#0d121ba8;backdrop-filter:blur(22px);position:sticky;top:0;z-index:10}.top-search{display:flex;align-items:center;gap:12px;background:#172033;border:1px solid #2b3957;min-width:min(360px,40vw);padding:11px 14px;border-radius:12px;color:#94a4c4;text-align:left;font-size:12px}.top-search .hint{margin-left:auto;border:1px solid #455272;padding:2px 6px;font-size:10px;border-radius:5px}.top-actions{display:flex;align-items:center;gap:9px}.chip{border:1px solid #604b91;background:#28213e;color:#d9c6ff;font-size:10px;font-weight:750;letter-spacing:.6px;padding:7px 10px;border-radius:100px;white-space:nowrap}.chip.warn{color:#f5ca86;background:#2d251e;border-color:#66513a}.chip.green{color:#86e8cb;background:#16392f;border-color:#2b725e}.iconbtn{width:38px;height:38px;display:grid;place-items:center;border:1px solid #344260;background:#1c2640;border-radius:12px;transition:.2s}.iconbtn:hover{background:#33355e;transform:translateY(-2px)}.iconbtn svg{width:17px;height:17px}.date-today{color:#9faecd;font-size:12px}.content{padding:30px 36px 82px;max-width:1600px;margin:auto}.page{animation:enter .33s cubic-bezier(.19,.81,.25,1) both}.eyebrow{font-size:10px;letter-spacing:2.3px;color:var(--cyan);font-weight:750;text-transform:uppercase}.heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:0 0 25px}.page-title{font-size:clamp(27px,3.2vw,43px);line-height:1.11;margin:7px 0 8px;font-weight:750;letter-spacing:-1.6px}.page-sub{font-size:13px;color:var(--muted);margin:0}.row{display:flex;align-items:center;gap:9px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1}.grid{display:grid;gap:15px}.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols5{grid-template-columns:repeat(5,minmax(0,1fr))}.split{display:grid;grid-template-columns:1.14fr .86fr;gap:15px}.splitwide{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.stack{display:grid;gap:15px;align-content:start}.panel{background:linear-gradient(150deg,#171e30,#131c2c);border:1px solid #2c3754;border-radius:var(--radius);box-shadow:0 7px 22px #0307111a;min-width:0;overflow:hidden}.pad{padding:21px}.panel h3{margin:0;font-size:17px;letter-spacing:-.3px}.panel p{margin:0}.sectiontitle{font-size:19px;font-weight:720;letter-spacing:-.45px}.mini{font-size:11px;color:var(--muted)}.muted{color:var(--muted)}.micro{font-size:10px;letter-spacing:1.1px;font-weight:750;text-transform:uppercase;color:#8a9bb6}.bold{font-weight:700}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.line{height:1px;background:var(--line);margin:15px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;min-height:39px;border-radius:11px;font-size:12px;font-weight:720;border:1px solid #8d7dff;background:linear-gradient(115deg,#805cff,#aa67ff);color:white;box-shadow:0 5px 18px #775bff24;transition:transform .18s,filter .18s,box-shadow .18s}.btn svg{width:16px;height:16px}.btn:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 6px 28px #795bff44}.btn.secondary{background:#232d48;border-color:#405074;color:#d7e0f7;box-shadow:none}.btn.ghost{background:transparent;border-color:#37425e;box-shadow:none;color:#b9c8e4}.btn.danger{background:#432231;border-color:#85455e;color:#ffa7bf;box-shadow:none}.btn.sm{padding:7px 10px;min-height:32px;font-size:11px}.btn.square{padding:8px;min-width:35px}.btn.square svg{width:17px}.tag{display:inline-flex;align-items:center;gap:6px;border:1px solid #455175;border-radius:100px;color:#c7d1e5;background:#253049;font-size:10px;font-weight:620;padding:5px 9px;white-space:nowrap}.tag.purple{color:#c3aaff;border-color:#5a4786;background:#282144}.tag.cyan{color:#8ceaf7;border-color:#346d80;background:#143646}.tag.good{color:#86e8c4;border-color:#3a7563;background:#12372e}.tag.warn{color:#f7ce9f;border-color:#79553b;background:#39271d}.tag.bad{color:#f8a3b7;border-color:#71435a;background:#392435}.tag.neutral{color:#aebbd4;background:#1b2638}.color-violet{color:var(--violet)}.color-cyan{color:var(--cyan)}.color-green{color:var(--green)}.color-amber{color:var(--amber)}.color-red{color:var(--red)}.big{font-size:clamp(27px,2.5vw,39px);font-weight:750;letter-spacing:-1.25px;line-height:1.1}.metric{padding:19px;position:relative;min-height:136px}.metric .ico{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#2d325b;color:#bdb1ff}.metric .ico svg{width:17px;height:17px}.metric .value{font-size:27px;letter-spacing:-.8px;font-weight:750;line-height:1.13;margin:12px 0 5px}.metric .top{display:flex;align-items:center;justify-content:space-between}.metric .trend{font-size:10px;color:var(--green)}.metric .metric-bar{position:absolute;bottom:0;left:0;height:2px;width:60%;background:linear-gradient(90deg,var(--accent),var(--cyan))}.progress{background:#2a334e;border-radius:99px;height:7px;overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,#8064ff,#39cef3);border-radius:inherit;transition:width .5s}.progress.green>i{background:linear-gradient(90deg,#25b99a,#89efd4)}.progress.cyan>i{background:linear-gradient(90deg,#1398f4,#51e1f0)}.ring{width:132px;height:132px;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(var(--accent) 0 var(--ring-progress,72%),#283250 var(--ring-progress,72%) 100%);box-shadow:0 0 26px #6c52ff19;flex:none}.ring:before{content:"";inset:15px;background:#171f32;border-radius:50%;position:absolute}.ring>span{position:relative;font-size:30px;font-weight:760;letter-spacing:-1px}.ring small{display:block;color:var(--muted);font-size:10px;font-weight:450;letter-spacing:0;text-align:center}.timeline-item{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid #283450}.timeline-item:last-child{border:0}.timeline-time{width:56px;color:#8799ba;font-size:11px;flex:none}.check{appearance:none;width:18px;height:18px;border:1.5px solid #8290ac;border-radius:50%;background:transparent;display:inline-grid;place-items:center;cursor:pointer;flex:none}.check:checked{background:var(--accent);border-color:var(--accent)}.check:checked:after{content:"✓";font-size:12px;font-weight:800;color:white}.line-through{text-decoration:line-through;opacity:.48}.timeline-main{flex:1;min-width:0}.timeline-main b{font-size:12px}.timeline-main small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.listrow{display:flex;align-items:center;justify-content:space-between;gap:11px;padding:13px 0;border-bottom:1px solid #27334e}.listrow:last-child{border-bottom:0}.listrow strong{font-size:13px}.listrow small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.listrow .data{white-space:nowrap}.sectiontop{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.sectiontop small{color:var(--muted);font-size:11px}.tabs{display:flex;gap:7px;align-items:center;overflow:auto;padding:3px 0 14px;scrollbar-width:none}.tab{border:1px solid #34425c;background:#172238;color:#afbdd5;border-radius:9px;padding:9px 13px;font-size:12px;white-space:nowrap}.tab.active{background:linear-gradient(100deg,#5944cb,#704fcf);border-color:#8f79ed;color:#fff}.input,.textarea,.select{background:#101929;color:#eaf0ff;border:1px solid #3b4866;border-radius:11px;width:100%;padding:11px 13px;min-width:0;outline:0}.input::placeholder,.textarea::placeholder{color:#6f819e}.textarea{min-height:105px;resize:vertical}.label{display:block;color:#abb8d3;font-size:11px;font-weight:650;margin-bottom:6px}.formstack{display:grid;gap:12px}.searchinput{max-width:300px}.empty{padding:35px 16px;text-align:center;color:#a5b1cd;background:#131b2b;border:1px dashed #34405d;border-radius:16px}.empty svg{width:27px;height:27px;color:var(--violet)}.empty b{display:block;color:var(--text);margin:7px}.empty small{display:block;line-height:1.6}.spark{width:100%;height:62px;overflow:visible}.bar-chart{height:120px;display:flex;align-items:flex-end;gap:6px;padding:4px 2px 0}.bar-chart span{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(0deg,#4f52c2,#9b76ff)}.orbit-hero{padding:30px;background:radial-gradient(600px 300px at 94% 14%,#7b5cff26,transparent 63%),linear-gradient(130deg,#1b2344,#141c2c);position:relative;min-height:200px;border-color:#55548c}.orbit-hero h2{font-size:clamp(24px,3.3vw,39px);letter-spacing:-1.5px;margin:11px 0 7px}.orbit-hero p{color:#bac8e5;max-width:580px}.orbital-art{position:absolute;right:10%;top:14px;width:175px;height:175px;opacity:.78;animation:float 6s ease-in-out infinite;pointer-events:none}.orbital-art .o{position:absolute;border:1px solid #9b84ff67;border-radius:50%;inset:0}.orbital-art .o:nth-child(2){inset:23px}.orbital-art .o:nth-child(3){inset:49px;border:10px solid #8068df;background:#121d35;box-shadow:0 0 25px #8f79ed55}.orbital-art:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:var(--cyan);right:19px;top:24px;box-shadow:0 0 22px #5af2ff}.hero-actions{display:flex;gap:9px;margin-top:21px;flex-wrap:wrap}.board-card{background:#171f34;border:1px solid #303c59;border-radius:13px;padding:15px;min-width:0}.board-card h4{margin:0 0 7px;font-size:13px}.board-card .small{font-size:11px;color:var(--muted)}.board-columns{display:grid;grid-template-columns:repeat(4,minmax(175px,1fr));gap:12px;overflow:auto;padding-bottom:6px}.column{min-height:265px;background:#121a2a;border:1px solid #28344e;border-radius:15px;padding:12px}.columnhead{display:flex;justify-content:space-between;color:#bfcbdd;padding:4px 4px 15px;font-size:12px;font-weight:730}.column .board-card{margin-bottom:9px}.tablewrap{overflow:auto;max-width:100%}.table{width:100%;border-collapse:collapse;min-width:560px}.table th{text-align:left;color:#91a2be;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:760;border-bottom:1px solid var(--line);padding:12px 13px}.table td{border-bottom:1px solid #273249;padding:12px 13px;font-size:12px}.table tr:hover td{background:#1c2540}.amount{font-variant-numeric:tabular-nums}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calday{display:grid;place-items:center;min-height:47px;border:1px solid #2b3652;border-radius:9px;background:#172035;color:#bdc8e0;font-size:12px;position:relative}.calday.has{border-color:#5b518c}.calday.has:after{content:"";position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%;background:#b099ff}.calday.now{color:white;background:#5642ba}.calhead{text-align:center;color:#9caecc;font-size:10px;letter-spacing:.8px;padding:8px 0}.storage-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.storage-box{padding:13px;border:1px solid #405071;border-radius:12px;background:#19223a;min-height:112px}.storage-box strong{display:block}.storage-box small{color:var(--muted);display:block;margin-top:5px}.filterbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.filterchip{border:1px solid #394461;background:#1b263c;border-radius:8px;padding:8px 11px;color:#a8b7d5;font-size:12px}.filterchip.active{background:#30275d;border-color:#8d73ed;color:white}.focus-panel{border-left:3px solid var(--cyan);background:#1b2640;padding:16px;border-radius:11px}.notice{border:1px solid #5f4f37;border-radius:12px;background:#2e271d;color:#ebcfad;padding:13px 15px;font-size:12px}.notice.good{border-color:#3c7565;background:#132e2d;color:#abeed5}.notice.cyan{border-color:#345d75;background:#112b3b;color:#9fe2f6}.bottom-dock{display:none}.mobile-brand{display:none}.footnote{font-size:11px;color:#72849f;margin:34px 0}.summary-box{display:grid;gap:7px;padding:14px;background:#19223a;border:1px solid #2c3960;border-radius:13px}.summary-box b{font-size:22px}.summary-box small{color:#93a3c2}.toggle{display:flex;align-items:center;gap:9px}.toggle input{accent-color:var(--accent);width:17px;height:17px}.swatches{display:flex;gap:10px}.swatch{width:36px;height:36px;border-radius:12px;border:1px solid #ffffff30;cursor:pointer}.swatch.active{outline:2px solid white;outline-offset:3px}.popover-screen{position:fixed;inset:0;background:#010309c9;backdrop-filter:blur(11px);z-index:100;display:grid;place-items:center;padding:20px;animation:enter .2s ease}.modal{background:#182034;border:1px solid #455073;border-radius:20px;width:min(100%,515px);max-height:min(90vh,780px);overflow-y:auto;padding:25px;box-shadow:var(--shadow)}.modal h2{font-size:22px;letter-spacing:-.6px;margin:0 0 4px}.modal>p{color:#a5b5d3;margin:7px 0 21px;font-size:12px}.modal-footer{display:flex;gap:9px;justify-content:flex-end;margin-top:22px}.palette-list{max-height:420px;overflow-y:auto}.palette-list button{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #30405b;padding:13px 9px}.palette-list button:hover{background:#253153}.palette-list svg{width:16px;height:16px}.toast{position:fixed;bottom:23px;right:20px;z-index:110;background:#27334c;color:#eef3ff;border:1px solid #6573b8;padding:13px 18px;border-radius:12px;box-shadow:var(--shadow);animation:enter .25s ease;font-size:12px}.mobile-only{display:none}
@keyframes enter{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(7deg)}}@media(max-width:1320px){.cols5{grid-template-columns:repeat(3,minmax(0,1fr))}.cols4{grid-template-columns:repeat(2,minmax(0,1fr))}.storage-flow{grid-template-columns:repeat(2,1fr)}.content{padding:27px 25px 70px}.topbar{padding:0 25px}}
@media(max-width:970px){.shell{grid-template-columns:75px minmax(0,1fr)}.sidebar{padding:16px 8px}.brand{padding:9px 6px 25px;justify-content:center}.brand-copy,.side-heading,.navbtn span,.navbtn small,.sidebar-footer .owner,.sidebar-footer .micro{display:none}.navbtn{justify-content:center;padding:12px 5px}.navbtn svg{width:20px;height:20px}.nav-group{margin-bottom:12px}.content{padding:24px 20px 66px}.split,.splitwide{grid-template-columns:1fr}}
@media(max-width:650px){body{font-size:13px}.shell{display:block}.sidebar,.topbar{display:none}.main{width:100%}.mobile-brand{display:flex;align-items:center;justify-content:space-between;padding:18px 17px 10px;position:sticky;top:0;z-index:19;background:#0b0f14e8;backdrop-filter:blur(20px);border-bottom:1px solid #212a43}.mobile-brand .brand{padding:0}.mobile-brand .brandmark{width:32px;height:32px;border-radius:12px}.mobile-brand .brandmark:before{width:14px;height:14px;border-width:3px}.mobile-brand .brand-copy{display:block}.mobile-brand .brand-copy strong{font-size:16px}.mobile-brand .brand-copy small{font-size:8px}.mobile-brand .iconbtn{width:34px;height:34px}.content{padding:23px 15px 105px}.heading-row{align-items:flex-start;flex-direction:column;gap:15px}.page-title{font-size:30px}.page-sub{font-size:12px}.cols2,.cols3,.cols4,.cols5{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.split,.splitwide{grid-template-columns:1fr;gap:11px}.grid,.stack{gap:11px}.panel{border-radius:16px}.pad{padding:16px}.metric{padding:14px;min-height:115px}.metric .value{font-size:24px}.metric .top .mini{font-size:10px}.metric .ico{width:27px;height:27px}.metric .ico svg{width:14px}.metric .trend{font-size:9px}.orbit-hero{min-height:175px;padding:22px}.orbit-hero h2{font-size:25px;max-width:270px}.orbit-hero p{font-size:12px;max-width:250px}.orbital-art{opacity:.24;right:-29px;top:25px}.ring{width:112px;height:112px}.ring:before{inset:13px}.ring>span{font-size:25px}.board-columns{grid-template-columns:repeat(4,230px)}.sectiontitle{font-size:17px}.storage-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:30;bottom:calc(12px + env(safe-area-inset-bottom));left:11px;right:11px;background:#18213bf4;border:1px solid #48547d;backdrop-filter:blur(24px);box-shadow:0 12px 38px #02030cb0;border-radius:21px;min-height:65px;padding:6px 3px}.bottom-dock button{display:grid;place-items:center;gap:2px;border:0;background:transparent;color:#9daed3;border-radius:15px;font-size:10px;padding:6px 0}.bottom-dock button svg{width:19px;height:19px}.bottom-dock button.active{color:#fff;background:#403a8a}.mobile-only{display:block}.toast{bottom:calc(98px + env(safe-area-inset-bottom));left:15px;right:15px}.timeline-time{width:42px}.listrow{gap:7px}.sectiontop{flex-wrap:wrap}.calendar-grid{gap:3px}.calday{min-height:40px}.tabs{margin-right:-14px}.modal{padding:20px}.searchinput{max-width:none}.chip{font-size:9px}.micro{font-size:9px}}
@media(max-width:375px){.content{padding-inline:11px}.metric .value{font-size:21px}.metric{padding:11px}.orbital-art{display:none}.btn{font-size:11px;padding:9px 11px}.brand-copy small{letter-spacing:1.3px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}