:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#173c2c;background:#f7fbf8;--green:#159e4b;--deep:#145833;--line:#d4e6d8;--muted:#61776b;--white:#fff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.side{background:#fff;border-right:1px solid var(--line);padding:20px 14px;position:sticky;top:0;height:100vh;overflow:auto;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:0;font-weight:800;color:#145a33;margin:5px 7px 28px}.brand img{width:150px;height:auto}.nav-label{font-size:10px;letter-spacing:.1em;font-weight:800;color:#83a08c;margin:22px 12px 8px}.side a.nav{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;text-decoration:none;color:#496557;font-size:13px;font-weight:700}.side a.nav:hover{background:#eef7f0}.side a.nav.active{background:#158040;color:white}.nav .ico{width:20px;text-align:center}.side-footer{margin-top:30px;border-top:1px solid var(--line);padding:16px 9px;font-size:12px;color:var(--muted)}.top{position:sticky;top:0;background:rgba(255,255,255,.96);z-index:4;border-bottom:1px solid var(--line);min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 28px}.top small{color:var(--muted)}.top-right{display:flex;align-items:center;gap:10px}.env{background:#e5f7e9;color:#167040;font-size:11px;font-weight:800;border-radius:20px;padding:5px 10px}.main{min-width:0}.content{max-width:1560px;margin:auto;padding:30px 30px 70px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.page-head h1{margin:0 0 6px;font-size:26px;letter-spacing:-.035em}.page-head p{margin:0;color:var(--muted);font-size:14px}.button,.ghost{border:1px solid var(--line);background:#fff;color:var(--deep);border-radius:8px;padding:10px 14px;font-weight:700;font-size:12px;text-decoration:none;display:inline-block}.button{border-color:var(--green);background:var(--green);color:#fff}.button:hover{background:#0e873c}.ghost:hover{background:#eef8f1}.button:focus-visible,.ghost:focus-visible,.nav:focus-visible,.tab:focus-visible{outline:3px solid #6dc899;outline-offset:2px}.tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:24px;scrollbar-color:#acd8b7 transparent;padding-bottom:2px}.tab{white-space:nowrap;border:0;background:none;color:#577565;padding:12px 14px;font-weight:700;font-size:13px;border-bottom:2px solid transparent}.tab.active{color:#127839;border-color:#1aa14e}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 16px #173d2710;padding:20px;margin-bottom:16px}.metric .label{color:var(--muted);font-size:12px}.metric .value{font-size:27px;font-weight:800;margin-top:11px;color:var(--deep)}.metric .source{font-size:11px;color:#6e8b79;margin-top:5px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:26px 0 12px;gap:10px}.section-title h2{font-size:17px;margin:0}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{text-align:left;background:#edf6f0;color:#4b7157;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.data-table th,.data-table td{padding:13px 11px;border-bottom:1px solid #e2eee5;vertical-align:top}.data-table tr:last-child td{border-bottom:0}.data-table a{color:#087a38;font-weight:700}.muted{color:var(--muted)}.note{background:#eff9f1;border:1px solid #d4ead9;border-radius:9px;padding:14px 16px;color:#37684b;font-size:12px;line-height:1.55;margin:14px 0}.warn{background:#fff7e9;border-color:#f4d392;color:#805515}.danger{background:#fff0ed;border-color:#e8b8ae;color:#9d342f}.pill{display:inline-flex;align-items:center;border-radius:30px;padding:4px 8px;background:#e9f7ed;color:#0d7434;font-size:11px;font-weight:800}.pill.high,.pill.critical{background:#fff0ea;color:#a33d22}.pill.medium{background:#fff7dc;color:#825d0a}.filters{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:0 0 18px}.filters label{display:grid;gap:5px;color:#52715d;font-size:11px;font-weight:700}.filters input,.filters select,.form input,.form textarea{border:1px solid #c9dfcf;border-radius:8px;padding:10px;min-width:130px;background:#fff;color:#173c2c}.filters input[type=date]{width:155px}.form{display:grid;gap:14px}.form label{display:grid;gap:6px;font-size:12px;font-weight:700}.form input,.form textarea{width:100%}.form textarea{min-height:100px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,#e7f8ec,#f7fbf8 60%)}.login{max-width:430px;width:100%;padding:30px}.login h1{margin:10px 0;font-size:26px}.login .brand{margin:0 0 25px}.login .button{width:100%;margin-top:4px}.error{color:#a33727;background:#fff1ee;border:1px solid #e6bbb1;padding:10px;border-radius:8px;font-size:12px}.empty{padding:24px;color:var(--muted);text-align:center}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item{border:1px solid var(--line);border-radius:10px;padding:14px}.item strong{display:block;margin-bottom:7px}.item small{color:var(--muted)}.mobile-menu{display:none}.backdrop{display:none}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kv{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #e4efe7;font-size:12px}.kv span:first-child{color:var(--muted)}.action-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.action-row select{border:1px solid var(--line);padding:10px;border-radius:8px}.truncate{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statusline{font-size:11px;color:#5d7d68;margin-top:7px}@media(max-width:1050px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{grid-template-columns:200px minmax(0,1fr)}}@media(max-width:700px){.shell{display:block}.side{position:fixed;left:-260px;width:246px;top:0;bottom:0;transition:left .2s;height:100vh}.side.open{left:0}.backdrop.open{display:block;position:fixed;inset:0;background:#12392477;z-index:4}.mobile-menu{display:inline-block}.top{padding:10px 15px}.top-right .staff-name{display:none}.content{padding:22px 15px 60px}.page-head{display:block}.page-head .head-action{margin-top:14px}.grid,.item-grid,.detail-grid{grid-template-columns:1fr}.card{padding:16px}.data-table{min-width:680px}.tabs{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}.kv{grid-template-columns:110px 1fr}.filters label{flex:1 1 145px}.filters input,.filters select{width:100%}}@media(max-width:390px){.top small{display:none}.page-head h1{font-size:23px}}