:root{font-family:ui-rounded,"Hiragino Sans GB","PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#342b22;background:#17233b;font-size:15px}*{box-sizing:border-box}[hidden]{display:none!important}body{min-height:100vh;margin:0;padding:18px;background:radial-gradient(circle at 50% -20%,#466655 0,transparent 45%),linear-gradient(145deg,#17233b,#243a53)}button,input{font:inherit}.admin-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;max-width:1380px;margin:0 auto 14px;padding:13px 16px;border:1px solid #a98254;border-radius:16px;background:linear-gradient(110deg,#fff8e9,#efe5d1);box-shadow:0 12px 35px #07111e66}.admin-header>a,.access-card>a{padding:8px 11px;border-radius:8px;background:#4f7057;color:#fff9e5;text-decoration:none}.admin-header small,.panel header small{color:#8a7458;font-size:10px;letter-spacing:.13em}.admin-header h1{margin:2px 0 0;font-size:23px}.admin-header>span{padding:6px 10px;border:1px solid #b99a6d;border-radius:999px;background:#f5ead2;color:#6d5438;font-size:11px}main{max-width:1380px;margin:auto}.access-card{display:grid;justify-items:center;gap:9px;max-width:560px;margin:13vh auto;padding:40px;border:2px solid #a98254;border-radius:20px;background:#f7f2e8;text-align:center;box-shadow:0 20px 70px #07111e88}.access-card>span{font-size:42px}.access-card h2{margin:0}.access-card p{max-width:420px;margin:0 0 10px;color:#786b5d;line-height:1.65}.hero-card{display:grid;grid-template-columns:1fr 1fr minmax(320px,2fr);gap:14px;align-items:center;padding:15px 18px;border:1px solid #a98254;border-radius:16px;background:linear-gradient(120deg,#f8ecd1,#dfc79c);box-shadow:0 12px 35px #07111e66}.hero-card>div:not(.control-row){display:grid;gap:3px}.hero-card small,.stats-grid small{color:#806b50;font-size:11px}.hero-card strong{font-size:20px}.control-row{display:flex;justify-content:flex-end;gap:8px}button{border:0;border-radius:8px;padding:9px 12px;background:#4f7057;color:#fff9e5;cursor:pointer;font-weight:700}button:hover{background:#628466}button:disabled{opacity:.55;cursor:wait}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0}.stats-grid article{display:grid;gap:5px;padding:15px;border:1px solid #b99a6d;border-radius:14px;background:#f7f2e8;box-shadow:0 8px 24px #07111e44}.stats-grid strong{font:800 24px/1.1 Georgia,serif;color:#4b604b}.admin-grid{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:12px}.panel{overflow:hidden;border:1px solid #a98254;border-radius:16px;background:#f7f2e8;box-shadow:0 12px 35px #07111e66}.panel>header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #cfb98f;background:#ead8b6}.panel h2{margin:2px 0 0;font-size:18px}.panel header>span{padding:5px 8px;border-radius:999px;background:#5e785e;color:#fff9e5;font-size:10px}.config-panel form{display:grid;gap:12px;padding:15px}.config-panel label{display:grid;gap:5px;color:#5d4d3c;font-size:12px;font-weight:700}.config-panel input{width:100%;padding:10px;border:1px solid #c3ad86;border-radius:8px;background:#fffcf3;color:#342b22}.config-panel input:focus{outline:3px solid #d8b36055;border-color:#8a673e}.config-panel .check{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #bac7ae;border-radius:9px;background:#e6eddb}.config-panel .check input{width:auto}.config-panel output{min-height:20px;color:#9d4f36;font-size:12px}.table-wrap{max-height:560px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:10px;border-bottom:1px solid #e1d5bf;text-align:left;white-space:nowrap}th{position:sticky;top:0;background:#f2e6cd;color:#705b43;font-size:10px;letter-spacing:.06em}tbody tr:hover{background:#fcf7eb}td[data-role="admin"]{color:#8a572f;font-weight:800}td[data-role="visitor"]{color:#526c55}@media(max-width:900px){body{padding:9px}.admin-header{grid-template-columns:auto 1fr}.admin-header>span{grid-column:1/-1;justify-self:start}.hero-card{grid-template-columns:1fr 1fr}.control-row{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.stats-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.users-panel{min-height:380px}}@media(max-width:520px){.admin-header h1{font-size:19px}.hero-card{grid-template-columns:1fr}.control-row{grid-column:auto}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid strong{font-size:20px}}

@media(pointer:coarse){button,.admin-header>a,.access-card>a{min-height:44px}input{min-height:46px;font-size:16px}}
@media(max-width:520px){
  body{min-height:100dvh;padding-top:max(8px,env(safe-area-inset-top));padding-right:max(8px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left))}
  .admin-header{gap:10px;padding:11px}
  .admin-header>a{display:grid;place-items:center}
  .admin-header>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .hero-card,.panel,.stats-grid article{border-radius:12px}
  .control-row{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .control-row button:last-child{grid-column:1/-1}
  .stats-grid{gap:7px}
  .stats-grid article{padding:12px 10px}
  .config-panel form{padding:12px}
  .table-wrap{max-height:65dvh;-webkit-overflow-scrolling:touch}
  th,td{padding:12px 10px}
  .access-card{margin:8vh auto;padding:28px 18px}
}