:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#263345;background:#f5f8fc}*{box-sizing:border-box}body{margin:0}.workspace{min-height:100vh;padding:50px 0 0 200px}.app-header{height:50px;position:fixed;inset:0 0 auto;z-index:10;background:#176bc4;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.header-brand,.header-actions,.toolbar-actions{display:flex;align-items:center;gap:12px}.brand-mark,.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#176bc4;font-size:12px;font-weight:800}.header-divider{height:18px;border-left:1px solid #ffffff69}.trial{background:#2884dd;border-radius:7px;padding:7px 11px;font-size:13px}.header-icon{border:0;background:transparent;color:#fff}.workspace-nav{position:fixed;top:50px;bottom:0;left:0;width:200px;background:#1975d0;color:#fff;padding:12px 10px}.workspace-name{font-weight:700;padding:10px 12px 18px;display:flex;justify-content:space-between}.workspace-nav nav{display:grid;gap:3px}.workspace-nav a,.nav-footer button{color:#fff;text-decoration:none;border:0;background:transparent;padding:11px 12px;border-radius:7px;display:flex;gap:11px;align-items:center;text-align:left;font:inherit;font-size:14px}.workspace-nav a.active,.workspace-nav a:hover,.nav-footer button:hover{background:#1263b8}.nav-footer{border-top:1px solid #ffffff2b;margin:18px -10px 0;padding:15px 10px}.nav-section{font-size:10px;font-weight:800;letter-spacing:.08em;color:#bdddff;padding:0 12px 8px}.workspace-main{padding:28px 32px;max-width:1700px;margin:auto}.page-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-toolbar h1{font-size:23px;margin:0}.page-toolbar p,.record-heading p{margin:5px 0 0;color:#758195;font-size:14px}.toolbar-btn,.primary-btn{border:1px solid #dbe3ed;background:#fff;color:#526176;border-radius:8px;padding:10px 12px;display:flex;gap:7px;align-items:center;font-weight:650}.primary-btn{background:#258de7;color:#fff;border-color:#258de7}.notice{padding:12px;background:#fff3d0;border-radius:8px;margin-bottom:14px}.search-row{height:48px;display:flex;gap:9px;align-items:center;background:#fff;border:1px solid #e4eaf1;border-radius:8px;padding:0 15px;margin-bottom:18px;color:#8490a0;max-width:380px}.search-row input{border:0;outline:0;width:100%;font:inherit}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat-card,.dash-panel,.record-panel{background:#fff;border:1px solid #dfe6ee;border-radius:12px}.stat-card{display:flex;gap:12px;align-items:center;padding:18px}.stat-card span:not(.stat-icon){display:block;font-size:13px;color:#758195}.stat-card strong{font-size:21px;display:block;margin-top:4px}.stat-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.blue{color:#287be0;background:#e8f2ff}.purple{color:#7d57df;background:#f0ebff}.green{color:#16a06c;background:#e4f8f0}.orange{color:#e88a27;background:#fff1df}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dash-panel{min-height:285px;overflow:hidden}.dash-panel.wide{grid-column:1/-1;min-height:220px}.dash-panel header{display:flex;justify-content:space-between;border-bottom:1px solid #e7edf3;padding:16px 18px}.dash-panel header b,.dash-panel header small{display:block}.dash-panel header small{font-size:13px;color:#7d8999;margin-top:4px}.dash-panel header button{border:0;background:transparent;color:#758195}.pipeline{padding:19px}.pipeline-row{display:grid;grid-template-columns:96px 1fr 30px;align-items:center;gap:10px;margin:20px 0;font-size:13px}.pipeline-row>div{height:10px;background:#eef2f7;border-radius:20px;overflow:hidden}.pipeline-row i{display:block;height:100%;background:#5a8ce0;border-radius:20px}.payment-donut{width:166px;height:166px;border-radius:50%;margin:20px auto;background:conic-gradient(#59b8c4 0,#59b8c4 44%,#ff8848 44%,#ff8848 73%,#5b86da 73%,#5b86da);display:grid;place-items:center}.payment-donut>div{width:102px;height:102px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center}.payment-donut strong{font-size:14px}.payment-donut span{font-size:10px;color:#7d8999}.payment-key{display:flex;justify-content:center;gap:22px;font-size:13px}.payment-key i{width:9px;height:9px;display:inline-block;border-radius:50%;margin-right:4px}.paid{background:#59b8c4}.due{background:#ff8848}.task-list>div{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #edf1f5}.task-check{width:18px;height:18px;border:2px solid #b9c6d5;border-radius:5px}.task-list p{flex:1;margin:0}.task-list b,.task-list small{display:block}.task-list small{color:#7d8999;margin-top:3px}.status-pill{background:#edf5ff;color:#3979bd;border-radius:99px;padding:4px 8px;font-size:12px;text-transform:capitalize}.record-panel{padding:22px}.record-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.record-heading h2{margin:0}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #edf1f5;padding:18px 0}.form label{display:grid;gap:6px;font-size:13px;font-weight:600}.form input,.form select{border:1px solid #d8e1eb;border-radius:7px;padding:10px;font:inherit}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:13px;border-bottom:1px solid #edf1f5;white-space:nowrap}th{font-size:12px;color:#7a8798;text-transform:uppercase}.empty-state{padding:45px 15px;text-align:center;color:#758195}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#e6f1ff,#f7f9fc)}.auth-card{width:min(100%,420px);display:grid;gap:16px;background:#fff;border:1px solid #dce7de;border-radius:14px;padding:32px;box-shadow:0 18px 45px #173b3218}.auth-card h1{margin:4px 0 0;font-size:24px}.auth-card p{margin:0;line-height:1.5}.auth-brand{background:#176bc4;color:#eef7ef;border-radius:9px;margin:-8px -8px 6px;padding:16px}.auth-submit{margin-top:4px}.auth-error{color:#b33b25;background:#fff0ed;padding:10px;border-radius:7px;font-size:14px}.btn:disabled{opacity:.65;cursor:wait}@media(max-width:900px){.workspace{padding-left:0}.workspace-nav{display:none}.workspace-main{padding:22px 16px}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dash-panel.wide{grid-column:auto}.page-toolbar{align-items:flex-start;gap:14px;flex-direction:column}.toolbar-actions{flex-wrap:wrap}}@media(max-width:560px){.stats{grid-template-columns:1fr}.app-header{padding:0 12px}.trial{display:none}.workspace-main{padding:18px 12px}.toolbar-btn{display:none}.form{grid-template-columns:1fr}}.task-board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:14px;overflow:auto;padding-bottom:4px}.task-board>section{min-height:270px;background:#f3f6fa;border-radius:10px;padding:10px}.task-board>section>header{display:flex;justify-content:space-between;text-transform:capitalize;font-size:13px;padding:4px 4px 10px}.task-board>section>header span{background:#dfe7f1;color:#607086;border-radius:99px;padding:2px 7px}.task-card{display:grid;gap:8px;background:#fff;border:1px solid #dfe6ee;border-left:4px solid #5b86da;border-radius:8px;padding:12px;margin-bottom:10px;box-shadow:0 2px 5px #1e2d4010}.priority-urgent{border-left-color:#ef6d61}.priority-medium{border-left-color:#e9a23d}.task-card b{font-size:14px}.task-card small{font-size:12px;color:#738196;line-height:1.35}.task-card footer{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;color:#7a8798}.task-card select{max-width:100px;border:0;background:#f1f5f9;color:#53657a;border-radius:5px;padding:4px;font-size:11px}.task-priority{text-transform:uppercase;color:#7b8999;font-size:10px;font-weight:800;letter-spacing:.05em}.task-form{margin-bottom:20px}@media(max-width:700px){.task-board{grid-template-columns:repeat(5,240px)}}.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 20px}.payment-summary>div{background:#f5f8fc;border:1px solid #e1e8f0;border-radius:9px;padding:14px}.payment-summary span,.payment-summary strong{display:block}.payment-summary span{color:#718096;font-size:12px}.payment-summary strong{margin-top:5px;font-size:19px}.payment-form{border:1px solid #e5ebf1;border-radius:10px;padding:16px;margin-bottom:20px}.form-wide{grid-column:1/-1}@media(max-width:560px){.payment-summary{grid-template-columns:1fr}.form-wide{grid-column:auto}}