:root{--ink:#303341;--muted:#6d7082;--paper:#fff;--bg:#f5f6fa;--line:#e7e8ef;--purple:#6654ad;--lavender:#eeeafa;--blue:#eaf0fc;--green:#e6f3ee;--peach:#f8eee3;--side:232px;--shadow:0 8px 30px #29304b06}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.55 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea,summary{touch-action:manipulation}button{color:inherit}button:disabled{cursor:default;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #8d7fc6;outline-offset:3px}button,input,select,textarea{border-radius:8px}h1,h2,h3,p{margin-top:0}h1{font-size:29px;line-height:1.2;letter-spacing:-1px;font-weight:650;margin-bottom:10px}h2{font-size:17px;letter-spacing:-.3px;margin-bottom:6px;font-weight:650}h3{font-size:14px;font-weight:650;margin-bottom:6px}small,.muted{color:var(--muted)}small{font-size:12px}svg{display:block}.demo-banner{padding:8px 24px;background:#edeaf6;color:#514764;display:flex;gap:12px;justify-content:space-between;font-size:11px;min-height:34px}.demo-banner b{font-weight:650}.app-shell{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:calc(100dvh - 34px)}
.sidebar{background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 18px 20px;min-width:0;transition:width .2s;z-index:30}.brand{display:flex;gap:9px;align-items:center;color:#45405d;margin:0 8px 30px;white-space:nowrap}.brand svg{width:30px;height:30px;color:#7162ac}.brand>span{font-size:21px;letter-spacing:2px;line-height:1.1;font-weight:750}.brand small{display:block;font-size:6px;letter-spacing:1.3px;margin-top:7px;color:#898494}.workspace-label{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:12px 9px;margin-bottom:31px;font-size:12px;font-weight:600}.workspace-label small{display:block;font-size:10px;font-weight:400;margin-top:2px}.workspace-avatar{background:var(--lavender);color:var(--purple);border-radius:8px;min-width:31px;height:33px;display:grid;place-content:center;font-size:17px}.workspace-dot{width:6px;height:6px;border-radius:50%;background:#7f9e8a;margin-left:auto}.nav-heading{font-size:9px;letter-spacing:1.7px;color:#8a8c9c;margin:0 12px 12px}.nav-link{display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 13px;margin:4px 0;border-radius:8px;font-size:12px;color:#676b7b;position:relative}.nav-link svg{width:18px;height:18px;flex-shrink:0}.nav-link:hover{background:#f7f6fb}.nav-link[aria-current=page]{background:var(--lavender);color:#5d4c99;font-weight:650}.nav-link[aria-current=page]:before{content:'';position:absolute;left:-18px;top:13px;bottom:13px;background:#7766b3;width:3px;border-radius:0 3px 3px 0}.nav-counter{font-size:10px;padding:1px 6px;background:#f0f0f5;border-radius:5px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:45px}.local-card{background:#f7f6fb;border:1px solid #eeedf4;border-radius:11px;padding:17px 13px;font-size:11px}.local-card b{display:block;font-size:12px;font-weight:650}.local-mark{font-size:23px;color:#8e7bc8;display:block;line-height:1;margin-bottom:11px}.local-card p{color:#7b7789;font-size:10px;line-height:1.7;margin:7px 0 9px}.text-button{border:0;background:none;color:var(--purple);padding:7px 0;min-height:36px;text-align:left;font-size:12px;font-weight:600}.gallery-link,.choose-link{display:flex;align-items:center;font-size:11px;gap:8px;min-height:44px;margin:8px 4px 0;color:#747389}.choose-link{margin-top:0;font-size:10px;color:var(--purple)}.workspace-shell{min-width:0;display:flex;flex-direction:column}.topbar{height:74px;min-height:74px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 34px;background:#ffffffc9;gap:15px}.top-left,.top-actions{display:flex;align-items:center;gap:18px;min-width:0}.breadcrumb{color:#9b9ca8;font-size:11px;display:flex;gap:12px;white-space:nowrap}.breadcrumb b{font-weight:500;color:#575b6e}.breadcrumb span{color:#babcc8}.icon-button{display:grid;place-content:center;border:0;min-width:36px;min-height:40px;background:none;color:#838497;font-size:24px}.icon-button svg{width:19px;height:19px}.search-button{background:transparent;border:1px solid var(--line);color:#9899a8;display:flex;gap:10px;align-items:center;font-size:11px;min-height:36px;padding:8px 11px}.search-button>span:first-child{font-size:21px;line-height:1}.search-button kbd{border:1px solid #dedfe7;border-radius:4px;font:11px Arial;padding:0 5px;margin-left:20px;color:#aaaaba}.notification-button{position:relative;font-size:26px;color:#7c7c91}.notification-count{position:absolute;top:0;right:-4px;color:white;background:#8a79bc;font-size:8px;line-height:15px;min-width:15px;border-radius:20px}.profile-avatar,.avatar{display:inline-grid;place-content:center;background:var(--lavender);color:#76649d;border:2px solid white;border-radius:50%;height:35px;width:35px;font-size:10px;font-weight:600;flex-shrink:0}.avatar.blue{background:var(--blue);color:#637fa9}.avatar.green{background:var(--green);color:#528573}.avatar.peach{background:var(--peach);color:#a07b58}.avatar.small{width:27px;height:27px;font-size:9px}.profile-avatar{height:33px;width:33px}.nav-scrim{display:none}
#workspace{padding:31px 34px 35px;flex:1;min-width:0;outline:none;max-width:1720px;width:100%;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading p{font-size:12px;color:var(--muted);margin-bottom:0;max-width:700px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.5px;color:#9189a8;display:block;margin-bottom:9px;text-transform:uppercase}.button{border:1px solid #6d5ba5;background:#7160a8;color:white;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;gap:9px;font-size:11px;font-weight:600;white-space:nowrap;border-radius:8px;box-shadow:0 3px 5px #6d5ba510}.button:hover{background:#635295}.button.secondary{background:white;border-color:#dedee9;color:#64647b;box-shadow:none}.button.secondary:hover{background:#f8f7fc}.button.small{min-height:34px;font-size:10px;padding:7px 11px}.button.danger{background:#a45f6f;border-color:#a45f6f}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.panel{background:white;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:23px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.panel-title p{font-size:11px;color:var(--muted);margin:4px 0 0}.panel-title a{font-size:11px;color:var(--purple);white-space:nowrap}.welcome{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 28px;margin-bottom:22px;background:linear-gradient(110deg,#f0ecfb,#f6f5fc 65%,#edf2fc);border:1px solid #e7e1f5;border-radius:13px;overflow:hidden}.welcome h2{font-size:22px;font-weight:600;margin-bottom:9px;letter-spacing:-.7px}.welcome p{font-size:12px;color:#80788f;margin:0;max-width:610px}.welcome-visual{display:flex;align-items:center;flex-shrink:0;padding:8px}.orbit-tile{border:1px solid #fff;border-radius:13px;background:#ffffff9e;box-shadow:0 7px 18px #a09abe16;height:64px;width:65px;display:grid;place-content:center;gap:4px;text-align:center;transform:rotate(-8deg);color:#8370b6;font-size:9px}.orbit-tile svg{height:23px;width:23px;margin:auto}.orbit-tile:nth-child(2){margin-left:-10px;transform:rotate(7deg) translateY(-8px);z-index:1;background:#f9f8fd}.orbit-tile:nth-child(3){margin-left:-8px;transform:rotate(-4deg);color:#7191bb}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:25px}.stat-card{background:white;border:1px solid var(--line);border-radius:12px;padding:19px 18px;transition:transform .15s,box-shadow .15s;min-width:0}.stat-card:hover{transform:translateY(-3px);box-shadow:0 7px 20px #403b6a0b}.stat-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#858494;align-items:center}.stat-icon{width:29px;height:29px;display:grid;place-content:center;border-radius:8px;background:#f3f0fb;color:#9a86c2}.stat-icon svg{width:15px;height:15px}.stat-value{display:block;font-size:29px;letter-spacing:-1px;line-height:1.4;font-weight:650;margin:7px 0}.stat-foot{font-size:9px;color:#9a98a9}.stat-foot em{font-style:normal;color:#639284}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;margin-bottom:22px}.progress-row{padding:14px 0;border-bottom:1px solid #f0eff5}.progress-row:last-child{border-bottom:0;padding-bottom:0}.progress-row-head{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;margin-bottom:7px}.progress-row small{font-size:10px}.progress-track{height:6px;background:#efedf6;border-radius:20px;overflow:hidden}.progress-track>span{display:block;height:100%;background:#ae9ad7;border-radius:20px}.progress-row:nth-child(3) .progress-track>span{background:#9eb4d7}.progress-row:nth-child(4) .progress-track>span{background:#95b8a9}.progress-meta{display:flex;justify-content:space-between;gap:14px;color:#93909f;font-size:10px;margin-top:7px}.pipeline-summary{display:flex;gap:6px;margin:24px 0 18px;min-height:16px;overflow:hidden;border-radius:5px}.pipeline-segment{min-width:7px;background:#cbbde6;display:block}.pipeline-segment:nth-child(2){background:#aebce0}.pipeline-segment:nth-child(3){background:#b9cfc7}.pipeline-segment:nth-child(4){background:#e3cbb1}.legend-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:11px}.legend-row>span:first-child{display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#b6a3d7}.legend-row:nth-child(2) .dot{background:#aebce0}.legend-row:nth-child(3) .dot{background:#b9cfc7}.legend-row:nth-child(4) .dot{background:#e3cbb1}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-action{border:1px solid #e9e7f0;background:#fcfbfe;min-height:73px;padding:15px 10px;text-align:left;border-radius:9px;font-size:11px;color:#777087;display:flex;gap:12px;align-items:center}.quick-action svg{width:18px;height:18px;color:#9b89c2}.quick-action:hover{border-color:#c6b9df;background:#f7f4fc}.activity-row{display:flex;align-items:start;gap:11px;padding:12px 0;border-bottom:1px solid #f0eff5;font-size:11px}.activity-row:last-child{border:0}.activity-symbol{width:28px;height:28px;min-width:28px;background:#f3f0fa;border-radius:8px;display:grid;place-content:center;color:#a795c6}.activity-row p{margin:0 0 3px}.activity-row time{color:#aaa6b4;font-size:9px}.activity-row a:hover{color:var(--purple)}.mini-table{width:100%;border-collapse:collapse;font-size:11px}.mini-table th{text-align:left;font-weight:500;color:#9a98a7;font-size:9px;padding:11px 0;border-bottom:1px solid var(--line)}.mini-table td{padding:14px 0;border-bottom:1px solid #f0eff5}.mini-table tr:last-child td{border:0}.mini-table td:last-child{text-align:right}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;background:#f1eff8;color:#85749f;font-size:9px;line-height:1.5;white-space:nowrap}.tag.green{background:#eaf4ef;color:#518873}.tag.blue{background:#ecf1fb;color:#6383ae}.tag.peach{background:#faf0e5;color:#ab865b}.tag.red{background:#faedf0;color:#a76577}.tag.gray{background:#f0f1f5;color:#898a98}.subnav{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:22px}.subnav a{display:flex;align-items:center;gap:8px;min-height:43px;font-size:12px;color:#8b879b;border-bottom:2px solid transparent}.subnav a[aria-current=page]{color:var(--purple);border-color:#8c78bd;font-weight:600}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.toolbar .field{margin:0;min-width:140px}.toolbar .field:first-child{flex:1;max-width:400px}.toolbar .filter-label{font-size:10px;margin-bottom:6px;display:block;color:var(--muted)}input,select,textarea{border:1px solid #dcdde8;background:white;color:#4e5063;min-height:42px;padding:10px 12px;max-width:100%;font-size:12px}textarea{min-height:84px;resize:vertical;width:100%}input::placeholder{color:#a5a2b2}input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--purple)}input[type=number]{min-width:0}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#727184;min-width:0}.field label{font-weight:550}.field small{font-size:10px;font-weight:400}.input-icon{position:relative}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:white}.data-table{width:100%;border-collapse:collapse;text-align:left;min-width:690px;font-size:12px}.data-table th{padding:14px 20px;font-size:10px;font-weight:500;color:#928ea1;background:#fcfbfe;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:17px 20px;border-bottom:1px solid #efedf4;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fdfcfe}.entity-name{display:flex;align-items:center;gap:12px}.entity-name b{font-size:12px;font-weight:600}.entity-name small{display:block;font-size:10px;margin-top:3px}.company-avatar{display:grid;place-content:center;border-radius:9px;background:#eeeaf7;color:#9b8ab8;min-width:35px;height:37px;font-weight:600;font-size:13px}.link-button{border:0;background:none;padding:5px 0;text-align:left;color:var(--purple);min-height:36px;font-size:11px}.table-foot{font-size:11px;color:#9792a4;margin-top:14px}.empty{border:1px dashed #dbd6e8;background:#fcfbfe;border-radius:10px;padding:42px 22px;text-align:center;color:#8f879f}.empty h2{color:#716381;font-size:17px}.empty p{font-size:12px;max-width:470px;margin:9px auto 18px}.empty .button{margin-top:6px}.count-label{font-size:10px;color:#9c96aa;margin-left:8px}.board-wrap{overflow-x:auto;padding-bottom:12px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(215px,1fr));gap:15px;min-height:260px}.kanban-column{background:#eeedf4;border-radius:11px;padding:12px;min-width:0}.column-title{display:flex;justify-content:space-between;font-size:11px;align-items:center;margin:3px 2px 14px;font-weight:600;color:#7e758f}.column-title span{background:#e1ddea;color:#9a8aaa;font-size:9px;padding:1px 5px;border-radius:5px}.kanban-card{background:white;border:1px solid #e7e3ef;border-radius:9px;padding:15px;margin-bottom:12px;box-shadow:0 3px 7px #51446b04;cursor:grab}.kanban-card:active{cursor:grabbing}.kanban-card h3{font-size:12px;margin:7px 0 4px}.kanban-card p{font-size:10px;color:#9991a6;margin:0 0 10px}.kanban-card .card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.kanban-card .card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:11px 0 6px;font-size:10px;color:#998fa6}.kanban-card select{width:100%;font-size:10px;min-height:36px;padding:6px 8px;color:#8b7d9f;border-color:#ece8f3;background:#fcfbfe}.kanban-card .link-button{font-size:10px}.drop-empty{font-size:10px;color:#aaa2b6;text-align:center;padding:30px 10px;border:1px dashed #dcd6e8;border-radius:8px}.drag-over{outline:2px solid #b3a1d4;outline-offset:-2px}.card-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.project-card{padding:22px}.project-card h2{font-size:15px;margin:16px 0 5px}.project-card>p{font-size:11px;color:#9c94aa}.project-card .progress-meta{margin-top:16px}.project-card .card-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:15px;font-size:10px;color:#928b9f}.card-topline{display:flex;justify-content:space-between;gap:12px;align-items:center}.detail-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px}.detail-overview .panel{padding:18px}.detail-overview small{display:block;font-size:10px;margin-bottom:7px}.detail-overview b{font-size:15px;font-weight:600;overflow-wrap:anywhere}.section-gap{margin-top:28px}.milestone-list{list-style:none;margin:0;padding:0}.milestone-list li{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.milestone-list li:last-child{border:0}.check-control{display:flex;align-items:center;gap:11px;min-height:44px;cursor:pointer}.check-control input{width:16px;height:16px;flex-shrink:0}.check-control span{color:#6e677b}.check-control input:checked+span{color:#96909e;text-decoration:line-through}.deliverable-row{padding:13px 0;border-bottom:1px solid var(--line)}.deliverable-row:last-child{border:0}.deliverable-row h3{font-size:12px}.deliverable-row .actions{margin-top:7px}.deliverable-row .text-button{font-size:10px}.client-header{display:flex;align-items:center;gap:18px;margin-bottom:23px}.client-header .company-avatar{height:64px;min-width:64px;font-size:23px}.client-header p{font-size:12px;margin:5px 0;color:var(--muted)}.info-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:12px;margin:10px 0 0}.info-list dt{font-size:10px;color:var(--muted);margin-bottom:6px}.info-list dd{margin:0;overflow-wrap:anywhere}.note{font-size:11px;color:#8c829e;line-height:1.8;border-left:2px solid #d7cce9;padding:10px 15px;background:#f8f6fc;margin:15px 0}.document-paper{max-width:1050px;margin:0 auto}.document-header{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:28px}.document-header h2{font-size:25px;margin-bottom:7px}.document-header p{font-size:11px;color:var(--muted);margin:3px 0}.document-number{font-size:20px;color:#9787b6;letter-spacing:1px}.document-summary{margin:20px 0 0 auto;max-width:320px;font-size:12px}.document-summary div{display:flex;justify-content:space-between;padding:10px 0;gap:20px}.document-summary .total{border-top:1px solid var(--line);font-size:16px;font-weight:650}.document-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}.team-card{text-align:center;padding:25px 18px}.team-card .avatar{width:58px;height:58px;font-size:16px;margin-bottom:14px}.team-card h2{font-size:14px}.team-card>p{font-size:11px;color:var(--muted);margin:7px 0}.team-card .workload{display:block;font-size:23px;line-height:1.2;color:#8873b1;margin:18px 0 5px}.team-card .text-button{font-size:11px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.activity-list .activity-row{padding:16px 0}.activity-filter{max-width:230px}.app-footer{display:flex;justify-content:space-between;gap:20px;padding:18px 34px 22px;border-top:1px solid var(--line);color:#aaa4b5;font-size:9px}
dialog{border:1px solid #e6e2ee;border-radius:15px;padding:25px;width:min(640px,calc(100% - 28px));max-height:calc(100dvh - 34px);overflow-y:auto;box-shadow:0 20px 100px #24203924;background:#fff;color:var(--ink)}dialog::backdrop{background:#36304760;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-top .eyebrow{font-size:8px}.dialog-top .icon-button{font-size:26px}.dialog-title{font-size:24px;font-weight:650;margin:10px 0 9px;letter-spacing:-.6px}.dialog-intro{font-size:12px;color:#898294;margin-bottom:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 17px}.form-grid .wide{grid-column:1/-1}.dialog-actions{display:flex;align-items:center;justify-content:end;gap:10px;margin-top:24px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--line)}.error{font-size:12px;color:#aa5168;margin:15px 0 0}.error:empty{display:none}.form-note{font-size:10px;color:#94899f;margin-top:17px}.line-item{padding:15px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 75px 100px 30px;gap:10px;align-items:end}.line-item .field{font-size:10px}.line-item input{padding:9px 8px;width:100%;font-size:11px}.line-item .icon-button{min-width:28px;min-height:40px;font-size:20px}.line-preview{font-size:12px;margin-top:15px;text-align:right;color:var(--purple)}.dialog-results{margin-top:18px;max-height:50vh;overflow:auto}.search-result{display:block;border-top:1px solid var(--line);padding:15px 4px}.search-result b{display:block;font-size:12px;font-weight:550}.search-result span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.search-result:hover{background:#f9f7fc}.search-input{width:100%;min-height:48px}.notification-row{border-top:1px solid var(--line);padding:14px 0;font-size:12px}.notification-row small{display:block;font-size:10px;margin:5px 0}.notification-row.unread:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#ab92d6;margin-right:6px}.toast{position:fixed;bottom:24px;left:calc(var(--side) + 30px);max-width:calc(100vw - var(--side) - 60px);z-index:70;color:#fff;background:#655780;box-shadow:0 7px 25px #49405f25;padding:14px 21px;border-radius:10px;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s,transform .2s;font-size:12px;overflow-wrap:anywhere}.toast.visible{opacity:1;transform:translateY(0)}.skip{position:absolute;left:-10000px}.skip:focus{left:15px;top:15px;background:white;padding:12px;z-index:100}.portal-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:35px}.portal-brand{font-size:18px;font-weight:650;color:#6e6286}.portal-top small{display:block;font-size:10px;letter-spacing:1px;margin-top:5px}.portal-welcome{margin-bottom:28px}.portal-welcome h1{font-size:35px}.portal-welcome p{color:var(--muted);font-size:13px}.portal-project-switch{display:flex;align-items:center;gap:16px;font-size:11px;margin-bottom:20px;flex-wrap:wrap}.portal-project-switch select{max-width:100%;width:310px}.portal-client-label{font-size:12px;color:var(--purple);margin-bottom:20px}.portal-task{display:flex;gap:10px;align-items:center;padding:12px 0;font-size:12px;border-bottom:1px solid var(--line)}.portal-task span{color:#b7a2d6}.portal-task:last-child{border:0}.portal-preview-note{font-size:11px;padding:13px 16px;background:var(--lavender);border-radius:8px;color:#86749b;margin-bottom:25px}
body[data-collapsed=true]{--side:78px}body[data-collapsed=true] .sidebar{padding-left:12px;padding-right:12px}body[data-collapsed=true] .brand{margin-left:9px;margin-right:0}body[data-collapsed=true] .brand>span,body[data-collapsed=true] .workspace-label,body[data-collapsed=true] .nav-heading,body[data-collapsed=true] .nav-link>span,body[data-collapsed=true] .local-card,body[data-collapsed=true] .gallery-link,body[data-collapsed=true] .choose-link{display:none}body[data-collapsed=true] .nav-link{padding:12px 17px}body[data-collapsed=true] .nav-link[aria-current=page]:before{left:-12px}body[data-portal=true] .app-shell{grid-template-columns:1fr}body[data-portal=true] .sidebar,body[data-portal=true] .topbar{display:none}body[data-portal=true] #workspace{max-width:1200px;padding:36px 35px}body[data-portal=true] .app-footer{justify-content:center}body[data-portal=true] .toast{left:30px;max-width:calc(100vw - 60px)}
@media(min-width:1700px){#workspace{padding:40px 45px}.topbar{padding:0 45px}.stats-grid{gap:22px}.stat-card{padding:23px}.panel{padding:27px}.dashboard-grid{gap:27px}.welcome{padding:32px}.welcome h2{font-size:26px}.welcome p{font-size:13px}}
@media(max-width:1200px){:root{--side:210px}.sidebar{padding-left:13px;padding-right:13px}.brand{margin-left:5px}.brand>span{font-size:19px}.brand small{font-size:5px}.nav-link{padding-left:11px;font-size:11px;gap:9px}.topbar{padding:0 24px}#workspace{padding:27px 24px}.stats-grid{gap:11px}.stat-card{padding:16px 13px}.stat-top{font-size:10px}.stat-value{font-size:27px}.stat-icon{width:25px;height:25px}.dashboard-grid{gap:17px}.panel{padding:20px}.quick-actions{grid-template-columns:1fr 1fr}.card-list{grid-template-columns:1fr 1fr}.team-grid{gap:12px}.team-card{padding:23px 13px}.top-actions{gap:12px}}
@media(max-width:960px){body,body[data-collapsed=true]{--side:0px}.app-shell{grid-template-columns:1fr}.sidebar,body[data-collapsed=true] .sidebar{position:fixed;left:0;top:0;bottom:0;width:255px;padding:30px 18px 20px;overflow-y:auto;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}body[data-collapsed=true] .brand>span,body[data-collapsed=true] .workspace-label,body[data-collapsed=true] .nav-heading,body[data-collapsed=true] .nav-link>span,body[data-collapsed=true] .local-card,body[data-collapsed=true] .gallery-link,body[data-collapsed=true] .choose-link{display:revert}body[data-collapsed=true] .brand{margin:0 8px 30px}body[data-collapsed=true] .workspace-label{display:flex}body[data-collapsed=true] .nav-link{padding:11px 13px}body[data-collapsed=true] .gallery-link{display:flex}body[data-collapsed=true] .nav-link[aria-current=page]:before{left:-18px}.nav-scrim:not([hidden]){display:block;position:fixed;inset:0;border:0;border-radius:0;background:#37334466;z-index:25}.sidebar-bottom{padding-top:28px}.demo-banner{padding:8px 20px;font-size:10px}.demo-banner>span:last-child{max-width:235px;text-align:right}.topbar{padding:0 24px;height:65px;min-height:65px}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-card{padding:18px}.stat-value{font-size:29px}.dashboard-grid{grid-template-columns:1fr 1fr}.topbar .search-button{width:38px;padding:8px;justify-content:center;border:0}.search-button>span:nth-child(2),.search-button kbd{display:none}.detail-overview{gap:12px}.detail-overview .panel{padding:16px}.team-grid{grid-template-columns:repeat(2,1fr)}.toast{left:24px;max-width:calc(100vw - 48px)}}
@media(max-width:700px){.demo-banner{display:block;padding:8px 16px;line-height:1.6}.demo-banner>span{display:block}.demo-banner>span:last-child{max-width:none;text-align:left;font-size:9px;color:#9385a9}.topbar{padding:0 13px}.top-left{gap:9px}.breadcrumb{font-size:10px;gap:8px}.top-actions{gap:7px}.profile-avatar{height:29px;width:29px;font-size:9px}.icon-button{min-width:38px;min-height:44px}.search-button{min-height:44px}.topbar .notification-button{font-size:22px}.notification-count{top:2px;right:-1px}.page-heading{align-items:start;gap:16px;margin-bottom:23px;flex-wrap:wrap}.page-heading h1{font-size:26px}.page-heading p{font-size:11px}.page-heading .actions{width:100%}.page-heading .button{min-height:42px}#workspace{padding:25px 16px 30px}.welcome{padding:23px 20px;gap:10px}.welcome h2{font-size:22px;line-height:1.3}.welcome p{font-size:11px;line-height:1.7}.welcome-visual{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.stat-card{padding:17px 15px}.stat-top{font-size:10px;gap:8px}.stat-value{font-size:29px}.stat-foot{font-size:9px}.stat-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 15px}.stat-card:last-child .stat-value{grid-column:2;grid-row:1/3;font-size:30px}.stat-card:last-child .stat-icon{display:none}.stat-card:last-child .stat-foot{grid-column:1}.dashboard-grid{grid-template-columns:1fr;gap:18px}.panel{padding:20px}.panel-title h2{font-size:16px}.panel-title p{font-size:10px}.panel-title a{font-size:10px}.quick-actions{grid-template-columns:1fr 1fr}.quick-action{font-size:10px;min-height:65px;padding:12px;gap:9px}.mini-table{font-size:10px}.mini-table th{font-size:9px}.mini-table td{padding:13px 0}.progress-row-head{font-size:11px}.tag{font-size:9px}.app-footer{display:block;padding:18px 16px;font-size:9px}.app-footer>span{display:block;margin:4px 0}.toolbar{gap:12px}.toolbar .field{min-width:0;flex:1;flex-basis:42%}.toolbar .field:first-child{flex-basis:100%;max-width:none}.toolbar .field select,.toolbar .field input{width:100%}.subnav{gap:22px}.subnav a{font-size:11px}.data-table{font-size:11px;min-width:660px}.data-table th,.data-table td{padding:15px}.table-wrap{max-width:100%}.kanban{grid-template-columns:1fr;gap:17px}.board-wrap{overflow:visible}.kanban-column{padding:14px}.kanban-card{padding:17px}.kanban-card h3{font-size:13px}.kanban-card p{font-size:11px}.kanban-card select{min-height:44px;font-size:11px}.kanban-card .link-button{min-height:44px;font-size:11px}.card-list{grid-template-columns:1fr;gap:17px}.detail-overview{grid-template-columns:1fr 1fr}.detail-overview b{font-size:14px}.detail-overview small{font-size:9px}.detail-overview .panel{padding:17px}.info-list{grid-template-columns:1fr;gap:17px}.client-header{gap:13px}.client-header h1{font-size:24px}.client-header .company-avatar{min-width:50px;height:53px;font-size:20px}.team-grid{gap:12px}.team-card{padding:20px 12px}.team-card h2{font-size:13px}.team-card p{font-size:10px}.team-card .avatar{height:49px;width:49px;font-size:14px}.team-card .workload{font-size:21px}.document-header{display:block}.document-number{font-size:17px;margin-top:18px}.document-actions select{width:100%}.document-actions .field{width:100%}.document-paper .panel{padding:20px 16px}.document-summary{max-width:none}.document-summary .total{font-size:15px}.form-grid{grid-template-columns:1fr;gap:17px}.form-grid .wide{grid-column:auto}dialog{padding:20px;width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:12px}.dialog-title{font-size:23px}.dialog-actions{justify-content:start;gap:12px}.dialog-actions .button{flex:1;min-height:44px}.line-item{grid-template-columns:1fr 1fr 30px;gap:12px}.line-item .field:first-child{grid-column:1/-1}.line-item input{font-size:12px}.line-preview{font-size:12px}.notification-row{font-size:11px}.toast{left:16px;bottom:16px;max-width:calc(100vw - 32px);font-size:11px}.portal-top{gap:15px;align-items:start}.portal-top .button{font-size:10px;white-space:normal;padding:9px 11px}.portal-brand{font-size:16px}.portal-top small{font-size:8px;letter-spacing:.5px}.portal-welcome h1{font-size:29px}.portal-welcome p{font-size:12px}.portal-preview-note{font-size:10px}body[data-portal=true] #workspace{padding:26px 16px}.milestone-list li{font-size:11px}.check-control{font-size:11px}.deliverable-row .button{min-height:44px}.search-input{font-size:13px}.activity-row{font-size:11px}}
.sidebar{position:sticky;top:0;height:calc(100dvh - 34px);align-self:start;overflow-y:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.activity-symbol svg{width:14px;height:14px}.notification-button>svg{width:20px;height:20px}
@media(max-width:960px){.sidebar,body[data-collapsed=true] .sidebar{position:fixed;height:100dvh}}
/* Keep operational information legible against pearl and white surfaces. */
.stat-top,.stat-foot,.progress-meta,.table-foot,.table-foot small,.data-table th,.mini-table th,.activity-row time,.kanban-card p,.kanban-card .card-bottom,.project-card>p,.form-note,.dialog-intro,.count-label,.image-caption{color:#777184}.demo-banner>span:last-child{color:#6e637e}.nav-heading{color:#777184}.app-footer{color:#777184}.panel-title p{color:#777184}.local-card p{color:#777184}.drop-empty{color:#81758e}.portal-preview-note{color:#66547c}
.tag{font-size:10px;color:#6b5a83}.tag.green{color:#376f5a}.tag.blue{color:#4e6c94}.tag.peach{color:#85613c}.tag.red{color:#914459}.tag.gray{color:#686a7b}.kanban-card select{color:#70617e}.stat-foot{font-size:10px;line-height:1.6}.notification-count{background:#76609f}
h1,h2,h3,p,dd,.kanban-card,.notification-row,.search-result{overflow-wrap:anywhere}
.mobile-brand{display:none}
.legend-row:nth-last-of-type(4) .dot{background:#cbbde6}.legend-row:nth-last-of-type(3) .dot{background:#aebce0}.legend-row:nth-last-of-type(2) .dot{background:#b9cfc7}.legend-row:nth-last-of-type(1) .dot{background:#e3cbb1}
@media(max-width:700px){.breadcrumb{font-size:0;gap:0}.breadcrumb>span{display:none}.breadcrumb>b{font-size:10px;max-width:100px;overflow:hidden;text-overflow:ellipsis}.tag{font-size:10px}.stat-foot{font-size:10px}}
@media(max-width:700px){.mobile-brand{display:flex;align-items:center;min-height:44px;font-size:13px;font-weight:750;letter-spacing:1.4px;color:#65587e}.breadcrumb{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}