:root{--nav:#0b1f33;--nav2:#102d48;--blue:#0875d1;--cyan:#16b7c9;--bg:#f3f7fa;--ink:#172534;--muted:#647586;--line:#dce5ec;--ok:#13a06f;--bad:#df4a54;--warn:#eaa319}*{box-sizing:border-box}body{margin:0;font:14px/1.5 "Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--blue);text-decoration:none}.top{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:5}.brand{display:flex;gap:10px;align-items:center;color:var(--ink)}.brand .mark,.big-mark{background:linear-gradient(145deg,var(--blue),var(--cyan));color:#fff;font-weight:800;display:grid;place-items:center;border-radius:12px}.brand .mark{width:40px;height:40px;font-size:24px}.brand small{display:block;color:var(--muted);font-size:11px}.user{display:flex;align-items:center;gap:15px}.shell{display:grid;grid-template-columns:245px 1fr;min-height:calc(100vh - 103px)}.side{background:linear-gradient(180deg,var(--nav),#071725);padding:18px 12px;color:#b9c9d7}.side h4{font-size:10px;letter-spacing:1.3px;margin:18px 10px 7px;color:#6f8aa1}.side a{display:flex;gap:10px;color:#c7d6e2;padding:9px 11px;border-radius:7px;margin:2px 0}.side a:hover,.side a.active{background:var(--nav2);color:#fff}.side i{width:18px;text-align:center;font-style:normal;color:#58d0df}.main{padding:24px;overflow:hidden}footer{height:35px;padding:8px 24px;text-align:center;color:var(--muted);font-size:11px;background:#fff;border-top:1px solid var(--line)}h1{font-size:27px;margin:0}h2{font-size:21px}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.page-head p{margin:4px 0 0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:20px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 14px rgba(12,43,68,.05)}.card{padding:17px}.card small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.card strong{display:block;font-size:28px;margin-top:5px}.card .trend{font-size:12px}.ok{color:var(--ok)}.bad{color:var(--bad)}.warn{color:var(--warn)}.panels{display:grid;grid-template-columns:2fr 1fr;gap:18px}.panel{padding:18px;margin-bottom:18px;overflow:auto}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.panel h2{margin:0}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#53687a;font-size:11px;text-transform:uppercase;letter-spacing:.5px;background:#f6f9fb}th,td{padding:11px 10px;border-bottom:1px solid #e8eef2}tr:hover td{background:#f8fbfd}.badge{display:inline-block;padding:3px 9px;border-radius:20px;font-weight:600;font-size:11px;background:#e7eef3}.badge.Online,.badge.Active,.badge.Available,.badge.Authorized,.badge.Processed,.badge.Resolved{background:#dff6ec;color:#08794f}.badge.Offline,.badge.Unauthorized,.badge.New,.badge.Lost,.badge.Damaged,.badge.Failed{background:#fee5e7;color:#b72f3a}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #cbd8e2;border-radius:7px;padding:9px 10px;background:#fff;min-width:145px}.primary,.secondary,.danger{border:0;border-radius:7px;padding:9px 14px;cursor:pointer;font-weight:600}.primary{background:var(--blue);color:#fff}.secondary{background:#e7eef3;color:#27455e}.danger{background:#fee5e7;color:#b72f3a}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form-grid label{display:flex;flex-direction:column;gap:5px;color:#445b6c;font-weight:600}.form-grid .span2{grid-column:span 2}.message{display:block;border-radius:8px;margin-bottom:12px}.message:not(:empty){padding:10px 12px}.message.error{background:#fee5e7;color:#9e2932}.message.success{background:#dff6ec;color:#08794f}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#12446a,#071725 60%)}.login-card{width:min(930px,92vw);display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 30px 90px #0008}.login-art{background:linear-gradient(145deg,#0875d1,#06365a);color:#fff;padding:62px;min-height:560px;display:flex;flex-direction:column;justify-content:center}.big-mark{width:66px;height:66px;font-size:40px;background:#fff2;color:#fff;border:1px solid #fff4}.login-art h1{font-size:38px;line-height:1.15;margin:14px 0}.login-art p{color:#d7edff;font-size:16px}.eyebrow{letter-spacing:2px!important;font-size:11px!important}.plant{margin-top:50px;border-top:1px solid #ffffff45;padding-top:18px}.login-form{padding:62px 54px;display:flex;flex-direction:column;justify-content:center}.login-form h2{font-size:29px;margin:0}.login-form>p{color:var(--muted)}.login-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;margin:9px 0}.login-form input[type=text],.login-form input[type=password]{padding:12px;border:1px solid #bdcbd5;border-radius:8px}.remember{display:flex;justify-content:space-between;margin:12px 0 20px}.wide{width:100%;padding:12px}.fine{font-size:11px;text-align:center;margin-top:28px!important}.mobile-menu{display:none}.empty{padding:35px;text-align:center;color:var(--muted)}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.panels{grid-template-columns:1fr}.shell{grid-template-columns:1fr}.side{position:fixed;top:68px;bottom:0;left:-260px;width:245px;z-index:4;transition:.2s;overflow:auto}.nav-open .side{left:0}.mobile-menu{display:block}.form-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.main{padding:15px}.cards,.form-grid,.login-card{grid-template-columns:1fr}.login-art{display:none}.login-form{padding:35px 28px}.user span{display:none}.top{padding:0 14px}}