:root{color:#10203d;background:#f5f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:30;background:#0c2b52;flex-direction:column;width:250px;padding:22px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{flex-direction:column;padding:0 8px 18px;display:flex}.brand b{font-size:24px}.brand span,.userbox small{opacity:.72;font-size:12px}.brand.big b{color:#0d3769;font-size:32px}.brand.big span{color:#475569}.userbox{border-top:1px solid #ffffff1e;border-bottom:1px solid #ffffff1e;align-items:center;gap:10px;padding:14px 8px;display:flex}.userbox div:last-child{flex-direction:column;display:flex}.avatar{color:#11396b;background:#d9e8ff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.sidebar nav{flex-direction:column;gap:5px;margin-top:16px;display:flex}.sidebar a,.sidebar button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:11px 12px;font-size:14px;text-decoration:none;display:flex}.sidebar a.active,.sidebar a:hover,.sidebar button:hover{background:#1e5ea5}.side-foot{border-top:1px solid #fff2;margin-top:auto;padding-top:10px}.main{flex:1;min-width:0;margin-left:250px}.topbar{z-index:20;background:#fff;border-bottom:1px solid #e3e9f2;align-items:center;height:66px;padding:0 26px;display:flex;position:sticky;top:0}.search{color:#64748b;background:#f4f7fb;border:1px solid #e2e8f0;border-radius:9px;flex:1;max-width:560px;padding:10px 14px}.top-user{margin-left:auto;font-weight:700}.page{max-width:1500px;margin:auto;padding:28px}.page-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.page-title h1{margin:0;font-size:30px}.page-title p{color:#64748b;margin:4px 0}.cards{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.cards.compact{grid-template-columns:repeat(5,1fr)}.stat,.mini{background:#fff;border:1px solid #e6ebf2;border-radius:14px;flex-direction:column;gap:5px;padding:18px;display:flex;box-shadow:0 2px 7px #0f172a0a}.stat strong{font-size:28px}.stat.red{border-left:5px solid #e5484d}.stat.amber{border-left:5px solid #f0a020}.stat.green{border-left:5px solid #1aaa67}.stat.gray{border-left:5px solid #94a3b8}.panel{background:#fff;border:1px solid #e5eaf1;border-radius:14px;margin:16px 0;padding:18px;box-shadow:0 2px 8px #0f172a08}.panel h2{margin:0 0 13px;font-size:18px}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head span{color:#64748b;font-size:12px}.grid2{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{color:#475569;text-align:left;white-space:nowrap;background:#f5f8fc;padding:10px}td{white-space:nowrap;border-top:1px solid #edf1f6;padding:11px 10px}td a{color:#1456a0;font-weight:700;text-decoration:none}.badge{border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.badge.green{color:#14643b;background:#def6e8}.badge.amber{color:#8a5b00;background:#fff0cc}.badge.red{color:#a5262b;background:#ffe1e2}.badge.gray{color:#566174;background:#edf1f5}.dot{border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.dot.red{background:#df343b}.dot.yellow{background:#f2a51d}.caprow{border-bottom:1px solid #eef2f6;grid-template-columns:130px 1fr 55px;align-items:center;gap:10px;padding:10px 0;display:grid}.caprow div:first-child{flex-direction:column;display:flex}.caprow small{color:#64748b}.bar{background:#e9eef5;border-radius:99px;height:8px;overflow:hidden}.bar span{background:#2a73c7;border-radius:99px;height:100%;display:block}.danger{color:#c92e33}.article{border-top:1px solid #eef2f6;grid-template-columns:1fr 1.5fr 1.5fr 2fr;gap:10px;padding:12px 0;display:grid}.movement{gap:0;display:flex;overflow:auto}.move{flex-direction:column;min-width:150px;padding:10px 15px 12px 0;display:flex;position:relative}.move:after{content:"→";color:#94a3b8;position:absolute;top:16px;right:5px}.move:last-child:after{display:none}.circle{color:#fff;background:#175ca7;border-radius:50%;place-items:center;width:28px;height:28px;margin-bottom:8px;display:grid}.move small{color:#64748b}.closure{flex-wrap:wrap;gap:20px;display:flex}.login-wrap{background:linear-gradient(135deg,#eef5ff,#f8fafc);place-items:center;min-height:100vh;display:grid}.login-card{background:#fff;border:1px solid #e3e9f2;border-radius:18px;width:min(420px,92vw);padding:30px;box-shadow:0 18px 55px #12345b18}.login-card h1{margin-bottom:3px}.login-card p{color:#64748b}.login-card form{flex-direction:column;gap:14px;margin:22px 0;display:flex}.login-card label{flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.login-card input{border:1px solid #dbe3ec;border-radius:9px;padding:12px}.primary{color:#fff;background:#155fae;border:0;border-radius:9px;padding:12px;font-weight:800}.error{color:#982929;background:#ffe5e5;border-radius:8px;padding:9px}.empty{flex-direction:column;justify-content:center;min-height:220px;display:flex}.menu-mobile,.close-mobile{display:none}@media (width<=900px){.sidebar{width:min(330px,78vw);transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{margin-left:0}.menu-mobile{background:0 0;border:0;margin-right:12px;display:block}.close-mobile{color:#fff;background:0 0;border:0;display:block;position:absolute;top:14px;right:14px}.page{padding:18px}.cards,.cards.compact{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.topbar{padding:0 14px}.top-user{display:none}.article{grid-template-columns:1fr}.movement{grid-template-columns:1fr;display:grid}.move:after{content:"↓";inset:auto auto -4px 12px}.caprow{grid-template-columns:100px 1fr 48px}}