:root{
  --bg:#eef5fa;
  --panel:rgba(255,255,255,.92);
  --panel2:#f7fbfe;
  --line:#d9e7f1;
  --text:#14304a;
  --muted:#6c8297;
  --blue:#2498d7;
  --blue2:#e8f5fc;
  --cyan:#38c2c5;
  --green:#4ab39b;
  --red:#ef6464;
  --yellow:#f1bd4e;
  --navy:#143b5e;
  --shadow:0 14px 40px rgba(43,91,128,.10);
  --soft-shadow:0 8px 24px rgba(43,91,128,.07)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#f5fafe 0%,#edf5fb 48%,#f6fbfe 100%)}button,input,textarea,select{font:inherit}.hidden{display:none!important}
button{cursor:pointer}.btn{border:0;border-radius:14px;padding:11px 16px;font-weight:700}.btn-primary{background:linear-gradient(135deg,#2498d7,#177ebc);color:white;box-shadow:0 8px 20px rgba(36,152,215,.22)}.full{width:100%}
.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 78% 12%,rgba(67,183,224,.20),transparent 28%),linear-gradient(180deg,#f8fcff,#edf5fb)}.auth-card{width:min(450px,100%);background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:var(--shadow)}.brand-row{display:flex;align-items:center;gap:16px}.brand-word{font-size:28px;font-weight:300;letter-spacing:.28em;color:#0e2842;white-space:nowrap}.brand-word.large{font-size:34px}.star-o{display:inline-grid;place-items:center;width:1em;height:1em;border-radius:50%;background:radial-gradient(circle,#fff 0 5%,#76c4f2 11%,#2d75a9 58%,#183f68 100%);color:#fff;font-size:.72em;letter-spacing:0;box-shadow:0 0 16px rgba(77,166,226,.55)}.brand-divider{width:1px;height:36px;background:#c9d9e6}.brand-sub{font-size:13px;color:var(--muted)}.auth-card h1{margin:28px 0 6px}.auth-card p{color:var(--muted)}label{display:block;font-size:13px;color:var(--muted);margin:14px 0 6px}input,textarea,select{width:100%;border:1px solid var(--line);background:white;border-radius:13px;padding:12px 13px;outline:none;color:var(--text)}input:focus,textarea:focus,select:focus{border-color:#7bc2eb;box-shadow:0 0 0 3px rgba(58,165,223,.10)}.auth-card .btn{margin-top:18px}.error{color:#b93c3c;margin-top:12px;font-size:13px}
.app{min-height:100vh}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid rgba(211,226,237,.85);background:rgba(248,252,255,.86);backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}.topbar-left,.topbar-right{display:flex;align-items:center;gap:18px}.greeting{font-size:16px;font-weight:700}.greeting-sub{font-size:13px;color:var(--muted);margin-top:3px}.command-box{width:min(430px,42vw);height:48px;border:1px solid var(--line);background:rgba(255,255,255,.92);border-radius:26px;display:flex;align-items:center;padding:0 10px 0 14px;box-shadow:var(--soft-shadow)}.command-box input{border:0;background:transparent;padding:0 10px;box-shadow:none}.search-ico{color:#467b9f;font-size:20px}.icon-btn,.profile-chip{width:38px;height:38px;border-radius:50%;border:0;background:#e9f5fb;color:#2e82b5}.profile-chip{background:#cbdbea;color:white}
.shell{display:grid;grid-template-columns:330px 1fr;min-height:calc(100vh - 104px)}
.assistant-panel{position:sticky;top:104px;height:calc(100vh - 104px);padding:18px 22px 20px;border-right:1px solid rgba(211,226,237,.8);background:linear-gradient(180deg,rgba(235,246,253,.85),rgba(244,250,254,.95));overflow:auto}.avatar-shell{height:330px;position:relative;margin-bottom:2px}.avatar-head{position:absolute;left:58px;top:10px;width:170px;height:220px}.face{position:absolute;left:20px;top:36px;width:132px;height:160px;border-radius:50% 50% 46% 46%;background:linear-gradient(180deg,#f0c5a8,#dca887);box-shadow:inset 0 -8px 18px rgba(124,70,45,.08)}.hair{position:absolute;left:12px;top:0;width:150px;height:78px;background:linear-gradient(180deg,#152534,#0d1923);border-radius:70% 70% 28% 28%;clip-path:polygon(0 0,100% 0,100% 73%,87% 56%,72% 75%,60% 58%,46% 76%,31% 58%,18% 76%,0 62%);z-index:3}.ear{position:absolute;top:80px;width:42px;height:62px;background:#dea98a;z-index:1}.ear.left{left:-8px;clip-path:polygon(100% 4%,100% 100%,0 52%)}.ear.right{right:-8px;clip-path:polygon(0 4%,0 100%,100% 52%)}.brow{position:absolute;top:52px;width:38px;height:4px;background:#37261f;border-radius:99px}.brow-l{left:20px;transform:rotate(-8deg)}.brow-r{right:20px;transform:rotate(8deg)}.eye{position:absolute;top:67px;width:11px;height:5px;border-radius:50%;background:#25313a}.eye-l{left:34px}.eye-r{right:34px}.nose{position:absolute;left:61px;top:76px;width:10px;height:34px;border-left:2px solid rgba(118,71,49,.22);transform:skew(-7deg)}.mouth{position:absolute;left:47px;top:124px;width:38px;height:2px;background:#8f5f52;border-radius:99px}.uniform{position:absolute;left:40px;top:196px;width:216px;height:126px;background:linear-gradient(180deg,#e6eef4,#c9d7e2);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);border-radius:24px}.badge-mark{position:absolute;right:46px;top:26px;font-size:28px;color:#b39a65}.salute{position:absolute;left:0;top:142px;width:110px;height:180px}.palm{position:absolute;left:22px;top:82px;width:58px;height:72px;background:#e5b092;border-radius:42% 42% 50% 50%;transform:rotate(-8deg);box-shadow:inset 0 -6px 12px rgba(123,76,51,.08)}.finger{position:absolute;width:18px;background:#e5b092;border-radius:18px 18px 10px 10px;transform-origin:bottom}.f1{left:13px;top:18px;height:86px;transform:rotate(-8deg)}.f2{left:34px;top:0;height:100px;transform:rotate(-2deg)}.f3{left:58px;top:7px;height:94px;transform:rotate(5deg)}.f4{left:82px;top:24px;height:79px;transform:rotate(14deg)}.thumb{position:absolute;left:4px;top:100px;width:54px;height:18px;background:#e5b092;border-radius:18px;transform:rotate(-36deg)}
.quote{font-size:21px;line-height:1.35;font-style:italic;color:#254a68;margin:0 0 8px 18px}.quote-line{width:34px;height:2px;background:#5aaad6;margin-left:18px}.assistant-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.assistant-actions button{height:48px;border:1px solid rgba(174,205,225,.75);background:rgba(255,255,255,.50);border-radius:12px;color:#315d7c;display:flex;align-items:center;justify-content:center;gap:8px}.assistant-actions button:hover{background:#fff}.workspace-switcher{margin-top:10px}.assistant-footer{margin-top:16px;display:flex;justify-content:space-between;align-items:center}.assistant-footer small{color:#8aa1b4}.assistant-footer button{border:0;background:none;color:#66839a}
.main{padding:18px 22px 96px;min-width:0}.view{display:none}.view.active{display:block}
.workflow-strip{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr 1.25fr;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:14px 20px;box-shadow:var(--soft-shadow);margin-bottom:14px;overflow:hidden}.workflow-step{text-align:center}.step-icon{width:52px;height:52px;border-radius:50%;margin:0 auto 7px;display:grid;place-items:center;background:linear-gradient(180deg,#7ed6e9,#2e99cf);color:white;font-size:24px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}.step-icon.teal{background:linear-gradient(180deg,#62d7ce,#33b29f)}.workflow-step strong{display:block;font-size:15px}.workflow-step small{display:block;color:var(--muted);font-size:12px;line-height:1.25;margin-top:3px}.workflow-arrow{color:#2aa4dd;font-size:30px;text-align:center}.workflow-motto{height:100%;min-height:90px;margin:-14px -20px -14px 12px;padding:20px;position:relative;display:flex;align-items:center;justify-content:flex-end;color:#315776;font-size:14px;line-height:1.6;background:linear-gradient(135deg,#f6fbfe,#e9f4fa)}.mountain{position:absolute;inset:0;background:linear-gradient(155deg,transparent 0 48%,rgba(91,162,202,.14) 49% 54%,transparent 55%),linear-gradient(25deg,transparent 0 48%,rgba(91,162,202,.10) 49% 56%,transparent 57%);opacity:.9}
.grid-top{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:14px}.grid-middle{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:14px;margin-top:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:15px 16px;box-shadow:var(--soft-shadow);min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.panel h3{margin:0;font-size:17px}.panel-link,.dots{border:0;background:none;color:#7890a5;font-size:12px}.panel-date{font-size:12px;color:#8799a9}.alert-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--red);color:white;font-size:12px}.priority-item,.project-item,.approval-item,.calendar-item,.message-item{border-top:1px solid #edf3f7}.priority-item:first-child,.project-item:first-child,.approval-item:first-child,.calendar-item:first-child,.message-item:first-child{border-top:0}.priority-item{display:grid;grid-template-columns:28px 1fr auto 20px;align-items:center;gap:8px;padding:9px 0}.number{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e9f6fc;color:#317ca9;font-size:12px}.priority-item strong{font-size:13px;font-weight:600}.priority-item time{font-size:12px;color:#55738c}.chev{color:#4a99c9}.project-item{padding:10px 0}.project-title{display:flex;justify-content:space-between;gap:8px;font-size:13px}.project-title span:first-child{display:flex;align-items:center;gap:8px}.dot{width:9px;height:9px;border-radius:50%;background:#2eb8d2}.project-item:nth-child(2) .dot{background:#f0bb44}.project-item:nth-child(3) .dot{background:#6877ef}.project-item:nth-child(4) .dot{background:#39a6c4}.progress{height:6px;background:#e9f0f5;border-radius:99px;margin:7px 0 0 18px;overflow:hidden}.progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#29b4bd,#37bfc4)}.approval-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0}.approval-copy strong{display:block;font-size:13px}.approval-copy small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.approval-actions{display:flex;align-items:center;gap:7px}.round-ok,.round-no{width:29px;height:29px;border:0;border-radius:50%;color:white;font-weight:700}.round-ok{background:var(--green)}.round-no{background:var(--red)}
.ai-tag{font-size:10px;font-weight:500;background:#e9f7f6;color:#54a29b;padding:5px 8px;border-radius:99px;margin-left:8px}.execution-title{display:flex;justify-content:space-between;font-weight:700;font-size:13px;margin:8px 0 10px}.execution-grid{display:grid;grid-template-columns:1fr 180px;gap:12px}.plan-steps{display:grid;gap:8px}.plan-step{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;font-size:12px}.plan-status{color:#5ea29a;font-size:11px}.next-step{background:linear-gradient(180deg,#eff8fd,#e8f3f9);border:1px solid #dcecf4;border-radius:14px;padding:12px}.next-step small{color:#6d8ba2}.next-step strong{display:block;font-size:13px;margin:4px 0 10px}.next-step button{width:100%;border:0;background:#2498d7;color:white;border-radius:20px;padding:9px}
.calendar-item{display:grid;grid-template-columns:82px 1fr auto;gap:7px;padding:8px 0;font-size:11px}.calendar-item time{color:#668299}.calendar-item strong{font-weight:600}.calendar-item span:last-child{color:#89a0b3}.message-item{display:grid;grid-template-columns:34px 1fr auto;gap:8px;padding:8px 0}.msg-avatar{width:30px;height:30px;border-radius:50%;background:#e4f1f8;display:grid;place-items:center;color:#3a7096;font-size:11px}.message-item strong{display:block;font-size:12px}.message-item small{display:block;color:#8296a7;font-size:10px;margin-top:2px}.message-item time{font-size:10px;color:#8296a7}
.bottom-strip{display:grid;grid-template-columns:1.05fr 1fr 1.2fr;gap:14px;margin-top:14px}.day-overview,.focus-time,.ai-tip{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:13px 16px;box-shadow:var(--soft-shadow)}.day-overview{display:flex;align-items:center;gap:18px}.ring{width:74px;height:74px;border-radius:50%;background:conic-gradient(#2bb5c7 0 78%,#e2edf3 78%);display:grid;place-items:center}.ring>div{width:56px;height:56px;border-radius:50%;background:white;display:grid;place-items:center}.ring strong{font-size:15px}.day-overview h4,.focus-time h4,.ai-tip strong{margin:0}.stats-row{display:flex;gap:20px;margin-top:8px}.stats-row div{min-width:44px}.stats-row strong{display:block;font-size:18px}.stats-row span{display:block;color:var(--muted);font-size:10px}.focus-bars{height:42px;display:flex;align-items:flex-end;gap:5px;margin-top:6px}.focus-bars span{flex:1;background:linear-gradient(180deg,#84cee6,#44b6c8);border-radius:2px 2px 0 0;opacity:.8}.focus-axis{display:flex;justify-content:space-between;color:#8ca0af;font-size:9px;margin-top:5px}.ai-tip{display:grid;grid-template-columns:42px 1fr 22px;align-items:center;gap:10px}.bulb{width:38px;height:38px;border-radius:50%;background:#e6f5fd;display:grid;place-items:center;color:#2d9bd5}.ai-tip p{margin:4px 0 0;font-size:11px;color:#6f879a;line-height:1.35}.ai-tip button{border:0;background:none;font-size:26px;color:#426e8d}
.bottom-nav{position:fixed;right:22px;left:352px;bottom:14px;height:56px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;gap:4px;padding:7px;backdrop-filter:blur(14px);z-index:20}.bottom-nav button{border:0;background:none;color:#658299;border-radius:12px;padding:10px 15px}.bottom-nav button.active,.bottom-nav button:hover{background:#eaf6fc;color:#2d91c6}
.section-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-toolbar h2{margin:0}.section-toolbar p{margin:4px 0 0;color:var(--muted)}.list-stack{display:grid;gap:9px}.list-row{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;box-shadow:var(--soft-shadow)}.list-row strong{display:block}.list-row small{display:block;color:var(--muted);margin-top:4px}.list-actions{display:flex;gap:7px}.list-actions button{border:1px solid var(--line);background:white;border-radius:10px;padding:8px 10px;color:#52748d}.crm-board{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;overflow:auto}.crm-col{min-width:210px;background:rgba(228,239,246,.75);border:1px solid #d8e6ef;border-radius:16px;padding:12px}.crm-col h3{margin:0 0 10px;font-size:14px}.crm-card{background:white;border:1px solid var(--line);border-radius:13px;padding:12px;margin-top:8px}.crm-card small{display:block;color:var(--muted);margin-top:3px}.crm-card select{margin-top:8px;padding:8px}.upload input{display:none}
.chat-layout{display:grid;grid-template-columns:1fr 280px;gap:14px}.chat-card,.quick-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--soft-shadow)}.chat-card{height:calc(100vh - 170px);display:flex;flex-direction:column;padding:16px}.chat-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eaf1f6;padding-bottom:12px}.chat-head small{display:block;color:var(--muted)}.spock-mini{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#68c7e1,#2d8fc4);color:white;font-weight:800}.messages{flex:1;overflow:auto;padding:12px 0}.chat-msg{max-width:76%;padding:11px 13px;border-radius:14px;margin:8px 0;line-height:1.45;white-space:pre-wrap}.chat-msg.user{margin-left:auto;background:#288fc9;color:white}.chat-msg.assistant{background:#edf6fb}.chat-form{display:flex;gap:9px;border-top:1px solid #eaf1f6;padding-top:12px}.chat-form textarea{resize:none}.quick-card{padding:16px}.quick-card h3{margin-top:0}.quick-card button{width:100%;text-align:left;border:1px solid var(--line);background:white;border-radius:11px;padding:11px;margin:5px 0;color:#4f718a}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.more-grid button{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px;text-align:left;box-shadow:var(--soft-shadow)}.more-grid strong{display:block;font-size:20px}.more-grid span{display:block;color:var(--muted);margin-top:5px}
dialog{border:0;border-radius:20px;width:min(560px,calc(100% - 30px));padding:20px;box-shadow:0 24px 70px rgba(0,0,0,.22)}dialog::backdrop{background:rgba(24,54,78,.30)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0}.modal-head button{border:0;background:none;font-size:18px}.modal-body .btn,#modalBody .btn{margin-top:16px}
@media(max-width:1250px){.shell{grid-template-columns:280px 1fr}.bottom-nav{left:302px}.grid-top{grid-template-columns:1.4fr 1fr}.grid-top>.panel:last-child{grid-column:1/-1}.grid-middle{grid-template-columns:1.3fr 1fr}.grid-middle>.panel:last-child{grid-column:1/-1}.workflow-strip{grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr}.workflow-motto{display:none}.assistant-panel{padding-left:16px;padding-right:16px}}
@media(max-width:900px){.topbar{height:auto;min-height:88px;padding:16px}.greeting-sub{display:none}.command-box{width:42vw}.shell{grid-template-columns:1fr}.assistant-panel{display:none}.main{padding:14px 12px 88px}.bottom-nav{left:12px;right:12px;bottom:10px}.workflow-strip{grid-template-columns:1fr 16px 1fr 16px 1fr 16px 1fr}.step-icon{width:44px;height:44px}.workflow-step small{display:none}.grid-top,.grid-middle,.bottom-strip,.chat-layout{grid-template-columns:1fr}.grid-top>.panel:last-child,.grid-middle>.panel:last-child{grid-column:auto}.quick-card{display:none}.more-grid{grid-template-columns:1fr}.brand-word.large{font-size:26px}.topbar .brand-divider,.topbar .greeting{display:none}}
@media(max-width:620px){.topbar-right{width:100%}.topbar{flex-wrap:wrap;gap:10px}.command-box{width:calc(100% - 50px)}.workflow-arrow{display:none}.workflow-strip{grid-template-columns:repeat(4,1fr);padding:12px 8px}.workflow-step strong{font-size:11px}.grid-top,.grid-middle{gap:10px}.bottom-nav{overflow:auto;justify-content:flex-start}.bottom-nav button{white-space:nowrap}.crm-board{grid-template-columns:repeat(5,210px)}}