:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#24303d;background:#f3f6f8}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.side{width:235px;background:#171e24;color:#cbd5e1;padding:24px 16px;flex:none}.brand{color:#fff;font-size:20px;font-weight:800;margin:0 0 4px}.sub{font-size:11px;color:#9aa7b5;margin:0 0 30px}.nav{display:block;padding:12px 14px;border-radius:8px;margin:5px 0}.nav:hover,.nav.active{background:#334155;color:#fff}.main{max-width:1500px;flex:1;min-width:0;padding:30px 35px}.top{display:flex;justify-content:space-between;align-items:center;gap:20px}.top h1{font-size:28px;margin:0}.muted{color:#697888;font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.card label{font-size:12px;color:#64748b;display:block}.num{font-size:31px;font-weight:800;margin-top:8px}.good{color:#258125}.warn{color:#b36a00}.bad{color:#b42318}.headrow{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.headrow h2{font-size:20px;margin:0}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:790px;font-size:13px}td,th{text-align:left;padding:12px 10px;border-bottom:1px solid #edf0f3}th{color:#64748b;font-size:12px;font-weight:600}tbody tr:hover{background:#f8fafc}.tag{display:inline-block;border-radius:99px;background:#edf2f7;padding:5px 9px;font-size:11px;font-weight:650}.tag.ok{background:#ecf8e8;color:#347921}.tag.alert{background:#fff3e4;color:#905400}.button{background:#62e238;border:0;color:#16241d;padding:11px 15px;border-radius:7px;font-weight:700;cursor:pointer}.field{width:100%;border:1px solid #cbd5e1;padding:12px;border-radius:8px;font:inherit}.login{max-width:410px;margin:12vh auto;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:30px}.login label{display:block;margin:17px 0 6px;font-size:13px}.alert{padding:12px 15px;border-radius:9px;background:#fff3e4;color:#764704;margin:17px 0}.error{background:#fee8e7;color:#8b2626}.small{font-size:12px}.filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.filter input{max-width:290px}.pager{display:flex;gap:12px;justify-content:flex-end;margin-top:15px}code{font-size:12px}@media(max-width:850px){.shell{display:block}.side{width:100%;padding:16px}.brand{margin:0}.sub{margin:0 0 12px}.nav{display:inline-block;font-size:13px;margin:2px;padding:8px}.main{padding:20px 12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.top h1{font-size:22px}}@media(max-width:480px){.cards{grid-template-columns:1fr 1fr}.card{padding:14px}.num{font-size:24px}}