@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#090d18;--sidebar:#0b1020;--panel:#101729;--panel2:#121b2e;--line:#222d43;--text:#f3f4f8;--muted:#8e9bb3;--gold:#e8ad52;--gold2:#f6d18c;--green:#54d6a0;--blue:#7da8ff;--violet:#b19bff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.app-shell{min-height:100vh}.sidebar{width:248px;background:linear-gradient(180deg,#0c1223 0%,#090e1a 100%);border-right:1px solid #1b263a;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:25px 16px 16px;z-index:10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;padding:0 8px 28px}.brand-mark{height:39px;width:39px;display:grid;place-items:center;border:1px solid #8b642d;border-radius:11px;background:linear-gradient(145deg,#302618,#15192a);color:var(--gold2);font:800 17px Manrope,sans-serif;letter-spacing:-2px;box-shadow:0 0 24px #d59d3814}.brand-mark span{color:#f7f3e9}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font:800 10px Manrope,sans-serif;letter-spacing:1.1px}.brand-copy small{color:var(--gold);font-size:10px;letter-spacing:3.2px}.workspace-chip{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid #263149;background:#10182a;border-radius:9px;color:#d5dbea;font-size:12px;margin-bottom:29px}.status-dot,.footer-dot{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block;box-shadow:0 0 8px #54d6a04c}.chevron{margin-left:auto;color:var(--muted);font-size:15px}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#68768f;padding:0 12px 10px}.main-nav{display:grid;gap:5px;margin-bottom:27px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9ba7bd;text-align:left;padding:11px 12px;font-size:12px;transition:.18s}.nav-item:hover{background:#141e32;color:#eef1f8}.nav-item.active{background:linear-gradient(90deg,#27251f,#171c2b);border-color:#4b3d2b;color:#f5d18e;box-shadow:inset 2px 0 var(--gold)}.nav-icon{font-size:17px;width:18px;text-align:center;color:inherit}.nav-count{margin-left:auto;font-size:10px;background:#27334b;padding:3px 7px;border-radius:5px;color:#cbd4e5}.queue-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);margin-left:auto}.sidebar-spacer{flex:1;min-height:20px}.plan-card{padding:14px 13px;background:linear-gradient(145deg,#181d2d,#101625);border:1px solid #35303a;border-radius:10px;margin-bottom:13px}.plan-card-top{display:flex;align-items:center;gap:7px;color:#aeb8ca;font-size:9px;letter-spacing:1px;font-weight:700}.plan-gem{color:var(--gold);font-size:15px}.plan-badge{margin-left:auto;border:1px solid #66502c;color:var(--gold2);padding:3px 5px;border-radius:4px;font-size:8px}.plan-card>strong{display:block;font:700 13px Manrope,sans-serif;margin:13px 0 5px}.plan-card p{margin:0;color:#8996ac;font-size:11px}.plan-progress{height:4px;background:#2a3040;border-radius:4px;margin-top:16px;overflow:hidden}.plan-progress span{display:block;width:30%;height:100%;background:var(--gold);border-radius:4px}.plan-foot{display:flex;justify-content:space-between;color:#7f8ba2;font-size:10px;margin-top:8px}.profile-button{display:flex;align-items:center;gap:10px;padding:11px 6px 3px;background:transparent;border:0;border-top:1px solid #202a3e;text-align:left;color:inherit}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(140deg,#65523b,#303b55);border:1px solid #8c744f;color:#ffe1a6;font-size:11px;font-weight:700}.profile-copy{display:grid;gap:4px;min-width:0}.profile-copy strong{font-size:11px}.profile-copy small{font-size:10px;color:var(--muted)}.more{margin-left:auto;font-size:19px;color:#8c98ad}.main-area{margin-left:248px;min-height:100vh}.topbar{height:70px;border-bottom:1px solid #1b2538;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#0b1020d9;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#75839d;font-size:12px}.crumb-slash{color:#39445b}.breadcrumbs strong{color:#dce1ec;font-weight:500}.top-actions{display:flex;align-items:center;gap:17px}.invite-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#c0c9d8;background:#111b2b;border:1px solid #26344b;border-radius:20px;padding:8px 11px}.icon-button{width:27px;height:27px;border:1px solid #344059;border-radius:50%;background:transparent;color:#aab5c8;font-size:12px}.top-avatar{border:1px solid #8b744e;width:30px;height:30px}.mobile-menu{display:none}.page-content,.placeholder-page{max-width:1500px;margin:0 auto;padding:35px 38px 22px}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:27px}.eyebrow{display:flex;align-items:center;gap:9px;color:#c6a86d;font-size:9px;font-weight:700;letter-spacing:1.7px}.gold-line{width:20px;height:1px;background:var(--gold);display:inline-block}.welcome-row h1,.placeholder-page h1{font:700 clamp(25px,3vw,34px) Manrope,sans-serif;letter-spacing:-1.2px;margin:13px 0 8px}.gold-period{color:var(--gold)}.subheading,.section-heading p,.panel-heading p{color:#8996ac;margin:0;font-size:12px;line-height:1.7}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border:1px solid #f3c875;border-radius:7px;padding:12px 17px;background:linear-gradient(135deg,#f3cb7d,#dca347);color:#17130c;font-weight:700;font-size:12px;box-shadow:0 5px 18px #d49a3420;transition:transform .15s,filter .15s;white-space:nowrap}.primary-button:hover{filter:brightness(1.07);transform:translateY(-1px)}.primary-button span{font-size:17px;line-height:12px}.notice-banner{display:flex;align-items:center;gap:14px;padding:15px 17px;border:1px solid #403522;background:linear-gradient(100deg,#211e1a,#141a29 72%);border-radius:9px;margin-bottom:31px}.notice-icon{width:34px;height:34px;display:grid;place-items:center;background:#3a2e1c;color:var(--gold2);border:1px solid #604b2a;border-radius:8px;font-size:16px;flex-shrink:0}.notice-banner strong{font-size:12px}.notice-banner p{margin:4px 0 0;color:#9da7ba;font-size:11px;line-height:1.5}.text-button,.subtle-button{background:transparent;border:0;color:var(--gold2);font-size:11px;font-weight:600;white-space:nowrap}.notice-banner .text-button{margin-left:auto}.section-heading,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading{margin-bottom:14px}.section-heading h2,.panel-heading h2{font:700 15px Manrope,sans-serif;margin:0 0 5px;letter-spacing:-.2px}.muted-label{font-size:8px;color:#74819a;letter-spacing:1.2px;border:1px solid #29344a;border-radius:4px;padding:5px 7px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:28px}.stat-card{border:1px solid #222e44;border-radius:10px;background:linear-gradient(145deg,#111a2d,#0f1626);padding:16px 16px 13px;min-width:0;box-shadow:0 8px 25px #0000000a}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:5px}.stat-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;font-size:15px}.stat-icon.violet{color:var(--violet);background:#28253e}.stat-icon.gold{color:var(--gold2);background:#382d1d}.stat-icon.blue{color:var(--blue);background:#202c46}.stat-icon.green{color:var(--green);background:#1a332f}.stat-trend{font-size:9px;color:#7f8ba1;text-align:right}.stat-value{font:700 29px Manrope,sans-serif;letter-spacing:-1px;margin-top:17px}.stat-unit{font-size:13px;color:#77859d;margin-left:3px;font-weight:500}.stat-label{font-size:11px;color:#a7b2c6;margin-top:2px}.stat-bottom{display:flex;align-items:center;gap:7px;border-top:1px solid #202a3d;margin-top:15px;padding-top:10px;color:#77869f;font-size:9px;min-height:25px}.mini-bars{height:13px;display:flex;align-items:flex-end;gap:2px}.mini-bars i{display:block;width:3px;background:#8170b5;border-radius:2px 2px 0 0;height:45%}.mini-bars i:nth-child(2){height:75%}.mini-bars i:nth-child(3){height:56%}.mini-bars i:nth-child(4){height:90%}.mini-bars i:nth-child(5){height:60%}.mini-bars i:nth-child(6){height:100%}.mini-bars i:nth-child(7){height:72%}.stat-indicator{width:6px;height:6px;border-radius:50%;background:var(--green)}.stat-indicator.live{background:var(--gold);box-shadow:0 0 8px #e8ad5244}.stat-progress{height:4px;width:46px;border-radius:4px;background:#2d3548;overflow:hidden}.stat-progress i{display:block;width:30%;height:100%;background:var(--green)}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:15px}.panel{border:1px solid #222d42;border-radius:10px;background:linear-gradient(145deg,#101829,#0e1524);min-width:0;overflow:hidden}.panel-heading{padding:19px 19px 14px}.subtle-button{color:#aab7ca}.subtle-button span{font-size:15px;margin-left:4px}.project-list{padding:0 18px}.project-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid #202a3c;min-width:0}.project-art{width:53px;height:63px;flex-shrink:0;border-radius:5px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:7px 6px;font:800 7px Manrope,sans-serif;letter-spacing:.6px;line-height:1.3;color:#f7e7c5;box-shadow:inset 0 0 18px #0008}.project-art:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#ffffff08,transparent 45%,#05070dbb);pointer-events:none}.project-art span,.project-art i{position:relative}.project-art i{position:absolute;right:5px;top:5px;font-style:normal;font-size:7px;color:#ffffffa3}.art-one{background:radial-gradient(ellipse at 60% 25%,#a87445,#432d38 42%,#101b30 80%)}.art-two{background:radial-gradient(ellipse at 30% 20%,#5e7188,#253146 40%,#10131d 80%)}.art-three{background:radial-gradient(ellipse at 65% 25%,#9c6b5c,#4a3547 42%,#141729 80%)}.project-info{min-width:0;flex:1}.project-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.project-title-line h3{font-size:12px;margin:0;font-weight:600}.tag{font-size:8px;padding:4px 6px;border-radius:4px;white-space:nowrap}.tag-complete{color:#70dbb2;background:#18382f;border:1px solid #285647}.tag-rendering{color:#edc477;background:#3b2e1c;border:1px solid #5e4828}.tag-rendering i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:4px}.tag-draft{color:#a6b1c5;background:#252e40;border:1px solid #39445a}.project-info>p{font-size:10px;color:#8d9ab0;margin:7px 0}.project-meta{display:flex;gap:7px;align-items:center;font-size:9px;color:#687790;flex-wrap:wrap}.row-more,.dots-button{background:transparent;border:0;color:#8290a7;font-size:18px;letter-spacing:1px;padding:8px}.panel-footer{border-top:1px solid #202a3c;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;color:#697890;font-size:9px;gap:10px}.panel-footer .text-button{font-size:9px}.activity-list{padding:0 19px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:15px 0;border-top:1px solid #202a3c}.activity-symbol{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;font-size:12px}.activity-symbol.success{color:var(--green);background:#19342e}.activity-symbol.render{color:var(--gold2);background:#392d1d}.activity-symbol.invite{color:var(--blue);background:#202c45}.activity-item strong{font-size:11px;font-weight:600}.activity-item p{font-size:10px;color:#8d9ab0;margin:5px 0}.activity-item small{font-size:9px;color:#65748d}.security-note{display:flex;gap:10px;margin:8px 15px 15px;padding:12px;background:#111e2b;border:1px solid #263b45;border-radius:7px;color:#8bb6a9}.security-note>span{font-size:18px}.security-note p{font-size:9px;line-height:1.6;color:#8194a7;margin:0}.security-note strong{font-size:10px;color:#a8d7c7}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:23px;padding:13px 0;border-top:1px solid #1d2739;color:#63718a;font-size:9px}.page-footer .footer-dot{width:5px;height:5px;margin-right:5px}.footer-divider{padding:0 5px;color:#3f4a60}.placeholder-page{min-height:calc(100vh - 70px)}.placeholder-page h1{margin-top:15px}.placeholder-page>p{color:var(--muted);font-size:13px}.placeholder-card{margin-top:28px;max-width:600px;border:1px solid #263148;background:linear-gradient(145deg,#121b2e,#101625);border-radius:12px;padding:30px}.placeholder-icon{color:var(--gold);font-size:22px}.placeholder-card h2{font:700 19px Manrope,sans-serif}.placeholder-card p{color:#8d9ab0;line-height:1.7;font-size:12px;margin-bottom:20px}.hidden{display:none!important}.modal-backdrop{position:fixed;inset:0;background:#02050bd9;z-index:30;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}.modal{width:min(100%,430px);position:relative;background:linear-gradient(145deg,#151e31,#0f1524);border:1px solid #394057;border-radius:13px;padding:29px;box-shadow:0 25px 100px #0008}.modal-close{position:absolute;right:15px;top:12px;background:transparent;border:0;color:#aab5c8;font-size:24px}.modal-symbol{width:39px;height:39px;border:1px solid #6b532d;background:#312718;color:var(--gold2);border-radius:10px;display:grid;place-items:center;margin-bottom:20px;font-size:18px}.modal h2{font:700 23px Manrope,sans-serif;margin:13px 0 8px}.modal>p{color:#8e9bb3;font-size:12px;line-height:1.65}.modal form{display:grid;gap:9px;margin-top:22px}.modal label{font-size:11px;color:#c8d0df;margin-top:5px}.modal input,.modal select{width:100%;border:1px solid #35425b;background:#0b1120;border-radius:7px;color:#edf0f7;padding:12px;font-size:12px}.modal input::placeholder{color:#66748c}.full-width{width:100%;margin-top:10px}.modal .modal-footnote{text-align:center;font-size:9px;color:#65738c;margin:15px 0 0}.toast{position:fixed;bottom:24px;right:24px;z-index:50;max-width:calc(100vw - 40px);background:#172b2a;border:1px solid #2d6455;color:#b7eed9;padding:13px 17px;border-radius:8px;font-size:12px;box-shadow:0 12px 40px #0005}
@media(min-width:1500px){.page-content,.placeholder-page{padding-left:48px;padding-right:48px}.topbar{padding-left:48px;padding-right:48px}.stats-grid{gap:16px}.stat-card{padding:19px}}
@media(max-width:1150px){.sidebar{width:220px}.main-area{margin-left:220px}.page-content,.placeholder-page{padding:28px 24px 20px}.topbar{padding:0 24px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.activity-panel{display:grid;grid-template-columns:1fr 1fr}.activity-panel .panel-heading{grid-column:1/-1}.activity-list{padding-bottom:8px}.security-note{align-self:center}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:transform .22s ease;box-shadow:20px 0 45px #0006}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.topbar{height:60px;padding:0 16px;gap:10px}.mobile-menu{display:block;background:transparent;border:1px solid #303c52;color:#cbd4e5;border-radius:6px;padding:5px 8px}.breadcrumbs{margin-right:auto;font-size:11px}.top-actions{gap:9px}.invite-status{font-size:0;padding:8px}.invite-status .status-dot{width:7px;height:7px}.page-content,.placeholder-page{padding:25px 16px 18px}.welcome-row{align-items:flex-start;flex-direction:column}.welcome-row h1{font-size:27px}.welcome-row .primary-button{width:100%}.notice-banner{align-items:flex-start;flex-wrap:wrap}.notice-banner .text-button{margin-left:47px}.section-heading h2,.panel-heading h2{font-size:14px}.stats-grid{gap:9px}.stat-card{padding:12px}.stat-value{font-size:25px;margin-top:13px}.stat-trend{font-size:8px}.stat-bottom{font-size:8px;gap:5px}.content-grid{gap:12px}.panel-heading{padding:16px 13px 12px}.project-list{padding:0 13px}.project-row{gap:9px}.project-art{width:46px;height:58px}.project-title-line h3{font-size:11px}.project-meta{font-size:8px}.project-info>p{font-size:9px}.panel-footer{padding:12px 13px}.activity-panel{display:block}.activity-list{padding:0 15px}.security-note{margin:8px 12px 13px}.page-footer{align-items:flex-start;flex-direction:column;line-height:1.6}.placeholder-card{padding:23px}.modal{padding:24px}.plan-card{margin-top:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}