*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f3f6fa;color:#172846}:root{--navy:#14274b;--deep:#07132c;--cyan:#2bc2c7;--line:#dfe5ec;--muted:#6d7a90}a{text-decoration:none;color:inherit}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,#2bc2c73a,transparent 30%),var(--deep)}.login-box{width:min(420px,calc(100% - 30px));background:#fff;padding:40px;border-radius:23px;box-shadow:0 30px 90px #0004}.brand{font-size:28px;font-weight:900;color:var(--navy)}.login-box h1{margin:25px 0 5px}.login-box p,.login-box small{font-size:11px;color:var(--muted)}.login-box form{display:grid;gap:10px;margin:25px 0}.login-box input,.login-box button,.editor input,.editor textarea{font:inherit;border:1px solid var(--line);border-radius:8px;padding:12px}.login-box button,.editor button,.add{background:var(--navy);color:#fff;border:0;padding:12px 17px;border-radius:8px;font-weight:900;cursor:pointer}.err{background:#fff0f0;color:#a33a3a;padding:10px;border-radius:8px;font-size:11px}.cms{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.cms aside{background:var(--deep);color:#91a0b5;padding:25px 14px;display:flex;flex-direction:column;gap:3px}.cms aside .brand{color:#fff;margin:0 10px 22px}.cms aside small{font-size:7px;letter-spacing:.15em;color:#61718b;padding:0 10px 8px}.cms aside a{font-size:11px;padding:11px;border-radius:8px}.cms aside a.active,.cms aside a:hover{background:#2bc2c71b;color:#fff}.cms aside b{float:right;color:var(--cyan)}.cms main{padding:38px}.cms main>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.cms main>header small{font-size:8px;letter-spacing:.18em;color:var(--cyan);font-weight:900}.cms main h1{margin:8px 0;font-size:32px}.cms main>header span{font-size:10px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metrics>div{background:#fff;border:1px solid var(--line);padding:20px;border-radius:14px}.metrics small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase}.metrics strong{font-size:34px}.welcome{margin-top:20px;background:var(--navy);color:#fff;padding:30px;border-radius:17px}.welcome p{font-size:12px;color:#a1aec0;line-height:1.7}.toolbar{display:flex;justify-content:space-between;margin-bottom:15px;font-size:11px;color:var(--muted)}.list{display:grid;gap:7px}.row{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px;display:grid;grid-template-columns:1fr auto auto auto;gap:15px;align-items:center;font-size:11px}.row small{display:block;color:var(--muted);margin-top:4px}.row a{color:#258b94;font-weight:900}.row button{border:0;background:#fff0f0;color:#a43c3c;padding:7px;border-radius:6px;font-size:9px}.editor{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;display:grid;gap:10px;max-width:780px}.editor h2{margin:0 0 5px}.editor label{font-size:9px;color:var(--muted)}.editor textarea{min-height:100px;resize:vertical}.check{display:flex;gap:7px;align-items:center}.check input{width:auto!important}.table{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:10px}th,td{padding:12px;text-align:left;border-bottom:1px solid #edf0f3;vertical-align:top}th{font-size:8px;color:#748198}@media(max-width:900px){.cms{grid-template-columns:1fr}.cms aside{position:relative}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.cms main{padding:20px}.metrics{grid-template-columns:1fr}.row{grid-template-columns:1fr 1fr}.row form{grid-column:2}}