:root{
  --bg:#f5f3f8;--panel:#ffffff;--panel-2:#faf9fc;--ink:#21172e;--muted:#7e738b;--line:#e8e2ee;
  --purple:#2b124f;--purple-2:#3b1768;--purple-3:#5b2a8a;--purple-soft:#f0e9f7;--purple-softer:#f8f4fb;
  --green:#1f7a57;--green-soft:#e8f5ef;--red:#a63a53;--red-soft:#fbecef;--amber:#8d641c;--amber-soft:#fff7e6;
  --shadow:0 20px 55px rgba(43,18,79,.10);--shadow-sm:0 8px 24px rgba(43,18,79,.07);
  --radius:20px;--radius-sm:13px;--sidebar:236px;
}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}body{margin:0;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);background:linear-gradient(135deg,#1f0c3a 0%,#2b124f 54%,#3a1767 100%)}
.login-panel{padding:64px clamp(32px,6vw,88px);color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-panel:before,.login-panel:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.login-panel:before{width:520px;height:520px;right:-260px;top:-170px}.login-panel:after{width:340px;height:340px;left:-180px;bottom:-180px}.login-brand,.sidebar-brand,.mobile-brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--purple);font-weight:900;box-shadow:0 10px 25px rgba(0,0,0,.12)}.brand-mark.large{width:52px;height:52px;font-size:22px}.brand-name{font-size:22px;font-weight:800}.brand-sub,.sidebar-brand small,.mobile-brand small{display:block;font-size:12px;opacity:.7}.login-copy{max-width:700px;position:relative;z-index:2}.eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.16em;color:#d8c6ea;margin-bottom:10px}.login-copy h1{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-.045em;margin:0 0 20px;max-width:790px}.login-copy>p{font-size:18px;line-height:1.65;color:#d8cde5;max-width:680px}.login-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.login-points>div{padding:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:18px;backdrop-filter:blur(8px)}.login-points span{font-size:11px;color:#cdb9df}.login-points b,.login-points small{display:block;margin-top:6px}.login-points b{font-size:14px}.login-points small{font-size:12px;color:#cdbfd9;line-height:1.45}
.login-card-wrap{display:grid;place-items:center;padding:36px;background:#f7f4fa}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:var(--shadow)}.mobile-brand{display:none;margin-bottom:26px}.login-card .eyebrow{color:var(--purple-3)}.login-card h2{font-size:30px;margin:0 0 6px;letter-spacing:-.03em}.login-card>p{color:var(--muted);margin:0 0 26px;line-height:1.55}.login-card label,.form-grid label,.field{display:grid;gap:8px;font-size:12px;font-weight:700;color:#5a5064;margin-bottom:16px}.login-card input,.form-grid input,.form-grid select,.form-grid textarea,.field input,.field select,.field textarea,.toolbar input,.toolbar select,.composer textarea{width:100%;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:12px;padding:12px 13px;outline:none;transition:.18s}.login-card input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus,.toolbar select:focus,.composer textarea:focus{border-color:#8c63b5;box-shadow:0 0 0 3px rgba(91,42,138,.10)}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.password-toggle{position:absolute;right:6px;top:5px}.login-meta{display:flex;justify-content:space-between;margin-top:18px;color:var(--muted);font-size:11px}
.btn{border:1px solid transparent;border-radius:12px;padding:10px 14px;font-weight:750;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--purple);color:#fff}.btn.primary:hover{background:var(--purple-2)}.btn.secondary{background:var(--purple-soft);color:var(--purple)}.btn.ghost{background:#fff;color:var(--purple);border-color:var(--line)}.btn.danger{background:var(--red-soft);color:var(--red)}.btn.small{padding:7px 10px;font-size:11px;border-radius:10px}.btn.wide{width:100%}.icon-btn{border:0;background:transparent;color:inherit;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.icon-btn:hover{background:rgba(43,18,79,.07)}
.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--purple);color:#fff;padding:20px 14px;display:flex;flex-direction:column;z-index:40}.sidebar-brand{padding:4px 6px 20px;border-bottom:1px solid rgba(255,255,255,.09)}.sidebar-brand>div:nth-child(2){min-width:0;flex:1}.sidebar-close{display:none}.nav-list{display:grid;gap:5px;padding:18px 0;overflow:auto}.nav-item{border:0;background:transparent;color:#cabbd7;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:11px;text-align:left;font-weight:650;font-size:13px}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.10);color:#fff}.nav-icon{width:22px;text-align:center;font-size:17px}.nav-badge{margin-left:auto;background:#fff;color:var(--purple);border-radius:999px;padding:2px 6px;font-size:10px;font-style:normal;font-weight:800}.sidebar-foot{margin-top:auto;display:grid;gap:12px}.workspace-card{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:rgba(255,255,255,.07)}.workspace-card div{min-width:0}.workspace-card b,.workspace-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-card b{font-size:12px}.workspace-card small{font-size:10px;color:#c7b7d5;margin-top:2px}.status-dot{width:8px;height:8px;border-radius:50%;background:#7de2ad;box-shadow:0 0 0 4px rgba(125,226,173,.12)}.sidebar .btn.ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#fff}
.main-area{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:84px;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:30}.topbar-left,.topbar-right{display:flex;align-items:center;gap:14px}.topbar h1{font-size:21px;margin:0;letter-spacing:-.02em}.topbar p{font-size:12px;color:var(--muted);margin:3px 0 0}.menu-toggle{display:none}.server-clock{display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:center;padding-right:14px;border-right:1px solid var(--line)}.server-clock small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.server-clock b{font-size:16px;grid-row:1/3;grid-column:2}.server-clock span{font-size:10px;color:var(--muted)}.user-pill{border:0;background:var(--purple-softer);border-radius:14px;padding:6px 10px 6px 6px;display:flex;align-items:center;gap:8px;color:var(--ink)}.user-pill>span{width:32px;height:32px;border-radius:10px;background:var(--purple);color:#fff;display:grid;place-items:center;font-weight:800}.user-pill b,.user-pill small{display:block;text-align:left}.user-pill b{font-size:11px}.user-pill small{font-size:9px;color:var(--muted);margin-top:2px}.page-host{padding:26px;flex:1}.app-footer{padding:16px 28px 22px;color:var(--muted);font-size:10px;display:flex;gap:18px;justify-content:flex-end}
.page{display:grid;gap:20px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.page-head h2{margin:0;font-size:20px}.page-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-sm);min-width:0}.kpi small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.kpi strong{display:block;font-size:26px;letter-spacing:-.04em;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi em{display:block;font-style:normal;font-size:10px;color:var(--muted);margin-top:7px}.kpi.accent{background:var(--purple);color:#fff;border-color:var(--purple)}.kpi.accent small,.kpi.accent em{color:#d8cbe3}.grid-2{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);overflow:hidden}.panel-pad{padding:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}.panel-head h3{font-size:14px;margin:0}.panel-head p{font-size:10px;color:var(--muted);margin:4px 0 0}.panel-body{padding:18px}.empty{padding:36px 18px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--ink);margin-bottom:6px}.empty p{font-size:12px;max-width:420px;margin:0 auto 14px;line-height:1.6}
.stage-bars{display:grid;gap:11px}.stage-row{display:grid;grid-template-columns:110px 1fr 62px;gap:10px;align-items:center}.stage-row label{font-size:11px;font-weight:700}.stage-track{height:8px;border-radius:999px;background:#eee9f2;overflow:hidden}.stage-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple-3),#8f67b6)}.stage-row span{font-size:10px;color:var(--muted);text-align:right}.activity-list{display:grid;gap:12px}.activity-item{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:start}.activity-dot{width:32px;height:32px;border-radius:10px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;font-size:12px}.activity-item b{font-size:11px;display:block}.activity-item p{font-size:10px;color:var(--muted);margin:3px 0 0;line-height:1.5}.activity-item time{font-size:9px;color:var(--muted)}
.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar input{min-width:220px}.toolbar select{min-width:150px}.data-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:800px}.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:11px;vertical-align:middle}.data-table th{font-size:9px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:var(--panel-2);position:sticky;top:0}.data-table tbody tr:hover{background:#fbf9fc}.person{display:flex;align-items:center;gap:9px}.avatar{width:32px;height:32px;border-radius:10px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center;font-weight:800;font-size:11px;flex:0 0 auto}.person b,.person small{display:block}.person b{font-size:11px}.person small{font-size:9px;color:var(--muted);margin-top:2px}.tag{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800;background:var(--purple-soft);color:var(--purple);text-transform:capitalize}.tag.green{background:var(--green-soft);color:var(--green)}.tag.red{background:var(--red-soft);color:var(--red)}.tag.amber{background:var(--amber-soft);color:var(--amber)}.tag.gray{background:#f0eef2;color:#716777}.row-actions{display:flex;gap:5px}
.kanban-wrap{overflow-x:auto;padding-bottom:6px}.kanban{display:grid;grid-template-columns:repeat(7,minmax(250px,1fr));gap:12px;min-width:1830px}.kanban-col{background:#f0edf3;border:1px solid var(--line);border-radius:16px;min-height:500px;overflow:hidden}.kanban-head{padding:12px 13px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#f7f4f9}.kanban-head b{font-size:11px}.kanban-head span{font-size:9px;color:var(--muted)}.kanban-body{padding:10px;display:grid;gap:9px}.deal-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px;box-shadow:0 5px 14px rgba(43,18,79,.04);cursor:grab}.deal-card.dragging{opacity:.45}.deal-card b{font-size:11px;display:block}.deal-card p{font-size:10px;color:var(--muted);margin:5px 0}.deal-card strong{font-size:13px}.deal-meta{display:flex;justify-content:space-between;margin-top:9px;font-size:9px;color:var(--muted)}
.inbox-layout{display:grid;grid-template-columns:320px 1fr;min-height:640px}.thread-list{border-right:1px solid var(--line);background:#fbfafc}.thread-search{padding:12px;border-bottom:1px solid var(--line)}.thread-search input{width:100%;border:1px solid var(--line);padding:10px 11px;border-radius:11px;outline:none}.threads{max-height:690px;overflow:auto}.thread{width:100%;border:0;background:transparent;padding:13px;text-align:left;display:flex;gap:10px;border-bottom:1px solid var(--line)}.thread:hover,.thread.active{background:#f2ecf7}.thread-main{min-width:0;flex:1}.thread-main b{font-size:11px}.thread-main p{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0}.thread-main small{font-size:9px;color:var(--muted)}.thread-unread{background:var(--purple);color:#fff;border-radius:999px;min-width:19px;height:19px;display:grid;place-items:center;font-size:9px;font-weight:800}.chat-area{display:flex;flex-direction:column;min-width:0}.chat-head{height:64px;border-bottom:1px solid var(--line);padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.chat-head b,.chat-head small{display:block}.chat-head b{font-size:12px}.chat-head small{font-size:9px;color:var(--muted);margin-top:3px}.messages{flex:1;padding:18px;background:#f7f5f9;display:flex;flex-direction:column;gap:9px;max-height:570px;overflow:auto}.bubble{max-width:min(70%,620px);padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:11px;line-height:1.55;align-self:flex-start}.bubble.outbound{align-self:flex-end;background:var(--purple);color:#fff;border-color:var(--purple)}.bubble time{display:block;font-size:8px;opacity:.65;margin-top:5px;text-align:right}.composer{padding:12px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px}.composer textarea{resize:none;min-height:46px;max-height:120px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.form-grid .span-2{grid-column:1/-1}.form-grid textarea{min-height:90px;resize:vertical}.check-row{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center;gap:8px!important}.check-row input{width:auto!important}.field-help{font-size:9px;color:var(--muted);line-height:1.5;margin-top:-9px;margin-bottom:14px}.info-box{border:1px solid var(--line);background:var(--purple-softer);padding:12px;border-radius:12px;font-size:10px;line-height:1.55;color:#5c5067}.warning-box{background:var(--amber-soft);color:#674914;border:1px solid #f2dfb2}.success-box{background:var(--green-soft);color:#215b45;border:1px solid #cde8da}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.code-box{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#21172e;color:#eee5f4;border-radius:12px;padding:12px;font-size:10px;word-break:break-all}.metric-list{display:grid;gap:12px}.metric-line{display:flex;align-items:center;justify-content:space-between;gap:14px}.metric-line span{font-size:10px;color:var(--muted)}.metric-line b{font-size:11px}.simple-chart{height:180px;display:flex;align-items:end;gap:8px;padding-top:14px}.chart-bar{flex:1;min-width:18px;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px}.chart-bar i{display:block;width:100%;max-width:36px;min-height:4px;border-radius:6px 6px 2px 2px;background:var(--purple-3)}.chart-bar span{font-size:8px;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg);max-height:52px;overflow:hidden}.campaign-progress{width:100px;height:6px;background:#eee9f2;border-radius:999px;overflow:hidden}.campaign-progress i{display:block;height:100%;background:var(--purple-3)}
.modal{border:0;padding:0;background:transparent;width:min(680px,calc(100vw - 24px));max-width:none}.modal::backdrop,.date-dialog::backdrop{background:rgba(20,10,34,.58);backdrop-filter:blur(3px)}.modal-box{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 25px 70px rgba(26,10,49,.25)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.modal-head small{font-size:9px;color:var(--purple-3);font-weight:800;letter-spacing:.1em}.modal-head h3{margin:3px 0 0;font-size:18px}.modal-body{padding:18px;max-height:65vh;overflow:auto}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--line);background:#fbfafc}
.date-dialog{border:0;padding:0;background:transparent;width:min(390px,calc(100vw - 20px));max-width:none}.date-box{background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(26,10,49,.26);padding:16px}.date-head{display:flex;justify-content:space-between;align-items:center}.date-head small{display:block;font-size:8px;letter-spacing:.12em;color:var(--muted)}.date-head b{display:block;font-size:14px;margin-top:3px}.calendar-nav{display:grid;grid-template-columns:34px 1fr 90px 34px;gap:6px;margin:14px 0 10px}.calendar-nav select,.time-row select{border:1px solid var(--line);border-radius:10px;padding:8px;background:#fff;color:var(--ink);outline:none}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-week span{text-align:center;font-size:8px;color:var(--muted);padding:5px}.calendar-day{aspect-ratio:1;border:0;background:transparent;border-radius:10px;font-size:10px;color:var(--ink)}.calendar-day:hover{background:var(--purple-soft)}.calendar-day.muted{color:#c3bacb}.calendar-day.selected{background:var(--purple);color:#fff}.calendar-day.today{box-shadow:inset 0 0 0 1px var(--purple-3)}.time-row{display:flex;align-items:end;justify-content:center;gap:8px;margin-top:12px;padding:12px;background:#f8f5fa;border-radius:12px}.time-row label{display:grid;gap:4px;font-size:8px;color:var(--muted);text-align:center}.time-row select{font-size:16px;font-weight:800;padding:8px 16px}.time-row span{padding-bottom:9px;font-weight:800}.date-actions{display:flex;justify-content:space-between;margin-top:12px}
.toast-host{position:fixed;right:18px;top:18px;display:grid;gap:8px;z-index:9999}.toast{min-width:260px;max-width:360px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--purple);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow);font-size:11px;animation:toastin .2s ease}.toast.error{border-left-color:var(--red)}.toast.success{border-left-color:var(--green)}@keyframes toastin{from{transform:translateY(-6px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:1180px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.setting-grid{grid-template-columns:1fr}.login-points{grid-template-columns:1fr}.login-panel{justify-content:flex-start;gap:100px}}
@media(max-width:900px){:root{--sidebar:0px}.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:250px;transform:translateX(-102%);transition:.2s;box-shadow:25px 0 55px rgba(22,7,42,.25)}.sidebar.open{transform:none}.sidebar-close{display:grid}.menu-toggle{display:grid}.topbar{padding:0 14px}.page-host{padding:16px}.server-clock{display:none}.login-shell{grid-template-columns:1fr}.login-panel{display:none}.login-card-wrap{min-height:100vh;padding:18px}.mobile-brand{display:flex}.login-card{padding:28px}.inbox-layout{grid-template-columns:260px 1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.app-footer{justify-content:center;padding:16px}}
@media(max-width:640px){.topbar{height:72px}.topbar p{display:none}.topbar-right .user-pill div{display:none}.page-host{padding:12px}.page{gap:14px}.page-head{align-items:flex-start;flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:14px}.kpi strong{font-size:20px}.grid-3{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.toolbar{align-items:stretch}.toolbar input,.toolbar select{width:100%;min-width:0}.inbox-layout{display:block;min-height:0}.thread-list{border-right:0}.threads{max-height:260px}.chat-area{min-height:520px}.messages{max-height:430px}.bubble{max-width:86%}.composer{grid-template-columns:1fr}.modal-body{padding:14px}.setting-grid{gap:12px}.app-footer{flex-direction:column;align-items:center;gap:3px}.toast-host{left:12px;right:12px}.toast{min-width:0;max-width:none}.calendar-nav{grid-template-columns:32px 1fr 86px 32px}.topbar h1{font-size:18px}}