:root{--ink:#183348;--muted:#748694;--blue:#279eee;--violet:#7b70e9;--bg:#f2f9fb}*{box-sizing:border-box}body{margin:0;padding:40px;background:radial-gradient(ellipse at 5% 95%,#ffa8de 0,transparent 42%),radial-gradient(ellipse at 90% 100%,#ffecc9 0,transparent 45%),linear-gradient(125deg,#0874e5 0,#00cfe1 60%,#b6f1f3 100%);background-attachment:fixed;color:var(--ink);font:14px/1.7 Tahoma,Arial,sans-serif;min-height:100vh;direction:inherit}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #148bdb}input,select,textarea{width:100%;padding:12px;border:1px solid #d9e7ec;border-radius:10px;background:#ffffffb8;color:var(--ink)}label{display:block;margin:12px 0 5px}button{cursor:pointer}.workspace{max-width:1600px;margin:auto;border:1px solid #fff;border-radius:27px;background:#f5fbfbea;box-shadow:0 24px 90px #075d9130;overflow:hidden;min-height:calc(100vh - 80px)}.masthead{display:flex;gap:25px;align-items:center;padding:24px 25px;border-bottom:1px solid #ddeaf066;background:#ffffff40}.identity{display:flex;align-items:center;gap:10px;min-width:175px;font-size:19px;line-height:1.25}.identity small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.logo{width:49px;height:49px;display:inline-grid;place-items:center;flex-shrink:0;border-radius:17px;background:linear-gradient(145deg,#a0d4ff,#2999ed);box-shadow:inset 0 1px 3px #fff8;color:#fff;font-size:32px}.module-search{display:flex;align-items:center;gap:8px;background:#e7f1f6aa;padding:0 12px;border-radius:9px;flex:1;min-width:100px}.module-search input{border:0;background:transparent;font-size:12px}.module-search>span{font-size:25px;color:#7192a6}.channel-switch{display:flex;gap:10px;align-items:center;border:1px solid #dbe9ed;border-radius:10px;padding:8px 12px;min-width:190px}.channel-switch>span:last-child{margin-inline-start:auto;color:#36a6be}.channel-switch small,.profile small{display:block;font-size:10px;color:#78929f}.channel-switch b,.profile b{display:block;font-size:12px}.avatar{width:39px;height:39px;object-fit:cover;border-radius:13px;flex-shrink:0}.fallback{display:grid;place-items:center;background:#e0f1ff;color:#2692d0;font-weight:bold}.profile{display:flex;gap:10px;align-items:center}.profile a{margin-inline-start:10px}.module-nav{display:flex;gap:6px;padding:14px 20px;border-bottom:1px solid #e8eff1;overflow-x:auto;scrollbar-width:thin}.module-nav a{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:11px 13px;font-size:12px;border-radius:13px;flex:1;justify-content:center}.module-nav a>span{border-radius:10px;background:#e9f1f3;min-width:26px;height:29px;display:grid;place-items:center;font-size:19px}.module-nav a:hover{background:#edf7fc}.module-nav a.selected{background:linear-gradient(135deg,#77bafb,#36a0eb);color:white;box-shadow:0 5px 14px #4eacdf30}.module-nav a.selected>span{background:#ffffff40}.layout{display:grid;grid-template-columns:210px minmax(0,1fr);direction:inherit;min-height:650px;padding:0 18px 18px;gap:18px}.side{position:static;height:auto;max-height:none;overflow:visible;direction:inherit;margin-top:16px;padding:19px 12px;background:#ffffffba;border:0;border-radius:17px;color:var(--ink);box-shadow:none}.side-label{font-size:10px;font-weight:bold;color:#627a8a;padding:4px 10px}.nav{margin-top:13px}.nav a{color:#72808d;font-size:11px;padding:10px;display:flex;justify-content:space-between;gap:5px}.nav a span{opacity:0}.nav a.on,.nav a:hover{color:#128fcc;background:#effaff;box-shadow:none}.nav a.on span{opacity:1}.side-note{border-top:1px solid #e9f0f3;margin:35px 8px 15px;padding-top:18px;font-size:10px;color:#6e8795}.side-note small{display:block;font-size:9px;margin-top:8px}.status-dot{display:inline-block;background:#55c8a3;width:6px;height:6px;border-radius:50%;margin-inline-end:5px}.assistant-shortcut{display:block;background:linear-gradient(120deg,#eaf1ff,#f4efff);border-radius:9px;padding:12px 7px;font-size:11px;color:#7764c3}.main{direction:inherit;min-width:0;padding:18px 0 0}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.top h1{font-size:21px;margin:4px 0 0}.eyebrow{font-size:10px;letter-spacing:.4px;color:#8ca0aa}.date-pill{font-size:11px;color:#698798;display:flex;align-items:center;gap:14px}.date-pill a{background:#fff9;border:1px solid #e2edf0;border-radius:9px;padding:5px 10px}.date-pill b{margin-inline-start:5px}.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.card,.panel{background:#ffffffb8;border:1px solid #ffffffd9;border-radius:16px;box-shadow:0 4px 22px #496d8510}.card{padding:17px 14px;min-height:140px}.card.kpi-green,.card.kpi-blue,.card.kpi-red,.card.kpi-yellow,.card.kpi-purple{background:linear-gradient(125deg,#fff9,#f9ffffc9);border-color:#ffffffd9}.card .icon{width:38px;height:38px;border-radius:12px;box-shadow:none;float:none;margin-bottom:9px}.kpi-green .icon{color:#57b776;background:#eaf9e8}.kpi-blue .icon{color:#39bad7;background:#e5f9fb}.kpi-red .icon{color:#de78a8;background:#ffedf7}.kpi-yellow .icon{color:#e4b849;background:#fff6df}.kpi-purple .icon{color:#9480ec;background:#f0ebff}.card .icon svg{width:23px;height:23px}.card b{font-size:18px;line-height:1.7;overflow-wrap:anywhere}.pill{font-size:10px;background:#eff8fc;color:#6892a3;padding:3px 6px}.muted{color:var(--muted);font-size:12px}.grid{gap:15px;margin-top:15px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.panel{padding:21px;overflow:auto}.panel h3{font-size:14px;margin-top:0}.btn{background:linear-gradient(135deg,#67b7f4,#259de4);color:white;box-shadow:0 4px 9px #3299d91c;border:0;border-radius:9px;padding:10px 16px;display:inline-block}.btn:disabled{opacity:.5;cursor:not-allowed}.full{width:100%;margin:20px 0}.bar{background:#eaf2f6}.bar i{background:linear-gradient(90deg,#65cddb,#6cafef)}.chart .col i{background:linear-gradient(#9e84ed,#78b9ef);width:40%;margin-inline:auto}.quick a{background:#fff9;border-color:#fff;color:#59829a;font-size:12px}.alert{border:0;background:#fff3f5;color:#ba6e85;font-size:12px}.alert.blue{background:#eef9ff;color:#4a95b9}.alert.amber{background:#fff8e8;color:#b49554}.notice{border-inline-start:3px solid #74bce7}.panel table{min-width:0}th,td{text-align:start;border-bottom:1px solid #edf2f4;font-size:12px;padding:13px 9px}.donut{background:conic-gradient(#77b8ee 0 40%,#93d5c6 40% 68%,#f3d38b 68% 84%,#d5b1df 84%)}footer{padding:26px 3px 8px;color:#9aabb4;font-size:10px;display:flex;gap:10px}.auth-body{display:grid;place-items:center;padding:30px}.auth-card{width:min(460px,100%);background:#f9ffffed;border:1px solid white;border-radius:25px;padding:36px;box-shadow:0 25px 80px #20607830;text-align:center}.auth-card.wide{width:min(620px,100%)}.auth-card .logo{margin-bottom:15px}.auth-card h1{font-size:24px}.auth-card label{text-align:start}.auth-card>a{font-size:12px;color:#5e8aa6}.info-box{padding:18px;background:#eaf6fc;border:1px solid #d8edf8;border-radius:12px;margin:18px 0;line-height:1.9;color:#4b7d99;font-size:13px}.channel-options{display:grid;gap:8px;margin:25px 0}.channel-option{display:flex;align-items:center;gap:13px;border:1px solid #dfecf2;border-radius:13px;padding:14px;background:#fff9;cursor:pointer}.channel-option:has(input:checked){border-color:#58aae5;background:#eef8ff}.channel-option input{width:auto}.channel-option small{display:block;color:#8a9caa;font-size:11px}.calendar-heading{display:flex;align-items:center;justify-content:space-between}.calendar-heading h2{font-size:18px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;min-width:620px}.weekday{text-align:center;font-size:11px;color:#8a9ba8;padding:10px}.calendar-day{border:1px solid #e6eff4;border-radius:10px;padding:8px;min-height:100px;background:#fff9}.calendar-day>small{float:inline-end;color:#a1b1ba;font-size:9px}.calendar-day.outside{opacity:.4}.calendar-day.today{border-color:#4eabeb;background:#edf8ff}.event{display:block;padding:4px 6px;border-radius:5px;background:#ebedff;font-size:10px;color:#7062a2;margin-top:5px;overflow-wrap:anywhere}.event form{display:inline}.text-button{background:none;border:0;color:#a9738d}.deadline{background:#e4f7ee;color:#4b9378}.event-form{margin-top:16px;max-width:600px}.event-form .btn{margin-top:14px}.assistant-panel{max-width:900px;margin:auto}.assistant-emblem{width:55px;height:55px;background:#edf0ff;color:#9b82e7;font-size:35px;border-radius:17px;display:grid;place-items:center}.assistant-panel h2{font-size:22px}.chat-history{display:grid;gap:12px;margin:25px 0}.chat{padding:14px 19px;border-radius:14px;max-width:90%;white-space:pre-wrap;overflow-wrap:anywhere}.chat p{margin:6px 0}.chat small{font-size:10px;color:#8da0b0}.user-message{background:#eaf6ff;margin-inline-start:auto}.assistant-message{background:#f2f0ff}.consent{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:#77909e}.consent input{width:auto;margin-top:5px}.assistant-panel .btn{margin-top:14px}[dir=ltr] .main,[dir=ltr] .side,[dir=ltr] .layout{direction:ltr}[dir=ltr] .notice{border-right:0}
.dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-cards .card{display:flex;align-items:center;gap:12px;min-height:94px}.dashboard-cards .card .icon{flex-shrink:0;margin:0}.dashboard-cards .card b{font-size:16px;margin:0}.dashboard-cards .card .muted{font-size:10px}.dashboard-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-legend{display:flex;gap:18px;font-size:11px;margin:15px 0}.chart-legend small{margin-inline-start:auto;color:#95a4ad}.legend-blue{color:#2a9ae6}.legend-pink{color:#ee739d}.legend-purple{color:#967deb}.line-chart{width:100%;height:225px;direction:ltr}.chart-data{font-size:10px;color:#8199a8;margin-top:12px}.purchase-chart{height:225px;display:flex;gap:16px;direction:ltr;padding:8px 5px}.purchase-chart>div{flex:1;text-align:center;min-width:0}.bar-track{height:180px;border-bottom:1px solid #e4edef;display:flex;align-items:end;justify-content:center;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#edf2f4 40px)}.bar-track i{display:block;width:10px;background:linear-gradient(#987aeb,#aab9f1);border-radius:4px 4px 0 0}.purchase-chart small{font-size:9px;color:#8a9eaa}
@media(min-width:1500px){body{padding:55px}.workspace{min-height:calc(100vh - 110px)}}
@media(max-width:1150px){body{padding:20px}.masthead{gap:14px}.module-search{display:none}.channel-switch{margin-inline-start:auto}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.module-nav a{padding:9px 12px}.layout{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:800px){body{padding:10px}.workspace{border-radius:19px}.masthead{flex-wrap:wrap;padding:16px}.identity{min-width:0;flex:1}.profile{order:2}.channel-switch{order:3;width:100%;margin:0}.module-nav{padding:10px}.layout{display:block;padding:0 13px 13px}.side{display:none;transform:none}.main{padding:16px 0 0}.grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.top h1{font-size:19px}.top{align-items:center}.panel{padding:15px}.calendar-grid{min-width:620px}.profile small{display:none}.profile b{max-width:100px;overflow:hidden;text-overflow:ellipsis}.date-pill{font-size:10px}.auth-card{padding:25px}.module-cards{grid-template-columns:1fr}}
@media(max-width:480px){.card{display:block;min-height:145px;padding:13px}.card b{font-size:16px}.card .icon{width:34px;height:34px}.cards{gap:9px}.identity small{font-size:8px}.logo{width:40px;height:40px}.identity{font-size:16px}.profile .avatar{width:32px;height:32px}.date-pill{flex-direction:column;gap:0}.top{gap:8px}.quick{display:flex}.quick a{min-width:100px}.auth-body{padding:12px}}
