*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#14213d;font-family:Arial,Segoe UI,sans-serif}.shell{min-height:100vh;display:flex}.side{width:260px;background:#101b33;color:#cbd5e1;position:fixed;right:0;top:0;bottom:0;padding:22px 14px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px;border-bottom:1px solid #26334a}.mark{background:#3b82f6;color:white;border-radius:10px;width:39px;height:39px;display:grid;place-items:center;font-weight:800}.brand b{display:block;color:white;font-size:16px}.brand small,.profile small{display:block;color:#8290a8;margin-top:4px;font-size:11px}.close{display:none}nav{overflow:auto;flex:1 1;padding-top:10px}nav section{margin:14px 0}nav label{display:block;color:#64748b;font-size:11px;font-weight:700;padding:0 12px 7px}nav button{width:100%;border:0;background:transparent;color:#aeb9ca;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;font-size:14px;text-align:right;cursor:pointer;margin:2px 0}nav button.active,nav button:hover{background:#1e3154;color:white}nav button.active{box-shadow:inset -3px 0 #4f8df7}nav em{margin-right:auto;background:#ef4444;color:white;border-radius:12px;font-style:normal;font-size:10px;padding:2px 7px}.profile{border-top:1px solid #26334a;padding:18px 7px 0;display:flex;align-items:center;gap:10px}.avatar{width:35px;height:35px;border-radius:50%;background:#35518a;color:white;display:grid;place-items:center;font-size:12px}main{margin-right:260px;width:calc(100% - 260px)}header{height:70px;background:white;border-bottom:1px solid #e5eaf2;padding:0 34px;gap:18px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.search,header{display:flex;align-items:center}.search{max-width:550px;flex:1 1;gap:10px;background:#f5f7fa;border:1px solid #e4e9f0;border-radius:9px;padding:9px 13px}.search input{border:0;outline:0;background:transparent;flex:1 1;font-size:13px}.search kbd{font-size:10px;color:#94a3b8;background:white;border:1px solid #dbe2ea;padding:3px 6px;border-radius:4px}.icon,.mobile{margin-right:auto;border:0;background:transparent;position:relative;color:#64748b}.icon i{position:absolute;width:7px;height:7px;background:#ef4444;border-radius:50%;top:0;right:1px}.mobile{display:none}.content{padding:32px;max-width:1500px;margin:auto}.headline{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.headline p{font-size:12px;color:#8290a8;margin:0 0 9px}.headline h1{font-size:28px;margin:0 0 8px}.headline span{font-size:14px;color:#64748b}.primary{background:#2563eb;color:white;border:0;border-radius:8px;padding:11px 18px;font-weight:700}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.card,.panel{background:white;border:1px solid #e6ebf2;border-radius:12px;box-shadow:0 2px 8px #17255408}.card{padding:20px;display:flex;align-items:center;gap:15px}.bubble{width:46px;height:46px;border-radius:10px;display:grid;place-items:center}.bubble.blue{background:#e8f2ff;color:#2563eb}.bubble.violet{background:#f1eaff;color:#7c3aed}.bubble.red{background:#ffebeb;color:#dc2626}.bubble.green{background:#e8f8ef;color:#16a34a}.card p{margin:0;color:#64748b;font-size:12px}.card h3{font-size:22px;margin:5px 0}.card span{font-size:11px}.card span.red{color:#dc2626}.card span.blue,.card span.green,.card span.violet{color:#16a34a}.grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:17px;gap:17px;margin-top:18px}.panel{padding:21px}.span2{grid-column:auto}.panelHead{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #edf0f4;padding-bottom:15px}.panel h2{font-size:16px;margin:0 0 5px}.panel p{margin:0;color:#8491a4;font-size:12px}.panel select{border:1px solid #dce3eb;border-radius:7px;padding:7px;background:white}.link{display:flex;align-items:center;border:0;background:transparent;color:#2563eb}.chart{height:210px;padding-top:18px}.chart,.y{display:flex}.y{flex-direction:column;justify-content:space-between;color:#94a3b8;font-size:10px;padding-bottom:23px}.bars{justify-content:space-around;align-items:flex-end;flex:1 1;border-bottom:1px solid #dfe5ed;background:repeating-linear-gradient(180deg,#fff 0,#fff 43px,#edf1f6 44px)}.bar,.bars{display:flex}.bar{height:100%;width:12%;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar>div{height:90%;display:flex;align-items:flex-end;gap:5px}.bar i{display:block;width:16px;border-radius:4px 4px 0 0;background:#3979e9}.bar i+i{background:#d6e3f7}.bar span{font-size:10px;color:#748198}.legend{display:flex;justify-content:center;gap:20px;margin-top:12px;font-size:11px;color:#64748b}.legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-left:5px}.income{background:#3979e9}.expense{background:#d6e3f7}.tasks label{padding:16px 0;border-bottom:1px solid #edf0f4;display:flex;align-items:center;gap:11px}.tasks label:last-child{border:0}.tasks input{width:17px;height:17px}.tasks span{display:flex;flex-direction:column;gap:5px;flex:1 1}.tasks b{font-size:12px}.tasks small{color:#7b8798;font-size:10px}.tasks small.urgent{color:#e43d3d}.tasks em{font-style:normal;font-size:9px;background:#eef3fa;color:#59708e;border-radius:10px;padding:4px 7px}.activity>div{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf0f4}.activity>div:last-child{border:0}.activityIcon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center}.activityIcon svg{width:15px}.c0{background:#e9f8ee;color:#16a34a}.c1{background:#e8f2ff;color:#2563eb}.c2{background:#f1eaff;color:#7c3aed}.activity p{flex:1 1;display:flex;flex-direction:column;gap:4px}.activity b{color:#28364d;font-size:12px}.activity p span,.activity time{font-size:10px;color:#8792a3}.quick>div{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px;margin-top:15px}.quick button{border:1px solid #e3e9f1;background:#f8fafc;border-radius:9px;padding:13px 8px;color:#40516c;font-size:11px}.quick svg{display:block;margin:0 auto 6px;width:19px;color:#3676df}@media(max-width:1000px){.kpis{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.side{transform:translateX(100%);transition:.2s}.side.open{transform:translateX(0)}.close{display:block;margin-right:auto;background:transparent;color:white;border:0}.mobile{display:block;margin:0}main{margin:0;width:100%}}@media(max-width:620px){.content,header{padding-left:16px;padding-right:16px}.search kbd{display:none}.headline{align-items:flex-start;gap:15px}.kpis{grid-template-columns:1fr}.primary{white-space:nowrap}.card{padding:15px}}.modulePanel{padding:0;overflow:hidden}.moduleToolbar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #e7ecf3}.moduleToolbar span{margin-right:auto;color:#718096;font-size:12px}.moduleToolbar select{border:1px solid #dce3eb;border-radius:8px;padding:9px;background:white}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;min-width:700px}th{background:#f7f9fc;color:#64748b;font-size:12px;padding:14px 20px;border-bottom:1px solid #e5eaf1}td{padding:17px 20px;border-bottom:1px solid #edf1f5;font-size:13px;color:#334155}tbody tr:hover{background:#f8fbff}.statusPill{background:#eaf3ff;color:#2563eb;border-radius:20px;padding:5px 10px;font-size:11px}.empty{text-align:center;color:#8491a4;padding:50px}