@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#1262e6;--ink:#172b4d;--muted:#708099;--border:#e5eaf2;--paper:#fff;--bg:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}button{border:1px solid var(--border);background:white;border-radius:9px;padding:10px 15px;color:var(--ink);transition:transform .2s,background .2s}button:hover{background:#edf4ff;transform:translateY(-1px)}button.primary{background:var(--blue);border-color:var(--blue);color:white}button.danger{color:#b72c46}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--blue);text-decoration:none}input,textarea,select{border:1px solid var(--border);border-radius:8px;background:var(--paper);color:var(--ink);padding:11px;max-width:100%}input:focus,textarea:focus,button:focus-visible,select:focus{outline:3px solid #91c1ff;outline-offset:2px}textarea{resize:vertical;min-height:100px}aside{width:244px;position:fixed;inset:0 auto 0 0;background:var(--paper);border-right:1px solid var(--border);padding:24px 18px;z-index:10;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);padding:0 8px 26px}.brand img{width:72px;border-radius:8px}.brand strong{font:800 13px Manrope,sans-serif;line-height:1.6}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--muted);margin:23px 12px 12px}nav{display:grid;gap:5px}nav a{color:#68788e;display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:9px;font-weight:500}nav a.active{background:#eaf2ff;color:var(--blue);font-weight:700}nav a i{font-size:20px;font-style:normal;width:23px}.aside-bottom{margin-top:auto;padding:20px 10px 0;font-size:11px;color:var(--muted)}.aside-bottom p{font-size:10px}.online{display:inline-block;width:7px;height:7px;border-radius:50%;background:#19b994;margin-right:5px}.shell{margin-left:244px}header{height:82px;background:var(--paper);display:flex;align-items:center;gap:20px;padding:0 34px;border-bottom:1px solid var(--border)}.breadcrumb{color:var(--muted);flex:1;font-size:12px}.breadcrumb b{color:var(--ink);margin-left:6px}#searchTop{color:var(--muted);font-size:12px}kbd{margin-left:30px;background:var(--bg);padding:2px 5px}#bell{border:none;font-size:20px;padding:6px}.avatar{background:#dceaff;color:#1254bb;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:12px;font-weight:800}#menu{display:none}main{padding:34px;min-height:calc(100vh - 125px);animation:appear .5s ease}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:12px}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:27px;letter-spacing:-.9px;margin:0 0 8px}h2{font-size:17px;margin:0 0 16px}h3{font-size:14px;margin:0 0 8px}p{line-height:1.7;margin:5px 0;color:var(--muted)}.hero{background:linear-gradient(112deg,#082f72,#125bdd 65%,#3581f9);padding:32px;color:white;border-radius:15px;position:relative;overflow:hidden;margin-bottom:26px;min-height:200px;display:flex;align-items:center;justify-content:space-between}.hero h2{font-size:27px;margin:8px 0}.hero p{color:#d1e2ff;max-width:470px}.hero .eyebrow{color:#a9d5ff;margin:0}.hero img{width:130px;border-radius:14px;position:relative;z-index:1;margin:0 30px}.hero:before,.hero:after{content:'';position:absolute;width:230px;height:230px;border:1px solid #ffffff24;border-radius:50%;right:55px;top:-45px;animation:bubble 10s ease-in-out infinite}.hero:after{width:350px;height:350px;top:-105px;right:-10px;animation-delay:-4s}.hero button{margin-top:17px;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.stat,.card{background:var(--paper);border:1px solid var(--border);border-radius:12px;padding:23px}.stat{display:flex;gap:14px;align-items:center}.stat .symbol{font-size:21px;background:#edf4ff;border-radius:12px;padding:13px;color:var(--blue)}.stat b{display:block;font:800 26px Manrope,sans-serif}.stat small{color:var(--muted)}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:23px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-title h2{margin:0}.row{display:flex;gap:13px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:none}.row .grow{flex:1}.row p{font-size:12px}.tag{font-size:10px;font-weight:700;padding:5px 9px;background:#e7f6f1;color:#158263;border-radius:6px;white-space:nowrap}.tag.blue{background:#eaf1ff;color:#2865ce}.tag.orange{background:#fff3dd;color:#b17e16}.tag.gray{background:var(--bg);color:var(--muted)}.progress{height:5px;background:#edf1f6;border-radius:5px;margin-top:14px;overflow:hidden}.progress div{height:100%;background:var(--blue);border-radius:5px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.empty{text-align:center;padding:45px;color:var(--muted)}.tabs{display:flex;gap:10px;margin-bottom:22px}.tabs button.active{background:var(--blue);color:white}.split{display:grid;grid-template-columns:280px 1fr;gap:20px}.conversation{padding:15px;border-radius:10px;cursor:pointer;margin-bottom:6px}.conversation.active{background:#eaf2ff}.messages{height:380px;overflow:auto;padding:10px}.bubble{max-width:80%;background:#f0f4fa;border-radius:0 15px 15px 15px;padding:13px 16px;margin:15px 0;animation:appear .3s}.bubble.me{margin-left:auto;background:#e5efff;border-radius:15px 0 15px 15px}.bubble small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.compose{display:flex;gap:9px;margin-top:15px}.compose input{flex:1;min-width:0}.form{display:grid;gap:14px}.form label{display:grid;gap:6px;font-size:12px;font-weight:700}.form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}dialog{border:1px solid var(--border);border-radius:16px;padding:25px;width:650px;max-width:94vw;max-height:90vh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#11284b80;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-head h2{margin:0}.modal-head button{border:none;font-size:24px}.note{background:#edf4ff;color:#386290;border-radius:9px;padding:13px;font-size:12px;margin:12px 0}.room{background:#112440;border-radius:13px;padding:20px;color:white;min-height:250px}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.tile{background:#203a60;min-height:130px;border-radius:12px;display:grid;place-items:center;position:relative}.tile video{width:100%;max-height:210px}.tile span{font-size:30px}.tile small{position:absolute;bottom:10px;left:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--border);font-size:12px}th{color:var(--muted);font-size:10px;letter-spacing:.5px}.activity{border-left:2px solid #dce8fb;padding:0 0 20px 18px;margin-left:6px;position:relative}.activity:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--blue);position:absolute;left:-4px;top:4px}.activity small{font-size:10px;color:var(--muted)}#toast{position:fixed;bottom:28px;right:28px;background:#163866;color:white;padding:14px 22px;border-radius:10px;box-shadow:0 8px 25px #10234230;z-index:50;opacity:0;transform:translateY(20px);transition:.3s;pointer-events:none}#toast.show{opacity:1;transform:translateY(0)}footer{font-size:10px;color:var(--muted);padding:16px 34px;display:flex;justify-content:space-between}.editor{width:100%;min-height:260px}.toolbar{display:flex;gap:8px;margin:12px 0}canvas{background:white;width:100%;border:1px solid var(--border);touch-action:none}.dark{--paper:#142640;--bg:#0c192c;--ink:#e5efff;--muted:#9baec8;--border:#29405b}.dark .bubble,.dark .tag.gray{background:#263e5c}.dark nav a.active,.dark .conversation.active{background:#213f68}.dark .note{background:#203d62}.dark .stat .symbol{background:#203d62}.dark .bubble.me{background:#204578}@keyframes appear{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes bubble{50%{transform:translateY(18px) scale(1.1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}#searchTop span,kbd{display:none}header{gap:12px}.hero img{margin:0;width:100px}}@media(max-width:760px){aside{transform:translateX(-100%);transition:.3s}aside.open{transform:none}.shell{margin:0}header{padding:12px;height:68px}#menu{display:block}.breadcrumb{display:none}#searchTop{margin-left:auto}main{padding:19px}.hero{padding:24px}.hero img{display:none}.hero h2{font-size:22px}.grid,.split,.cards{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:15px;gap:9px}.stat .symbol{padding:8px}.stat b{font-size:22px}.page-heading{align-items:flex-start}h1{font-size:23px}.page-heading button{font-size:11px}.card{padding:18px}footer span{display:none}.form .two{grid-template-columns:1fr}.row{flex-wrap:wrap}}