:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f7fb;line-height:1.45;font-weight:400;--ink:#172033;--muted:#748096;--line:#e6eaf1;--nav:#101827;--accent:#6d5dfc;--accent2:#8c7cff;--panel:#fff;--open:#4f7cff;--rejected:#e45b74;--closed:#22a06b}*{box-sizing:border-box}body{margin:0;background:#f5f7fb}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;background:var(--nav);color:#fff;position:fixed;inset:0 auto 0 0;padding:26px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#8d7cff,#5c4df4);display:grid;place-items:center;font-weight:800;color:#fff;box-shadow:0 10px 30px #6d5dfc44}.brand b,.brand span{display:block}.brand span{font-size:12px;color:#9da7bb;margin-top:2px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{border:0;background:transparent;color:#aeb7c9;text-align:left;padding:12px 14px;border-radius:12px;display:flex;gap:12px;align-items:center}.sidebar nav button span{font-size:18px;width:22px;text-align:center}.sidebar nav button:hover,.sidebar nav button.active{background:#1c2638;color:#fff}.sidebar-user{margin-top:auto;padding:16px 8px 2px;display:flex;gap:10px;align-items:center;border-top:1px solid #253044}.sidebar-user b,.sidebar-user small{display:block}.sidebar-user small{color:#909aaf;font-size:11px;margin-top:2px}.avatar{width:34px;height:34px;border-radius:50%;background:#eae7ff;color:#5d4ff0;display:grid;place-items:center;font-weight:800;flex:none}.avatar.lg{width:44px;height:44px}.avatar.xl{width:60px;height:60px;font-size:22px}.main{margin-left:248px;min-width:0;width:calc(100% - 248px)}.topbar{height:98px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:4}.topbar h1{font-size:22px;margin:0 0 3px}.topbar p{font-size:13px;color:var(--muted);margin:0}.content{padding:30px;max-width:1500px;margin:auto}.primary,.ghost,.danger{border:0;border-radius:10px;padding:10px 15px;font-weight:700}.primary{background:var(--accent);color:#fff;box-shadow:0 8px 18px #6d5dfc22}.primary:hover{background:#5b4cec}.primary.wide{width:100%;height:46px}.ghost{background:#f1f3f7;color:#465066}.ghost:hover{background:#e9ecf2}.danger{background:#fff0f2;color:#c8445b}.small{padding:8px 11px;font-size:12px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 5px 18px #232d4608;margin-bottom:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.stat-card span{font-size:12px;color:var(--muted);font-weight:700}.stat-card strong{font-size:26px;display:block;margin-top:10px;letter-spacing:-.02em}.stat-card small{color:#7d879b}.welcome{display:flex;justify-content:space-between;align-items:center;min-height:210px;background:linear-gradient(135deg,#171f31,#202941);color:#fff;overflow:hidden}.welcome p{color:#b7c0d2;max-width:620px}.eyebrow{font-size:11px;letter-spacing:.16em;color:#9f94ff;font-weight:800}.welcome h2{font-size:30px;margin:12px 0}.welcome-graphic{width:150px;height:150px;border-radius:50%;border:22px solid #ffffff12;display:grid;place-items:center;font-size:60px;color:#9e92ff;margin-right:30px}.section-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-actions h2{margin:0 0 4px}.section-actions p{color:var(--muted);margin:0;font-size:13px}.cards-list{display:grid;gap:10px}.staff-card{width:100%;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;align-items:center;gap:14px;text-align:left;color:var(--ink)}.staff-card:hover{border-color:#cfc9ff;box-shadow:0 8px 24px #5f55cc0e}.grow{flex:1;min-width:0}.grow b,.grow span,.grow small{display:block}.grow span{font-size:13px;color:var(--muted);margin-top:2px}.grow small{font-size:11px;color:#9aa3b5;margin-top:3px}.mini-metrics{display:flex;gap:18px;margin-right:18px}.mini-metrics span{font-size:11px;color:var(--muted)}.mini-metrics b{display:block;color:var(--ink);font-size:16px}.status,.pill{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800;text-transform:capitalize}.status.active{background:#e8f8f0;color:#148556}.status.inactive{background:#f1f3f6;color:#7c8495}.pill.open{background:#edf2ff;color:#456ee8}.pill.closed{background:#eaf8f2;color:#16835b}.pill.rejected{background:#fff0f2;color:#c8455f}.pill.todo{background:#fff7e6;color:#9b6a00}.pill.done{background:#eaf8f2;color:#16835b}.chev{font-size:26px;color:#a2aabb}.back{border:0;background:transparent;padding:0;margin-bottom:16px;color:#6e7890}.staff-head{display:flex;align-items:center;gap:14px}.staff-head h2{margin:0}.staff-head p{margin:4px 0 0;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.muted{color:var(--muted);font-size:13px}.inline{display:flex;gap:8px}.inline input{flex:1}.overview-line{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f2f6}.overview-line:last-child{border-bottom:0}.filters{display:flex;gap:7px;margin-bottom:18px}.filters button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;color:#6d778d;font-weight:700;font-size:12px}.filters button.active{background:#1a2235;color:#fff;border-color:#1a2235}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.kanban-col{background:#eef1f6;border-radius:16px;min-height:550px;padding:12px}.kanban-title{display:flex;justify-content:space-between;align-items:center;padding:5px 5px 13px;font-size:13px}.kanban-title>div{display:flex;gap:8px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.kanban-col.open .dot{background:var(--open)}.kanban-col.rejected .dot{background:var(--rejected)}.kanban-col.closed .dot{background:var(--closed)}.kanban-body{display:grid;gap:10px}.lead-card{background:#fff;border:1px solid #e7eaf0;border-radius:13px;padding:14px;cursor:grab;box-shadow:0 4px 10px #1f2c4210}.lead-card:active{cursor:grabbing}.lead-top{display:flex;justify-content:space-between;gap:8px}.lead-top span{font-size:12px;font-weight:800;color:#5b6477}.lead-card p{margin:7px 0 5px;font-size:12px;color:#737e91}.lead-card small{font-size:11px;color:#9ba4b5}.lead-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portal-card{margin:0}.portal-card{display:flex;align-items:flex-start;gap:13px;flex-wrap:wrap}.portal-icon{width:42px;height:42px;border-radius:12px;background:#f0edff;display:grid;place-items:center;color:#695af1;font-size:20px}.portal-card h3{margin:2px 0}.portal-card p{font-size:12px;color:var(--muted);margin:2px 0}.portal-fields{width:100%;display:grid;gap:9px;padding-top:10px;border-top:1px solid var(--line)}.portal-fields span{font-size:11px;color:var(--muted)}.portal-fields b{display:block;color:#3b4559;font-size:12px;margin-top:2px}.card-actions{display:flex;gap:7px;margin-left:auto}.todo-list{display:grid;gap:10px}.todo{display:flex;align-items:flex-start;gap:13px;margin:0}.todo.done{opacity:.65}.todo.done h3{text-decoration:line-through}.todo h3{margin:0 0 5px;font-size:15px}.todo p{margin:0 0 5px;color:var(--muted);font-size:12px}.todo small{font-size:11px;color:#98a2b3}.check{width:25px;height:25px;border-radius:7px;border:2px solid #cbd2df;background:#fff;color:#22a06b;font-weight:800}.todo.done .check{border-color:#22a06b;background:#eaf8f2}.chat{padding:0;height:calc(100vh - 160px);min-height:560px;display:grid;grid-template-columns:280px 1fr;overflow:hidden}.chat-contacts{border-right:1px solid var(--line);padding:18px}.chat-contacts h3{font-size:14px;margin-bottom:15px}.chat-contacts button{width:100%;border:0;background:transparent;padding:10px;border-radius:10px;text-align:left;display:flex;align-items:center;gap:10px}.chat-contacts button.active{background:#f0edff}.chat-contacts b,.chat-contacts small{display:block}.chat-contacts small{font-size:10px;color:var(--muted);margin-top:2px}.chat-main{display:grid;grid-template-rows:65px 1fr 70px;min-width:0}.chat-head{border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 20px}.chat-head b,.chat-head small{display:block}.chat-head small{font-size:10px;color:var(--muted)}.chat-messages{padding:20px;overflow:auto;background:#fafbfc;display:flex;flex-direction:column;gap:10px}.bubble{max-width:66%;align-self:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:10px 12px}.bubble.mine{align-self:flex-end;background:#6657ef;color:#fff;border-color:#6657ef;border-radius:14px 14px 4px}.bubble p{margin:0 0 4px;white-space:pre-wrap}.bubble small{font-size:9px;opacity:.65}.chat-send{border-top:1px solid var(--line);padding:12px;display:flex;gap:10px}.chat-send input{flex:1}.chat-empty{margin:auto;color:var(--muted);font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#8791a5;font-weight:700;padding:10px 8px;border-bottom:1px solid var(--line)}td{padding:11px 8px;border-bottom:1px solid #f0f2f6}code{background:#f2f4f7;border-radius:5px;padding:2px 5px}.table-empty{text-align:center;padding:20px;color:var(--muted);font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#12182799;z-index:20;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:18px;box-shadow:0 30px 80px #080b1233;width:min(650px,100%);max-height:90vh;overflow:auto;padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{margin:0;font-size:18px}.modal-head button{border:0;background:#f1f3f6;width:32px;height:32px;border-radius:50%;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:12px;font-weight:700;color:#566075}.form-grid .full{grid-column:1/-1}input,textarea,select{width:100%;border:1px solid #dbe0e9;border-radius:9px;padding:10px 11px;outline:none;background:#fff;color:var(--ink);margin-top:5px}input:focus,textarea:focus,select:focus{border-color:#8e83f7;box-shadow:0 0 0 3px #776af112}textarea{min-height:84px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.error{background:#fff0f2;color:#ba3d55;padding:9px 11px;border-radius:9px;font-size:12px}.empty{display:grid;place-items:center;text-align:center;padding:70px;color:#929bad}.empty div{font-size:35px;margin-bottom:8px}.toast{position:fixed;right:24px;bottom:24px;background:#192235;color:#fff;padding:12px 16px;border-radius:10px;z-index:50;box-shadow:0 15px 40px #11182733;font-size:13px}.center-screen{min-height:100vh;display:grid;place-items:center}.spinner{width:34px;height:34px;border:3px solid #e1e4ec;border-top-color:#6d5dfc;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{color:#8993a6}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-art{background:linear-gradient(145deg,#111928,#1a2440);color:#fff;padding:90px 9vw;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.login-art h1{font-size:clamp(44px,5vw,76px);line-height:1.02;letter-spacing:-.045em;margin:25px 0}.login-art p{color:#b7c0d1;max-width:600px;font-size:16px}.login-badge{font-size:12px;letter-spacing:.22em;font-weight:800;color:#9b91ff}.login-orbit{position:absolute;border:1px solid #ffffff14;border-radius:50%}.o1{width:420px;height:420px;right:-140px;top:-120px}.o2{width:650px;height:650px;right:-300px;bottom:-300px}.login-card{width:min(430px,80%);margin:auto}.login-card h2{font-size:28px;margin-bottom:8px}.login-card>p{color:var(--muted);font-size:13px;margin-bottom:28px}.login-card label{display:block;font-size:12px;font-weight:700;color:#5a6478;margin:14px 0}.login-note{display:block;text-align:center;color:#9aa3b4;margin-top:16px}.mobile-brand{display:none}.wide{margin-top:6px}@media(max-width:1050px){.stat-grid{grid-template-columns:repeat(2,1fr)}.kanban{grid-template-columns:1fr}.kanban-col{min-height:250px}.portal-grid,.lead-list{grid-template-columns:1fr}.mini-metrics{display:none}}@media(max-width:780px){.sidebar{width:72px;padding:20px 10px}.brand{padding:0 5px 25px}.brand>div:last-child,.sidebar nav button:not(.active){font-size:0}.sidebar nav button{justify-content:center;padding:12px}.sidebar nav button.active{font-size:0}.sidebar nav button span{font-size:18px}.sidebar-user>div:last-child{display:none}.main{margin-left:72px;width:calc(100% - 72px)}.topbar{padding:0 18px}.content{padding:18px}.detail-grid{grid-template-columns:1fr}.chat{grid-template-columns:95px 1fr}.chat-contacts{padding:10px}.chat-contacts h3{font-size:11px}.chat-contacts button{justify-content:center}.chat-contacts button>div:last-child{display:none}.login-wrap{grid-template-columns:1fr}.login-art{display:none}.login-card{width:min(430px,86%);padding:50px 0}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:55px}.section-actions{align-items:flex-start;gap:12px}.form-grid{grid-template-columns:1fr}.form-grid .full,.modal-actions.full{grid-column:auto}.staff-card{align-items:flex-start;flex-wrap:wrap}.status{margin-left:auto}}@media(max-width:520px){.stat-grid{grid-template-columns:1fr}.topbar p{display:none}.topbar h1{font-size:18px}.welcome-graphic{display:none}.welcome h2{font-size:24px}.content{padding:14px}.section-actions{flex-direction:column}.section-actions .primary{width:100%}.chat{height:calc(100vh - 140px);grid-template-columns:75px 1fr}.bubble{max-width:85%}}.field-label{display:block;font-size:12px;font-weight:700;color:#566075;margin:10px 0}