@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#20202b;--muted:#8b8b99;--soft:#a4a4b0;--line:#ececf1;--surface:#fff;--canvas:#f8f8fb;--purple:#6f52df;--purple-dark:#5a3ec7;--purple-pale:#f0edff;--green:#2e9c73;--red:#c84c4c;--font-ui:"DM Sans", "Segoe UI", sans-serif;--font-display:"Manrope", "Segoe UI", sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#82829152 transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#82829147 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:#82829185}html,body{min-height:100%}body{color:var(--ink);background:var(--canvas);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.not-found-page{background:radial-gradient(ellipse at 75% 55%, #efecff 0, transparent 38%), var(--canvas);flex-direction:column;min-height:100vh;padding:28px clamp(20px,6vw,88px);display:flex}.not-found-brand{color:var(--ink);font-family:var(--font-display);letter-spacing:-.5px;align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.not-found-content{width:min(100%,560px);margin:auto;padding:70px 0;position:relative}.not-found-content .eyebrow{color:var(--purple);letter-spacing:1.4px;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.not-found-content h1{z-index:1;color:var(--ink);font-family:var(--font-display);letter-spacing:-2px;margin:20px 0 12px;font-size:clamp(32px,6vw,54px);font-weight:800;line-height:1.08;position:relative}.not-found-content>p:not(.eyebrow){z-index:1;max-width:430px;color:var(--muted);margin:0 0 26px;font-size:14px;line-height:1.7;position:relative}.not-found-content .button{z-index:1;position:relative}.not-found-code{color:#6f52df12;font-family:var(--font-display);letter-spacing:-20px;-webkit-user-select:none;user-select:none;font-size:clamp(140px,30vw,260px);font-weight:800;line-height:1;position:absolute;bottom:11px;right:-14px}.app-frame{min-height:100vh;display:flex}.sidebar{z-index:20;overscroll-behavior:contain;background:#fff;border-right:1px solid #eeedf3;flex-direction:column;width:252px;padding:24px 15px 14px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{align-items:center;gap:10px;min-height:46px;padding:0 8px;display:flex}.brand-mark,.login-brand-icon{color:#fff;background:linear-gradient(145deg,#8268ed,#6243d4);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 4px 10px #6f52df35}.brand strong{font-family:var(--font-display);letter-spacing:-.65px;font-size:16px;font-weight:800;display:block}.brand span{color:#a3a2af;letter-spacing:1.15px;margin-top:2px;font-size:8px;font-weight:700;display:block}.mobile-close{color:var(--muted);background:0 0;border:0;margin-left:auto;display:none}.workspace-chip{border:1px solid #eeeef2;border-radius:9px;align-items:center;gap:10px;margin:32px 1px 31px;padding:10px;display:flex}.workspace-chip>div:nth-child(2){flex:1;min-width:0}.workspace-avatar{color:#a57628;width:32px;height:32px;font-family:var(--font-display);background:#f3eddf;border-radius:8px;place-items:center;font-weight:800;display:grid}.workspace-chip b,.workspace-chip small{display:block}.workspace-chip b{font-size:12px;font-weight:700}.workspace-chip small{color:var(--muted);margin-top:3px;font-size:10px}.workspace-chip>svg{color:#a4a4ae}.nav-caption,.section-kicker{color:#a1a1ad;letter-spacing:1.35px;font-size:9px;font-weight:700}.nav-caption{margin:0 0 10px;padding-left:11px}.side-nav{flex:1 0 auto;gap:4px;display:grid}.nav-link{color:#737381;border-radius:7px;align-items:center;gap:12px;height:41px;padding:0 11px;font-size:12px;font-weight:600;transition:background .16s,color .16s;display:flex}.nav-link:hover{color:var(--purple);background:#f7f5ff}.nav-link.nav-active{color:var(--purple-dark);background:var(--purple-pale);font-weight:700}.nav-planned{cursor:default;color:#a4a4af}.nav-planned:hover{color:#a4a4af;background:0 0}.soon-tag{color:#9a9aa5;letter-spacing:.45px;background:#f4f4f6;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:7px;font-weight:700}.sidebar-bottom{flex:none;margin-top:auto}.help-card{background:#faf9ff;border:1px solid #f0edfc;border-radius:8px;align-items:center;gap:9px;margin:0 2px 12px;padding:11px;display:flex}.help-dot{background:#64be91;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e3f5eb}.help-card b,.help-card span{display:block}.help-card b{font-size:10px}.help-card span{color:var(--muted);margin-top:3px;font-size:9px}.profile-button{border:0;border-top:1px solid var(--line);text-align:left;color:#82828f;background:0 0;align-items:center;gap:9px;width:100%;padding:11px 8px 4px;display:flex}.profile-avatar{color:#684bcf;background:#eeeaff;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font-size:12px;font-weight:700;display:grid}.profile-info{flex:1;min-width:0}.profile-info b,.profile-info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profile-info b{color:var(--ink);font-size:11px}.profile-info span{color:var(--muted);margin-top:2px;font-size:9px}.profile-button>svg{color:#aaaab4}.heading-actions{align-items:center;gap:8px;display:flex}.table-panel-heading{border-bottom:1px solid #f0f0f4;padding:16px 18px}.record-count{color:#7c6bb5;font-family:var(--font-ui);vertical-align:2px;background:#f0edff;border-radius:5px;margin-left:5px;padding:2px 6px;font-size:9px}.table-subtext{color:#a0a0aa;text-overflow:ellipsis;white-space:nowrap;max-width:230px;margin-top:4px;font-size:9px;font-weight:400;display:block;overflow:hidden}.text-button{color:var(--purple);background:0 0;border:0;align-items:center;gap:4px;padding:4px 2px;font-size:10px;font-weight:700;display:inline-flex}.text-button:hover{color:var(--purple-dark)}.cycles-panel{margin-top:15px}.inline-select{color:#6d6d79;background:#fff;border:1px solid #e8e8ed;border-radius:5px;max-width:150px;min-height:28px;padding:0 7px;font-size:9px}.modal-wide{width:min(100%,700px)}.line-items-heading{color:#555561;justify-content:space-between;align-items:center;margin:4px 0 -3px;font-size:11px;display:flex}.contract-line,.invoice-line{grid-template-columns:minmax(110px,1.4fr) repeat(4,minmax(65px,.7fr)) minmax(62px,.6fr) 28px;gap:6px;display:grid}.contract-line input,.contract-line select,.invoice-line input,.invoice-line select{color:#62626f;background:#fff;border:1px solid #e6e6ec;border-radius:5px;width:100%;min-width:0;min-height:34px;padding:0 7px;font-size:9px}.line-items-scroll{gap:7px;width:100%;min-width:0;display:grid;overflow-x:hidden}.invoice-line{grid-template-columns:minmax(90px,.85fr) minmax(100px,1.2fr) minmax(50px,.5fr) minmax(60px,.55fr) minmax(70px,.65fr) minmax(55px,.5fr) 28px}.form-hint{color:#9696a1;margin:0;font-size:9px;line-height:1.5}.usage-form{max-height:65vh;overflow-y:auto}.usage-item{border-top:1px solid #efeff3;padding:11px 0}.usage-item-heading{color:#555561;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:10px;display:flex}.usage-item-heading span{color:#9a9aa5;text-align:right}.usage-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.usage-grid .form-field{gap:4px}.usage-grid .form-field span{font-size:9px}.usage-grid .form-field input{min-height:32px;padding:0 7px}.check-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.check-row label{color:#62626f;align-items:center;gap:6px;font-size:10px;display:flex}.check-row input{accent-color:var(--purple)}.payment-balance{color:#777783;background:#f8f6ff;border-radius:6px;justify-content:space-between;margin-bottom:2px;padding:11px 12px;font-size:10px;display:flex}.payment-balance b{color:#4c3b9d;font-size:12px}.expense-summary{grid-template-columns:repeat(2,1fr);max-width:520px;margin:0 0 15px}.data-table tfoot td{color:#3e3e49;background:#fcfcfd;border-top:1px solid #eeeef2;font-weight:700}.revenue-strip{color:#8d8d98;background:#fff;border:1px solid #edecf1;border-radius:7px;flex-wrap:wrap;align-items:center;gap:9px 18px;margin:-5px 0 16px;padding:11px 14px;font-size:9px;display:flex}.revenue-strip>span{margin-right:auto;font-size:9px}.revenue-strip b{color:#858591;font-weight:500}.revenue-strip i{color:#34343f;font-family:var(--font-display);margin-top:4px;font-size:12px;font-style:normal;font-weight:700;display:block}.pulse-item{border-bottom:1px solid #f0eff3;align-items:center;gap:12px;min-height:59px;display:flex}.pulse-value{color:#6650bd;width:35px;height:35px;font-family:var(--font-display);background:#f1eeff;border-radius:9px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.pulse-item b,.pulse-item small{display:block}.pulse-item b{font-size:10px}.pulse-item small{color:#9b9ba6;margin-top:4px;font-size:9px}.pulse-action{margin-top:14px}.media-panel{overflow:hidden}.toolbar-note{color:#858591;align-items:center;gap:7px;font-size:10px;display:flex}.media-filters{gap:8px;display:flex}.media-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding:16px;display:grid}.media-card{background:#fff;border:1px solid #eeedf2;border-radius:8px;position:relative;overflow:hidden}.media-preview{aspect-ratio:16/10;color:#8171bc;background:#f2f0f8;border:0;place-items:center;width:100%;padding:0;display:grid;position:relative;overflow:hidden}.media-preview img,.media-preview video{object-fit:cover;width:100%;height:100%}.media-play{color:#fff;background:#1b1829a8;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;display:grid;position:absolute;bottom:8px;right:9px}.media-file-icon{place-items:center;gap:5px;font-size:8px;font-weight:700;display:grid}.media-meta{gap:5px;min-width:0;padding:10px 10px 4px;display:grid}.media-meta b,.media-meta span,.media-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-meta b{color:#41414d;font-size:10px}.media-meta span,.media-meta small{color:#9a9aa5;font-size:8px}.media-actions{justify-content:flex-end;gap:5px;padding:5px 8px 8px;display:flex}.file-selected{color:#777783;font-size:9px}.preview-modal{width:min(100%,900px)}.preview-modal .modal-header h2{text-overflow:ellipsis;white-space:nowrap;max-width:700px;overflow:hidden}.preview-media,.preview-document{object-fit:contain;background:#16151b;width:100%;max-height:75vh;display:block}.preview-document{background:#fff;border:0;height:75vh}.main-column{width:calc(100% - 252px);min-height:100vh;margin-left:252px}.topbar{background:#fff;border-bottom:1px solid #efeff3;justify-content:space-between;align-items:center;height:64px;padding:0 42px;display:flex}.breadcrumbs{color:#a1a1ac;align-items:center;gap:11px;font-size:11px;display:flex}.breadcrumbs b{color:#4a4a58;font-weight:600}.crumb-slash{color:#d3d3da}.topbar-right{color:#9696a1;align-items:center;gap:8px;font-size:10px;display:flex}.online-indicator{background:#63ba8d;border-radius:50%;width:6px;height:6px}.settings-button,.mobile-menu{color:#858592;background:0 0;border:0;place-items:center;display:grid}.settings-button,.theme-toggle{color:#858592;background:0 0;border:0;border-radius:6px;width:30px;height:30px;margin-left:4px;padding:5px}.settings-button:hover,.theme-toggle:hover{color:var(--purple);background:var(--purple-pale)}.mobile-menu{display:none}.page-content{width:min(100%,1500px);margin:0 auto;padding:43px 42px 25px}.welcome-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px;display:flex}.eyebrow{color:#a1a0ad;letter-spacing:1.1px;align-items:center;gap:8px;margin-bottom:12px;font-size:9px;font-weight:700;display:flex}.eyebrow-line{background:#9a84e8;width:15px;height:1px}h1,h2,h3,p{margin-top:0}.welcome-row h1{font-family:var(--font-display);letter-spacing:-1.35px;margin-bottom:8px;font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.24}.welcome-row h1 span{color:var(--purple)}.welcome-row p{color:#92929e;margin-bottom:0;font-size:12px}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-size:11px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.button:disabled{opacity:.65;cursor:wait}.button-primary{color:#fff;background:var(--purple);box-shadow:0 3px 7px #6f52df22}.button-primary:hover:not(:disabled){background:var(--purple-dark);transform:translateY(-1px)}.button-secondary{color:#5e4ab0;background:#fff;border-color:#e6e1fa}.button-secondary:hover{background:#f8f6ff}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px;display:grid}.stat-card,.panel{background:var(--surface);border:1px solid #edecf1;border-radius:9px;box-shadow:0 2px 6px #28204c05}.stat-card{min-height:128px;padding:15px 16px 13px}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-label{color:#83838f;font-size:10px;font-weight:600}.stat-icon{border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.stat-icon.violet{color:#765ae1;background:#f0edff}.stat-icon.blue{color:#5b86d6;background:#edf4ff}.stat-icon.orange{color:#d18a44;background:#fff4e8}.stat-icon.green{color:#3a9d77;background:#eaf8f1}.stat-value{font-family:var(--font-display);letter-spacing:-1px;margin-top:8px;font-size:26px;font-weight:700}.stat-foot{color:#a0a0aa;justify-content:space-between;align-items:center;gap:6px;margin-top:5px;font-size:9px;display:flex}.stat-neutral{color:#4b9e78;align-items:center;gap:3px;font-weight:600;display:inline-flex}.muted-stat .stat-value{color:#c6c6ce}.status-pill{text-transform:capitalize;border-radius:4px;align-items:center;padding:4px 7px;font-size:8px;font-weight:700;display:inline-flex}.status-planned{color:#92919d;background:#f3f3f6}.status-active{color:#338666;background:#eaf7f0}.status-lead{color:#9567cf;background:#f3edfb}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr);gap:15px;display:grid}.panel{min-width:0;padding:19px 19px 16px}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading .section-kicker{margin-bottom:6px}.panel-heading h2{font-family:var(--font-display);letter-spacing:-.35px;margin:0;font-size:15px;font-weight:700}.text-link{color:var(--purple);align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.client-list{margin-top:12px}.client-row{border-top:1px solid #f2f1f5;align-items:center;gap:10px;min-height:59px;display:flex}.client-mark{color:#7053d8;width:31px;height:31px;font-family:var(--font-display);background:#f0edfb;border-radius:8px;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.client-row-main{flex:1;min-width:0}.client-row-main b,.client-row-main span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.client-row-main b{font-size:11px;font-weight:600}.client-row-main span{color:#a2a2ad;margin-top:4px;font-size:9px}.row-arrow{color:#b7b7c1}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:24px 15px 15px;display:flex}.empty-icon{color:#775be0;background:#f1eeff;border-radius:11px;place-items:center;width:39px;height:39px;margin-bottom:11px;display:grid}.empty-state h3{font-family:var(--font-display);margin-bottom:6px;font-size:13px}.empty-state p{color:#9999a4;max-width:260px;margin-bottom:14px;font-size:10px;line-height:1.6}.setup-intro{color:#9999a4;margin:11px 0 13px;font-size:10px}.progress-count{color:var(--purple);font-size:12px;font-weight:700}.progress-count i{color:#bdbbc8;font-style:normal}.setup-progress{background:#eeedf3;border-radius:10px;height:4px;margin-bottom:5px;overflow:hidden}.setup-progress span{border-radius:inherit;background:#8065e2;width:20%;height:100%;display:block}.setup-step{border-top:1px solid #f2f1f5;align-items:center;gap:10px;min-height:55px;display:flex}.step-check,.step-number{border-radius:50%;flex:none;place-items:center;width:21px;height:21px;display:grid}.step-check{color:#398b69;background:#eaf7f0;font-size:11px;font-weight:700}.step-number{color:#8e8d99;background:#f2f1f5;font-size:9px;font-weight:700}.setup-step>span:nth-child(2){flex:1;min-width:0}.setup-step b,.setup-step small{display:block}.setup-step b{font-size:10px;font-weight:600}.setup-step small{color:#a1a1ac;margin-top:4px;font-size:9px}.setup-step>svg,.setup-step>a{color:#aaaab4}.setup-step a{place-items:center;display:grid}.step-disabled{color:#9f9faa}.step-lock{color:#aaaab4;font-size:9px}.page-footer{color:#aaaab4;justify-content:space-between;padding:27px 2px 0;font-size:9px;display:flex}.page-footer i{color:#cbcbd2;padding:0 4px;font-style:normal}.inline-error,.form-error{color:#a34040;background:#fff2f1;border:1px solid #f5d6d3;border-radius:6px;padding:10px 12px;font-size:11px}.table-loading{color:#9999a4;justify-content:center;align-items:center;gap:8px;min-height:180px;font-size:11px;display:flex}.spinner{border:2px solid #e6e1f7;border-top-color:var(--purple);border-radius:50%;width:15px;height:15px;animation:.75s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-loading{color:#9696a1;justify-content:center;align-items:center;gap:10px;height:100vh;font-size:12px;display:flex}.scrim{display:none}.content-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:21px;display:flex}.content-heading h1{font-family:var(--font-display);letter-spacing:-1px;margin:8px 0 5px;font-size:27px}.content-heading p{color:#92929e;margin:0;font-size:11px}.content-heading .eyebrow{margin-bottom:7px}.list-panel{padding:0;overflow:hidden}.list-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 17px;display:flex}.search-box{color:#a1a1ac;border:1px solid #e9e9ee;border-radius:6px;align-items:center;gap:8px;width:min(100%,300px);height:35px;padding:0 10px;display:flex}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.search-box input::placeholder{color:#aaaab3}.filter-select,.form-field input,.form-field select,.form-field textarea{color:#555562;background:#fff;border:1px solid #e6e6ec;border-radius:6px;outline:none;width:100%;min-height:36px;padding:0 10px;font-size:11px}.filter-select{width:auto;min-width:115px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.search-box:focus-within{border-color:#aa99ef;box-shadow:0 0 0 3px #f3f0ff}.table-scroll{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{color:#9b9ba6;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;background:#fcfcfd;border-bottom:1px solid #f0f0f4;padding:11px 17px;font-size:8px;font-weight:700}.data-table td{color:#696976;white-space:nowrap;border-bottom:1px solid #f3f3f6;padding:12px 17px;font-size:10px}.data-table tr:last-child td{border-bottom:0}.data-table td:first-child{color:#33333e;font-weight:600}.table-client{align-items:center;gap:9px;display:flex}.table-client .client-mark{width:28px;height:28px}.table-actions{justify-content:flex-end;gap:5px;display:flex}.icon-button{color:#8c8c98;background:#fff;border:1px solid #ececf1;border-radius:5px;place-items:center;width:29px;height:29px;display:grid}.icon-button:hover{color:var(--purple);background:#f9f7ff}.pagination{border-top:1px solid var(--line);color:#9999a4;justify-content:space-between;align-items:center;gap:12px;padding:12px 17px;font-size:10px;display:flex}.pagination-controls{gap:5px;display:flex}.pagination-controls button{color:#777783;background:#fff;border:1px solid #e9e9ee;border-radius:5px;min-width:29px;height:28px;padding:0 7px;font-size:10px}.pagination-controls button:disabled{opacity:.42;cursor:not-allowed}.table-empty{color:#9999a4;text-align:center;padding:48px 20px;font-size:11px}.modal-backdrop{z-index:50;background:#17152175;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:11px;width:min(100%,480px);min-width:0;max-width:100%;max-height:min(90vh,700px);overflow:hidden auto;box-shadow:0 20px 70px #17152135}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:15px;padding:19px 21px 14px;display:flex}.modal-header h2{font-family:var(--font-display);letter-spacing:-.4px;margin:4px 0 0;font-size:17px}.modal-close{color:#888894;background:#f8f8fa;border:0;border-radius:5px;place-items:center;width:29px;height:29px;display:grid}.modal-form{gap:13px;min-width:0;padding:17px 21px 21px;display:grid}.modal-form>*,.modal-form .form-grid>*,.modal input,.modal select,.modal textarea{min-width:0;max-width:100%}.form-field{gap:6px;display:grid}.form-field>span{color:#60606c;font-size:10px;font-weight:600}.form-field textarea{resize:vertical;min-height:74px;padding:9px 10px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.confirm-copy{color:#777783;padding:18px 21px 6px;font-size:11px;line-height:1.6}.button-danger{color:#fff;background:#bd4d4d}.login-page{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-decoration{background:#f6f4fb;align-items:flex-end;min-height:100vh;padding:8.5%;display:flex;position:relative;overflow:hidden}.login-decoration:before{content:"";background:radial-gradient(at 68% 28%,#eee9ff 0,#0000 53%),linear-gradient(150deg,#f8f6fe 0%,#f0edf8 100%);position:absolute;inset:0}.decor-orbit{border:1px solid #dcd5f080;border-radius:50%;position:absolute}.orbit-one{aspect-ratio:1;width:min(75vw,750px);top:-4%;left:13%}.orbit-two{aspect-ratio:1;border-color:#ddd6ed70;width:min(59vw,590px);top:5%;left:23%}.decor-dot{background:#8c72e5;border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 0 7px #8c72e51c}.dot-one{top:23%;left:25%}.dot-two{background:#c28f55;width:6px;height:6px;top:40%;right:21%;box-shadow:0 0 0 6px #c28f551a}.login-quote{z-index:1;margin:0 0 4%;position:relative}.login-quote>span{color:#8971df;font-family:Georgia,serif;font-size:75px;line-height:.65}.login-quote p{color:#35323e;font-family:var(--font-display);letter-spacing:-1.7px;margin:12px 0 19px;font-size:clamp(27px,3.2vw,43px);font-weight:600;line-height:1.16}.login-quote small{color:#9b96a8;letter-spacing:1.5px;font-size:9px;font-weight:700}.login-side{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.login-card{width:min(100%,365px)}.login-brand{align-items:center;gap:10px;margin-bottom:55px;display:flex}.login-brand b{font-family:var(--font-display);letter-spacing:-.6px;font-size:16px;font-weight:800}.login-heading .section-kicker{color:#8c72df}.login-heading h1{font-family:var(--font-display);letter-spacing:-1.2px;margin:12px 0 9px;font-size:29px;line-height:1.25}.login-heading h1 span{color:#7a61dc}.login-heading p{color:#9797a2;margin-bottom:27px;font-size:11px}.login-form{gap:8px;display:grid}.login-form label{color:#555561;margin-top:5px;font-size:10px;font-weight:600}.login-form>input,.password-input input{width:100%;height:39px;color:var(--ink);border:1px solid #e6e6ec;border-radius:6px;outline:none;padding:0 11px;font-size:11px}.login-form>input:focus,.password-input:focus-within{border-color:#aa99ef;box-shadow:0 0 0 3px #f3f0ff}.login-form input::placeholder{color:#b2b2bc}.password-label{justify-content:space-between;align-items:center;margin-top:9px;display:flex}.password-input{border:1px solid #e6e6ec;border-radius:6px;align-items:center;display:flex}.password-input:focus-within{border-color:#aa99ef}.password-input input{border:0}.password-input button{color:#9a9aa5;background:0 0;border:0;place-items:center;padding:8px 10px;display:grid}.login-submit{width:100%;height:41px;margin-top:10px}.login-submit svg{margin-left:auto}.login-submit{position:relative}.login-submit>svg{position:absolute;right:13px}.login-support{color:#a1a1ac;text-align:center;border-top:1px solid #eeeef2;flex-direction:column;gap:7px;margin-top:21px;padding-top:15px;font-size:9px;display:flex}.login-copyright{color:#aaaab4;margin-top:auto;padding-top:50px;font-size:9px}.login-copyright span{color:#d2d2d8;padding:0 4px}.roles-panel,.calendar-panel,.financial-report{margin-top:15px}.role-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px;display:grid}.settings-panel{max-width:620px}.settings-panel .panel-heading h2{align-items:center;gap:7px;display:flex}.settings-form{max-width:460px}.form-success{color:#267b59;background:#e9f7f0;border-radius:5px;padding:8px 9px;font-size:9px}.workflow-modal{max-height:90vh;overflow-y:auto}.workflow-content{gap:16px;display:grid}.workflow-section{border-top:1px solid #efeff3;padding-top:12px}.workflow-section h3{font-family:var(--font-display);margin:0 0 9px;font-size:12px}.workflow-form,.review-form{flex-wrap:wrap;align-items:flex-end;gap:7px;display:flex}.workflow-form>input,.workflow-form>select,.review-form>input,.review-form>select{color:#646470;border:1px solid #e6e6ec;border-radius:5px;flex:1;min-width:100px;min-height:34px;padding:0 8px;font-size:9px}.workflow-form .form-field{flex:1;gap:4px;min-width:135px}.workflow-form .form-field span{font-size:8px}.workflow-form .form-field input{min-height:34px}.workflow-form .button,.review-form .button{white-space:nowrap;min-height:33px}.review-form{border-top:1px dashed #ededf1;margin-top:10px;padding-top:10px}.workflow-records{gap:6px;margin-top:9px;display:grid}.workflow-records article{background:#fafafd;border-radius:5px;justify-content:space-between;align-items:center;gap:9px;padding:8px 9px;display:flex}.workflow-records article>span{min-width:0}.workflow-records b,.workflow-records small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.workflow-records b{font-size:9px}.workflow-records small{color:#92929e;margin-top:3px;font-size:8px}.workflow-empty,.workflow-history{color:#94949f;font-size:9px}.workflow-history{background:#fafafd;border-radius:4px;margin:7px 0 0;padding:6px 8px}.role-card{border:1px solid #efeff3;border-radius:7px;min-width:0;padding:12px}.role-card>div{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.role-card b{font-size:11px}.role-card span{color:#9999a4;text-align:right;font-size:8px}.role-card small{color:#92929e;overflow-wrap:anywhere;margin-top:8px;font-size:8px;line-height:1.7;display:block}.role-label{color:#6f52df;align-items:center;gap:5px;font-size:10px;font-weight:600;display:inline-flex}.status-inactive{color:#85858f;background:#f0f0f3}.permission-fieldset{border:1px solid #ececf1;border-radius:6px;margin:0;padding:10px}.permission-fieldset legend{color:#656571;padding:0 5px;font-size:10px;font-weight:700}.permission-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;max-height:230px;display:grid;overflow-y:auto}.permission-grid label{color:#6e6e79;align-items:center;gap:7px;font-size:9px;display:flex}.permission-grid input{accent-color:var(--purple)}.calendar-controls{align-items:center;gap:8px;display:flex}.calendar-controls strong{color:#555561;text-align:center;min-width:123px;font-size:11px}.calendar-agenda{gap:20px;display:grid}.calendar-day h2{color:#777783;border-bottom:1px solid #efeff3;margin:0 0 8px;padding-bottom:7px;font-size:10px;font-weight:700}.calendar-event-list{gap:7px;display:grid}.calendar-event{border:1px solid #f0eff4;border-radius:6px;align-items:center;gap:10px;min-height:45px;padding:8px 10px;display:flex}.calendar-event-dot{background:#8067dc;border-radius:50%;flex:none;width:7px;height:7px}.calendar-event-invoice_due .calendar-event-dot{background:#db8550}.calendar-event-contract_renewal .calendar-event-dot{background:#52a47c}.calendar-event-copy{flex:1;min-width:0}.calendar-event-copy b,.calendar-event-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.calendar-event-copy b{font-size:10px}.calendar-event-copy span{color:#9797a2;margin-top:3px;font-size:8px}.calendar-event>strong{color:#4e3ba1;font-size:10px}.calendar-event>small{color:#92929e;align-items:center;gap:4px;font-size:8px;display:inline-flex}.report-filter{align-items:flex-end;gap:10px;margin-bottom:13px;padding:13px;display:flex}.report-filter .form-field{gap:4px;width:min(190px,100%)}.report-filter .form-field span{font-size:9px}.report-filter .form-field input{min-height:34px;padding:0 8px}.analytics-summary{margin-bottom:14px}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.analytics-grid>.panel{min-width:0}.report-bars{gap:11px;margin-top:8px;display:grid}.report-bar-row{grid-template-columns:minmax(78px,.7fr) minmax(50px,1fr) auto auto;align-items:center;gap:8px;display:grid}.report-bar-row>span{color:#767681;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;font-size:9px;overflow:hidden}.report-bar-row>div{background:#f0eef6;border-radius:5px;height:6px;overflow:hidden}.report-bar-row i{border-radius:inherit;background:linear-gradient(90deg,#927bea,#6549d4);height:100%;display:block}.report-bar-row>b{color:#454550;font-size:9px}.report-bar-row>small{color:#a0a0aa;white-space:nowrap;font-size:8px}.report-empty{color:#9999a4;margin:15px 0 3px;font-size:10px}.financial-report .panel-heading{align-items:flex-start;gap:12px}.financial-report .heading-actions{flex-wrap:wrap;justify-content:flex-end}.report-export-actions{flex-wrap:wrap;gap:6px;display:flex}.chart-legend{color:#767681;text-transform:capitalize;flex-wrap:wrap;gap:12px;margin:4px 0 8px;font-size:9px;display:flex}.chart-legend span{align-items:center;gap:5px;display:inline-flex}.chart-legend i{border-radius:2px;width:8px;height:8px}.monthly-chart-scroll{overflow-x:auto}.monthly-chart{color:#92929e;width:100%;min-width:520px;height:170px;display:block}.monthly-chart text{fill:currentColor;font-size:8px}.export-panel{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.export-panel>div{color:#6f52df;align-items:center;gap:9px;display:flex}.export-panel b,.export-panel small{display:block}.export-panel b{color:#3e3e49;font-size:10px}.export-panel small{color:#9999a4;margin-top:3px;font-size:8px}@media (min-width:1500px){.page-content{padding-left:54px;padding-right:54px}}@media (max-width:1100px){.sidebar{width:225px}.main-column{width:calc(100% - 225px);margin-left:225px}.topbar{padding:0 27px}.page-content{padding:35px 27px 22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:760px){.sidebar{width:270px;box-shadow:none;transition:transform .2s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0);box-shadow:10px 0 30px #1d18331a}.mobile-close{place-items:center;display:grid}.scrim{z-index:19;background:#17152160;border:0;display:block;position:fixed;inset:0}.main-column{width:100%;margin-left:0}.topbar{justify-content:flex-start;gap:12px;height:57px;padding:0 16px}.mobile-menu{padding:5px;display:grid}.topbar-right{margin-left:auto;font-size:0}.topbar-right .online-indicator{margin-right:5px}.settings-button{margin-left:2px}.page-content{padding:29px 17px 22px}.welcome-row{flex-direction:column;align-items:flex-start;margin-bottom:20px}.welcome-row h1{font-size:26px}.stats-grid{gap:9px}.stat-card{min-height:118px;padding:12px}.stat-foot{flex-direction:column;align-items:flex-start}.panel{padding:16px 13px 13px}.dashboard-grid{gap:11px}.heading-actions{width:100%}.heading-actions .button{flex:1;padding:0 8px}.modal-backdrop{place-items:center;padding:12px}.modal{border-radius:9px;max-height:calc(100dvh - 24px)}.modal-header{padding:15px 15px 12px}.modal-form{padding:14px 15px 17px}.modal-form .form-grid{grid-template-columns:minmax(0,1fr)}.contract-line,.invoice-line{grid-template-columns:minmax(0,1fr);min-width:0}.contract-line>*,.invoice-line>*{min-width:0}.contract-line .icon-button,.invoice-line .icon-button{justify-self:start}.modal-actions{flex-wrap:wrap}.modal-actions .button{min-width:100px}.media-filters{width:100%}.media-filters .filter-select{flex:1;min-width:0}.media-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:9px;padding:10px}.page-footer{flex-direction:column;gap:8px}.analytics-grid{grid-template-columns:1fr}.financial-report .panel-heading{flex-direction:column}.financial-report .heading-actions{justify-content:flex-start}.workflow-form,.review-form{flex-direction:column;align-items:stretch}.workflow-form>input,.workflow-form>select,.review-form>input,.review-form>select{width:100%}.calendar-controls{justify-content:space-between;width:100%}.report-filter{flex-wrap:wrap;align-items:stretch}.report-filter .form-field{flex:1}.login-page{grid-template-columns:1fr}.login-decoration{display:none}.login-side{min-height:100vh;padding:30px 24px}.login-brand{margin-bottom:45px}.login-copyright{padding-top:42px}}@media (max-width:480px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-label{max-width:100px;line-height:1.35}.stat-icon{width:27px;height:27px}.stat-icon svg{width:16px}.stat-foot{font-size:8px}.content-heading{flex-direction:column;align-items:flex-start}.list-toolbar{flex-direction:column;align-items:stretch}.search-box,.filter-select{width:100%}.form-grid{grid-template-columns:1fr}.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pagination{flex-direction:column;align-items:flex-start}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e8e8f0;--muted:#a4a5b3;--soft:#9293a2;--line:#343643;--surface:#20222c;--canvas:#171922;--purple:#a18cf4;--purple-dark:#c1b4ff;--purple-pale:#302a48}:root[data-theme=dark] body,:root[data-theme=dark] .app-frame{color:var(--ink);background:var(--canvas)}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .topbar,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .panel,:root[data-theme=dark] .modal,:root[data-theme=dark] .media-card,:root[data-theme=dark] .revenue-strip,:root[data-theme=dark] .workspace-chip,:root[data-theme=dark] .calendar-event,:root[data-theme=dark] .role-card,:root[data-theme=dark] .export-panel{color:var(--ink);background-color:var(--surface);border-color:var(--line)}:root[data-theme=dark] .help-card,:root[data-theme=dark] .workflow-records article,:root[data-theme=dark] .workflow-history,:root[data-theme=dark] .calendar-day h2,:root[data-theme=dark] .data-table th{border-color:var(--line);background-color:#262833}:root[data-theme=dark] .brand span,:root[data-theme=dark] .workspace-chip small,:root[data-theme=dark] .workspace-chip>svg,:root[data-theme=dark] .nav-caption,:root[data-theme=dark] .section-kicker,:root[data-theme=dark] .profile-info span,:root[data-theme=dark] .profile-button,:root[data-theme=dark] .topbar-right,:root[data-theme=dark] .content-heading p,:root[data-theme=dark] .stat-label,:root[data-theme=dark] .stat-foot,:root[data-theme=dark] .table-subtext,:root[data-theme=dark] .data-table th,:root[data-theme=dark] .data-table td,:root[data-theme=dark] .form-field>span,:root[data-theme=dark] .form-hint,:root[data-theme=dark] .role-card small,:root[data-theme=dark] .role-card span,:root[data-theme=dark] .calendar-day h2,:root[data-theme=dark] .calendar-event-copy span,:root[data-theme=dark] .report-bar-row>span,:root[data-theme=dark] .report-empty,:root[data-theme=dark] .workflow-records small,:root[data-theme=dark] .workflow-history,:root[data-theme=dark] .workflow-empty{color:#aeb0bf}:root[data-theme=dark] .content-heading h1,:root[data-theme=dark] .panel-heading h2,:root[data-theme=dark] .modal-header h2,:root[data-theme=dark] .stat-value,:root[data-theme=dark] .data-table td:first-child,:root[data-theme=dark] .role-card b,:root[data-theme=dark] .calendar-event-copy b,:root[data-theme=dark] .workflow-records b{color:var(--ink)}:root[data-theme=dark] .nav-link{color:#b6b7c4}:root[data-theme=dark] .nav-link:hover{color:#c1b4ff;background:#2b2939}:root[data-theme=dark] .nav-link.nav-active{color:#d3caff;background:var(--purple-pale)}:root[data-theme=dark] .profile-button{border-top-color:var(--line)}:root[data-theme=dark] .form-field input,:root[data-theme=dark] .form-field select,:root[data-theme=dark] .form-field textarea,:root[data-theme=dark] .filter-select,:root[data-theme=dark] .search-box,:root[data-theme=dark] .inline-select,:root[data-theme=dark] .contract-line input,:root[data-theme=dark] .contract-line select,:root[data-theme=dark] .invoice-line input,:root[data-theme=dark] .invoice-line select,:root[data-theme=dark] .workflow-form>input,:root[data-theme=dark] .workflow-form>select,:root[data-theme=dark] .review-form>input,:root[data-theme=dark] .review-form>select{color:var(--ink);background-color:#191b24;border-color:#414452}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#858796}:root[data-theme=dark] .data-table th,:root[data-theme=dark] .data-table td,:root[data-theme=dark] .table-panel-heading,:root[data-theme=dark] .panel-heading,:root[data-theme=dark] .pagination,:root[data-theme=dark] .workflow-section,:root[data-theme=dark] .line-items-heading{border-color:var(--line)}:root[data-theme=dark] .data-table th{color:#aeb0bf}:root[data-theme=dark] .data-table tfoot td{color:var(--ink);background:#262833}:root[data-theme=dark] .button-secondary,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .pagination-controls button,:root[data-theme=dark] .modal-close{color:#c5baff;background-color:#292637;border-color:#48415f}:root[data-theme=dark] .button-secondary:hover,:root[data-theme=dark] .icon-button:hover,:root[data-theme=dark] .pagination-controls button:hover{background-color:#353047}:root[data-theme=dark] .status-inactive,:root[data-theme=dark] .soon-tag{color:#b5b6c3;background:#30323d}:root[data-theme=dark] .permission-fieldset{border-color:var(--line)}:root[data-theme=dark] .permission-fieldset legend,:root[data-theme=dark] .permission-grid label{color:#c4c5d0}:root[data-theme=dark] .report-bar-row>div{background:#343543}:root[data-theme=dark] .payment-balance{color:#c0b9dc;background:#2a2738}:root[data-theme=dark] .payment-balance b{color:#d7ceff}:root[data-theme=dark] .text-button{color:#b9aaff}:root[data-theme=dark] .theme-toggle{color:#f0c86c}:root[data-theme=dark] .settings-button{color:#c0c1ce}:root[data-theme=dark] .settings-button:hover,:root[data-theme=dark] .theme-toggle:hover{color:#e0d9ff;background:#353047}:root[data-theme=dark] .modal-backdrop{background:#090a0fbd}