:root{--bg:#050914;--panel:#0b1323;--panel2:#0e192c;--line:#1d3150;--text:#edf7ff;--muted:#8293ad;--cyan:#19d8ff;--blue:#2783ff;--green:#2bd67b;--orange:#ffad3d;--red:#ff5f66;--purple:#a67cff;--shadow:0 22px 70px rgba(0,25,72,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:25px 18px 20px;background:linear-gradient(180deg,#07101f,#06101b);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:5px 8px 18px;font-size:17px;font-weight:800}.brand img{width:43px;height:24px;object-fit:contain}.private-label{font-size:9px;letter-spacing:1.6px;color:#4f6a8d;padding:0 10px 18px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{padding:11px 12px;border-radius:9px;color:#9eb0c8;display:flex;align-items:center;gap:12px;font-weight:650;transition:.2s}.sidebar nav a i{width:20px;text-align:center;font-style:normal;color:#5f82aa}.sidebar nav a:hover,.sidebar nav a.active{background:linear-gradient(90deg,rgba(32,125,255,.22),rgba(23,217,255,.07));color:#fff;box-shadow:inset 2px 0 var(--cyan)}.sidebar nav a.active i{color:var(--cyan)}.system-state{margin-top:auto;border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;gap:10px;align-items:center}.system-state>span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.system-state b,.system-state small{display:block}.system-state b{font-size:10px}.system-state small{color:var(--muted);font-size:9px;margin-top:3px}.main{min-width:0}.topbar{height:72px;position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:20px;padding:0 34px;background:rgba(5,9,20,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(35,62,100,.55)}.top-search{margin-left:auto;width:min(390px,35vw);border:1px solid var(--line);background:#0a1424;color:#6f829d;border-radius:9px;padding:10px 14px}.user-menu{display:flex;align-items:center;gap:9px}.user-menu>div:nth-child(2) strong,.user-menu>div:nth-child(2) small{display:block}.user-menu small{font-size:10px;color:#7290b4;text-transform:capitalize}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101d;font-weight:900}.text-button{border:0;background:none;color:#7890ad;font-size:11px;cursor:pointer}.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:22px}.content{padding:34px;max-width:1600px;margin:auto}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:26px}.page-title span,.panel-head span{font-size:10px;letter-spacing:1.5px;color:#57d9ff;font-weight:800}.page-title h1{font-size:34px;line-height:1.1;margin:7px 0 7px}.page-title p{color:var(--muted);margin:0;max-width:700px}.back{display:block;color:#7690b2;font-size:12px;margin-bottom:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid var(--line);background:#101d31;color:#eaf6ff;border-radius:9px;padding:11px 16px;font-weight:750;cursor:pointer}.button:hover{transform:translateY(-1px);border-color:#3e75b2}.button.primary{background:linear-gradient(90deg,#14d9f7,#287cf5);color:#03101c;border:0;box-shadow:0 10px 25px rgba(27,143,255,.22)}.button.success{background:linear-gradient(90deg,#1dcf79,#24a968);color:#02150d;border:0}.button.google{background:#fff;color:#152238}.button.small{padding:8px 11px;font-size:12px}.button.tiny{padding:6px 8px;font-size:10px}.button.wide{width:100%}.panel{background:linear-gradient(145deg,rgba(12,22,39,.98),rgba(7,15,28,.98));border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow);min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.panel-head h2{font-size:17px;margin:5px 0 0}.panel-head>a{color:#6adfff;font-size:11px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:16px}.stats-grid article{position:relative;min-height:120px;background:linear-gradient(145deg,#0c1729,#091221);border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:var(--shadow)}.stats-grid i{position:absolute;right:15px;top:15px;width:32px;height:32px;border-radius:8px;background:rgba(32,151,255,.12);color:var(--cyan);display:grid;place-items:center;font-style:normal}.stats-grid span,.stats-grid small{display:block;color:var(--muted);font-size:10px}.stats-grid strong{display:block;font-size:24px;margin:12px 0 7px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.span-2{grid-column:span 2}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#617895;text-align:left;padding:10px;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid rgba(30,50,78,.65);color:#b9c7d9;vertical-align:middle}td strong,td small{display:block}td strong{color:#eff8ff}td small{color:#73849c;font-size:10px;margin-top:4px}.status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;text-transform:capitalize;background:#142239;color:#91a7c2;white-space:nowrap}.status.big{font-size:11px;padding:8px 12px}.status.new,.status.not_started,.status.todo,.status.pending,.status.planned{background:rgba(41,131,255,.13);color:#56a7ff}.status.contacted,.status.in_progress,.status.building,.status.review{background:rgba(25,216,255,.12);color:#44dfff}.status.qualified,.status.proposal,.status.partial,.status.on_hold,.status.changes_requested{background:rgba(255,173,61,.13);color:#ffc065}.status.converted,.status.completed,.status.done,.status.paid,.status.approved,.status.active{background:rgba(43,214,123,.13);color:#54e892}.status.lost,.status.cancelled,.status.overdue,.status.rejected,.status.paused{background:rgba(255,95,102,.13);color:#ff7a80}.stack-list{display:flex;flex-direction:column}.stack-list>a,.stack-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(31,52,82,.6)}.stack-list strong,.stack-list small{display:block}.stack-list small{color:var(--muted);font-size:10px;margin-top:4px}.task-list{display:flex;flex-direction:column}.task-list>div{display:grid;grid-template-columns:7px 1fr auto;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(31,52,82,.6)}.task-list strong,.task-list small{display:block}.task-list small{color:var(--muted);font-size:10px;margin-top:4px}.task-list select,.table-wrap select,.row-form select{min-width:105px}.priority{width:6px;height:30px;border-radius:99px;background:#68809f}.priority.high,.priority.urgent{background:var(--red)}.priority.medium{background:var(--orange)}.priority.low{background:var(--green)}.priority-label{font-size:10px;font-weight:800;text-transform:capitalize}.priority-label.high,.priority-label.urgent{color:#ff737a}.priority-label.medium{color:#ffc15e}.priority-label.low{color:#54df92}.agent-mini article{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:9px}.agent-mini i{font-size:23px;color:var(--cyan);font-style:normal}.agent-mini div{flex:1}.agent-mini strong,.agent-mini small{display:block}.agent-mini small{font-size:9px;color:var(--muted);margin-top:3px}.activity>div{display:flex;gap:11px;padding:10px 0;border-bottom:1px solid rgba(31,52,82,.55)}.activity i{margin-top:5px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.activity p{margin:0;color:#a7b6ca}.activity small{display:block;color:#697e9b;margin-top:4px;font-size:10px}.flash{padding:12px 15px;border-radius:9px;margin-bottom:18px;border:1px solid}.flash.success{background:rgba(43,214,123,.09);border-color:rgba(43,214,123,.25);color:#61e69b}.flash.error{background:rgba(255,95,102,.09);border-color:rgba(255,95,102,.25);color:#ff858a}.filters{display:flex;gap:10px;margin-bottom:16px}.filters input{flex:1}.filters select{width:180px}input,select,textarea{width:100%;border:1px solid var(--line);background:#081321;color:#e8f4ff;border-radius:8px;padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:#2f90e9;box-shadow:0 0 0 3px rgba(40,139,255,.1)}textarea{min-height:100px;resize:vertical}label{display:block;color:#aabbd0;font-size:11px;font-weight:700}label input,label select,label textarea{margin-top:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.form-stack{display:flex;flex-direction:column;gap:15px}.form-action{display:flex;align-items:flex-end}.inline-add{display:grid;grid-template-columns:1fr 130px 90px 125px auto;gap:8px;margin-bottom:14px}.two-columns{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.detail-grid.single{grid-template-columns:1fr}.detail-grid>div{background:#0a1526;padding:13px}.detail-grid dt{color:#6f84a0;font-size:9px;text-transform:uppercase;letter-spacing:1px}.detail-grid dd{margin:5px 0 0;color:#eaf5ff;word-break:break-word}.note-box,.security-note,.agent-note{margin-top:16px;border:1px solid var(--line);background:#091728;padding:14px;border-radius:10px}.note-box p,.security-note p,.agent-note{color:var(--muted);line-height:1.6}.panel hr{border:0;border-top:1px solid var(--line);margin:22px 0}details{margin-top:16px;color:#9fb1c7}details pre{white-space:pre-wrap;word-break:break-word;background:#050c16;padding:12px;border-radius:8px;font-size:10px;max-height:420px;overflow:auto}.card-grid,.project-grid,.file-grid,.agent-grid,.workflow-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.client-card,.project-card,.file-grid article,.agent-grid article,.workflow-cards>a>div,.empty-card{background:linear-gradient(145deg,#0c1729,#091221);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.client-card{display:grid;grid-template-columns:45px 1fr auto;gap:12px;align-items:center}.company-icon,.file-icon,.agent-symbol{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(25,216,255,.18),rgba(39,131,255,.18));color:var(--cyan);font-size:20px;font-weight:900}.client-card h3,.project-card h3,.file-grid h3{margin:0 0 6px}.client-card p,.client-card a,.project-card p,.file-grid p,.file-grid a{color:var(--muted);font-size:11px;margin:3px 0}.project-card{transition:.2s}.project-card:hover{transform:translateY(-2px);border-color:#315f93}.project-top{display:flex;justify-content:space-between;align-items:center}.project-card h3{font-size:18px;margin-top:18px}.project-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.project-meta span,.project-meta strong{display:block}.project-meta span{font-size:9px;color:#617692}.project-meta strong{font-size:10px;color:#c7d5e6;margin-top:5px}.project-tabs{display:flex;gap:6px;margin-bottom:16px;overflow:auto}.project-tabs a{padding:9px 13px;border:1px solid var(--line);border-radius:8px;color:#9db0c7;white-space:nowrap}.project-overview{max-width:900px}.workflow-list>div{display:grid;grid-template-columns:34px 1fr 125px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(31,52,82,.6)}.workflow-list>div>span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#12223a;color:#53cfff;font-size:10px;font-weight:800}.workflow-list strong,.workflow-list small{display:block}.workflow-list small{color:var(--muted);font-size:10px;margin-top:4px}.workflow-list .complete strong{text-decoration:line-through;color:#6f8199}.workflow-list .complete>span{background:rgba(43,214,123,.15);color:#55e794}.workflow-cards>a>div h3{font-size:18px;margin:18px 0 7px}.workflow-cards p{color:var(--muted)}.progress{height:6px;background:#101f33;border-radius:99px;overflow:hidden;margin:18px 0 7px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:99px}.file-grid article{display:grid;grid-template-columns:44px 1fr 130px;gap:12px;align-items:center}.reports-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bars>div{margin:15px 0}.bars label{display:flex;justify-content:space-between;text-transform:capitalize;margin-bottom:7px}.bars span{height:8px;display:block;background:#101f33;border-radius:99px;overflow:hidden}.bars i{height:100%;display:block;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:99px}.revenue-chart{height:280px;display:flex;align-items:flex-end;gap:15px;padding:25px 5px 0}.revenue-chart>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:38px}.revenue-chart span{width:70%;max-width:50px;background:linear-gradient(180deg,var(--cyan),var(--blue));border-radius:7px 7px 2px 2px;box-shadow:0 0 20px rgba(26,170,255,.18)}.revenue-chart small{color:#657b98;font-size:8px}.revenue-chart b{font-size:8px}.agent-grid article{position:relative;min-height:245px}.agent-grid .status{position:absolute;right:16px;top:16px}.agent-grid h2{font-size:24px;margin:20px 0 8px}.agent-grid p{color:var(--muted);line-height:1.6}.agent-grid form{display:flex;gap:8px;margin-top:17px}.agent-grid .agent-add{border-style:dashed;display:flex;flex-direction:column;justify-content:center;text-align:center}.agent-add>div{font-size:35px;color:#5b7799}.person{display:flex;align-items:center;gap:10px}.row-form{display:flex;gap:7px;align-items:center}.row-form input{min-width:140px}.security-note{border-color:rgba(255,173,61,.28);background:rgba(255,173,61,.06)}dialog{border:1px solid #264669;border-radius:15px;padding:0;background:#091423;color:#fff;width:min(720px,calc(100vw - 30px));box-shadow:0 35px 100px rgba(0,0,0,.65)}dialog::backdrop{background:rgba(0,4,12,.75);backdrop-filter:blur(5px)}.modal-form{padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-head h2{margin:0}.modal-head button{border:0;background:none;color:#8295ae;font-size:26px;cursor:pointer}.modal-form>.button{margin-top:18px}.muted{color:var(--muted)!important}.empty-state{min-height:70vh;display:grid;place-items:center;align-content:center;text-align:center;padding:30px}.empty-state>div{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#13233b;color:var(--cyan);font-size:25px}.empty-state h1{margin:18px 0 5px}.empty-state p{color:var(--muted);max-width:500px}.empty-state .button{margin-top:16px}.auth-body{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(25,216,255,.1),transparent 30%),radial-gradient(circle at 80% 60%,rgba(39,131,255,.12),transparent 35%),#050914}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;max-width:1120px;margin:auto;padding:45px;gap:70px}.login-brand img{width:260px;height:90px;object-fit:contain;object-position:left}.login-brand>p{font-size:10px;letter-spacing:2px;color:#4edaff;font-weight:850}.login-brand h1{font-size:52px;line-height:1.06;margin:20px 0;max-width:620px}.login-brand>span{display:block;color:#8fa0b7;font-size:17px;line-height:1.6;max-width:570px}.login-card{background:rgba(10,19,34,.94);border:1px solid #1f3858;border-radius:20px;padding:34px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.login-card .lock{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:rgba(25,216,255,.1);color:var(--cyan);font-size:22px}.login-card h2{font-size:27px;margin:18px 0 7px}.login-card>p{color:var(--muted);margin-bottom:22px}.login-card form{display:flex;flex-direction:column;gap:15px}.divider{display:flex;align-items:center;gap:10px;color:#617590;font-size:10px;margin:20px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.login-note{display:block;text-align:center;color:#60748f;margin-top:18px}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.card-grid,.project-grid,.file-grid,.agent-grid,.workflow-cards{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;width:250px;transition:.25s}.sidebar-open .sidebar{left:0}.sidebar-open:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:10}.topbar{padding:0 18px}.menu-toggle{display:block}.top-search{display:none}.content{padding:22px}.two-columns{grid-template-columns:1fr}.login-wrap{grid-template-columns:1fr;max-width:600px}.login-brand{display:none}.inline-add{grid-template-columns:1fr 1fr}.inline-add input:first-of-type{grid-column:1/-1}}@media(max-width:650px){.page-title{align-items:flex-start;flex-direction:column}.stats-grid,.dashboard-grid,.card-grid,.project-grid,.file-grid,.agent-grid,.workflow-cards,.reports-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.login-wrap{padding:20px}.login-card{padding:25px}.user-menu>div:nth-child(2){display:none}.workflow-list>div{grid-template-columns:34px 1fr}.workflow-list form{grid-column:2}.file-grid article{grid-template-columns:44px 1fr}.file-grid form{grid-column:2}.inline-add{grid-template-columns:1fr}.project-meta{grid-template-columns:1fr 1fr}.filters{flex-direction:column}.filters select{width:100%}.revenue-chart{overflow:auto}.reports-grid .span-2{grid-column:auto}.topbar{height:62px}.content{padding:17px}}