@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b1f3a;--navy2:#12355b;--blue:#2563eb;--blue2:#4f46e5;--cyan:#06b6d4;--ink:#172033;--muted:#6b778c;--line:#e6eaf0;--bg:#f5f7fb;--white:#fff;--green:#059669;--amber:#d97706;--red:#dc2626;--shadow:0 10px 28px rgba(16,32,56,.07)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}.app{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:linear-gradient(180deg,#09213d 0%,#0c2949 60%,#09213d 100%);color:#dce8f7;padding:18px 13px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:7px 9px 26px}.brand-mark{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#35b8ff,#3568ff);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:0 8px 22px #0003}.brand strong{display:block;color:#fff;font-size:14px}.brand span{display:block;color:#9eb4ce;font-size:10px;margin-top:3px;text-transform:uppercase;letter-spacing:.1em}.workspace-label{font-size:10px;letter-spacing:.14em;color:#6f89a5;font-weight:800;padding:0 12px 8px}.nav{width:100%;border:0;background:transparent;color:#a9bdd3;text-align:left;border-radius:10px;padding:11px 12px;margin:2px 0;cursor:pointer;font-weight:600;transition:.15s}.nav:hover{background:#ffffff0e;color:#fff}.nav.active{background:linear-gradient(90deg,#1e5aa2,#174a87);color:#fff;box-shadow:inset 3px 0 #56b5ff}.nav-icon{display:inline-grid;width:24px;place-items:center;margin-right:7px;color:#7fc6ff}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff15;padding:14px 7px 4px}.user-card{display:flex;align-items:center;gap:9px;padding:8px 4px 13px}.avatar{width:31px;height:31px;border-radius:50%;background:#1e5aa2;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}.user-card strong{display:block;color:#fff;font-size:12px}.user-card small{display:block;color:#7892ad;font-size:10px;text-transform:capitalize;margin-top:2px}.sidebar-bottom a{color:#8ea6bf;text-decoration:none;font-size:12px}.sidebar-bottom a:hover{color:#fff}
.main{margin-left:245px;min-height:100vh;padding:0 32px 44px}.topbar{height:72px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:#ffffffcc;backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.global-search{flex:1;max-width:590px;display:flex;align-items:center;gap:8px;background:#eef2f7;border:1px solid #e2e7ee;border-radius:10px;padding:0 12px;height:40px}.global-search span{font-size:20px;color:#738197}.global-search input{border:0;outline:0;background:transparent;width:100%;color:var(--ink)}.top-actions{margin-left:auto;display:flex;gap:9px;align-items:center}.icon-btn{border:0;background:#fff;width:38px;height:38px;border-radius:9px;cursor:pointer;color:#617188}.btn{border:1px solid #dce2ea;background:#fff;color:var(--ink);border-radius:9px;padding:9px 13px;font-weight:650;cursor:pointer;transition:.15s;box-shadow:0 2px 5px #00000006}.btn:hover{transform:translateY(-1px);border-color:#cbd4e1}.btn.primary{background:linear-gradient(135deg,#2563eb,#4f46e5);border-color:transparent;color:#fff;box-shadow:0 7px 18px #315de433}.btn.danger{color:#b91c1c;border-color:#fecaca}.btn.wide{width:100%}
.mobile-brand{display:none}.page-head{display:flex;justify-content:space-between;align-items:flex-end;padding:27px 0 22px}.eyebrow{font-size:10px;color:#3974c8;font-weight:800;letter-spacing:.14em}.page-head h1{margin:4px 0 3px;font-size:29px;letter-spacing:-.035em}.page-head p{margin:0;color:var(--muted);font-size:12px}.page-actions{display:flex;gap:8px}
.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-bottom:17px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:var(--shadow);position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;width:75px;height:75px;border-radius:50%;right:-25px;bottom:-30px;background:#edf4ff}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#68768b;font-size:11px;font-weight:650}.metric-icon{width:30px;height:30px;border-radius:9px;background:#edf4ff;color:#2563eb;display:grid;place-items:center}.metric{font-size:26px;font-weight:800;letter-spacing:-.04em;margin-top:10px}.metric-sub{font-size:11px;color:#8792a3;margin-top:3px}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-head h2{font-size:15px;margin:0}.panel-head small{color:var(--muted)}.chart-bars{display:flex;align-items:flex-end;gap:10px;height:180px;padding:12px 4px 0}.bar-item{flex:1;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.bar{margin:auto auto 7px;width:min(34px,65%);min-height:6px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#56a8ff,#2563eb)}.bar-label{font-size:9px;color:#7d8899}.bar-value{font-size:9px;color:#5d6b80;margin-bottom:4px}.source-list{display:grid;gap:12px}.source-row{display:grid;grid-template-columns:105px 1fr 35px;gap:8px;align-items:center;font-size:11px}.source-track{height:7px;background:#edf0f4;border-radius:20px;overflow:hidden}.source-track i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#06b6d4);border-radius:20px}.tablewrap{overflow:auto;border:1px solid #edf0f3;border-radius:10px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px 10px;text-align:left;border-bottom:1px solid #edf0f3;white-space:nowrap}.table th{font-size:10px;color:#7b8799;text-transform:uppercase;letter-spacing:.06em;background:#fafbfc}.table td{font-size:12px}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#f9fbff}.pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:750;text-transform:capitalize}.pill.new{background:#eaf2ff;color:#2563eb}.pill.working,.pill.contacted{background:#fff4e6;color:#c2410c}.pill.replied{background:#eaf7ff;color:#0369a1}.pill.qualified,.pill.won,.pill.completed{background:#e9f9f2;color:#047857}.pill.disqualified,.pill.lost,.pill.cancelled{background:#fff0f0;color:#b91c1c}.pill.high,.pill.urgent{background:#fff0f2;color:#be123c}.pill.medium{background:#fff5e8;color:#b45309}.muted{color:var(--muted)}.empty{text-align:center;padding:35px;color:#8994a5;font-size:12px}.toolbar{display:flex;gap:8px;margin-bottom:14px}.toolbar input,.toolbar select{height:39px;border:1px solid #dfe4eb;border-radius:9px;padding:0 11px;outline:0;background:#fff}.toolbar input{min-width:280px}.toolbar input:focus,.form input:focus,.form select:focus,.form textarea:focus{border-color:#82aaf3;box-shadow:0 0 0 3px #2563eb12}.list-panel{padding:18px}.list-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.list-head h2{font-size:16px;margin:0}.list-actions{display:flex;gap:8px}.list-actions input{height:38px;border:1px solid #dfe4eb;border-radius:9px;padding:0 11px;min-width:260px}
.kanban{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:12px;overflow:auto;padding-bottom:6px}.kan-col{background:#f1f4f8;border:1px solid #e4e8ee;border-radius:12px;padding:10px;min-height:320px}.kan-head{display:flex;justify-content:space-between;align-items:center;margin:2px 4px 10px}.kan-head b{font-size:11px;text-transform:capitalize}.kan-count{font-size:10px;background:#e2e7ee;color:#657287;border-radius:99px;padding:3px 6px}.deal{background:#fff;border:1px solid #e3e7ed;border-radius:10px;padding:12px;margin-bottom:8px;box-shadow:0 3px 9px #17203308}.deal b{font-size:12px}.deal-company{font-size:10px;color:#7a8798;margin-top:4px}.deal-amount{font-size:16px;font-weight:800;margin:8px 0 4px}.deal-meta{font-size:10px;color:#8a95a5}.form-grid{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .full{grid-column:1/-1}.form-grid label{font-size:11px;font-weight:700;color:#465367}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:6px;border:1px solid #dce2ea;border-radius:8px;padding:10px;background:#fff;outline:0}.form-grid textarea{min-height:100px;resize:vertical}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #edf0f3;padding-top:14px;margin-top:4px}.modal{position:fixed;inset:0;background:#07142699;backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px;z-index:100}.modal-box{width:min(760px,96vw);max-height:90vh;overflow:auto;background:#fff;border-radius:15px;box-shadow:0 30px 90px #07142655}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal-head h2{margin:0;font-size:17px}.modal-close{border:0;background:#f1f3f6;width:31px;height:31px;border-radius:8px;cursor:pointer;font-size:20px}.alert{padding:10px 12px;border-radius:9px;font-size:12px;margin-bottom:12px}.alert.error{background:#fff0f0;color:#b91c1c}.alert.success{background:#ecfdf5;color:#047857}.toast{position:fixed;right:22px;bottom:22px;z-index:200;background:#10233e;color:#fff;padding:11px 15px;border-radius:9px;box-shadow:0 12px 30px #0004;font-size:12px}.toast.error{background:#991b1b}
.login-page{min-height:100vh;background:radial-gradient(circle at 20% 10%,#1f5fae 0,#0b1f3a 35%,#061528 100%);display:grid;place-items:center;padding:20px}.login-shell{width:min(430px,94vw)}.login-brand{display:flex;align-items:center;gap:11px;color:#fff;margin-bottom:18px}.login-brand .brand-mark{width:44px;height:44px}.login-brand strong{display:block}.login-brand span{display:block;color:#9fb3ca;font-size:10px;margin-top:2px;text-transform:uppercase;letter-spacing:.1em}.login-card{background:#fff;border-radius:17px;padding:28px;box-shadow:0 35px 90px #0005}.login-card h1{font-size:27px;margin:5px 0}.login-sub{font-size:12px;color:var(--muted);margin:0 0 20px}.login-form{display:grid;gap:13px}.login-form label{font-size:11px;font-weight:700}.login-form input{width:100%;margin-top:6px;padding:11px;border:1px solid #dce2ea;border-radius:9px;outline:0}.login-form input:focus{border-color:#6b9df4;box-shadow:0 0 0 3px #2563eb12}
@media(max-width:1200px){.cards{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(5,210px)}}@media(max-width:800px){.sidebar{width:72px;padding:12px 9px}.brand>div:last-child,.workspace-label,.nav:not(.active)::after,.sidebar-bottom{display:none}.brand{padding:5px 7px 20px}.nav{font-size:0;text-align:center;padding:12px}.nav-icon{margin:0;font-size:17px}.nav.active{font-size:0}.main{margin-left:72px;padding:0 18px 30px}.topbar{height:62px}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:12px}.global-search{max-width:none}.global-search input{font-size:11px}.cards{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.page-head{align-items:flex-start;gap:12px;flex-direction:column}.list-actions input{min-width:180px}}@media(max-width:520px){.top-actions .icon-btn{display:none}.cards{grid-template-columns:1fr}.main{margin-left:0;padding:0 12px 24px}.sidebar{display:none}.global-search{order:2}.topbar{gap:8px}.mobile-brand{order:1}.global-search{order:2}.top-actions{order:3}.top-actions .btn{padding:8px}.page-head h1{font-size:24px}}