:root{--bg:#f5f5f7;--card:#fff;--text:#111;--muted:#6e6e73;--line:#e5e5ea;--green:#178a4d;--red:#c9342f;--blue:#0a66c2}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit}.wrap{max-width:1100px;margin:auto;padding:20px 14px 90px}.top{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-size:34px;font-weight:800;letter-spacing:-.7px}.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{background:#fff;border-radius:22px;padding:18px}.metric small{display:block;color:var(--muted);margin-bottom:8px}.metric b{font-size:28px}
.green{color:var(--green)}.red{color:var(--red)}.btn{border:0;border-radius:14px;padding:11px 14px;font-weight:700;background:#111;color:#fff;cursor:pointer;text-decoration:none;display:inline-block}.btn.sec{background:#fff;color:#111;border:1px solid var(--line)}.btn.danger{background:#fff;color:var(--red);border:1px solid #efc7c5}.btn.sm{padding:7px 9px;font-size:13px}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.tabs{display:flex;gap:8px;overflow:auto;margin:16px 0}.tab{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:999px;text-decoration:none;white-space:nowrap}.tab.on{background:#111;color:#fff;border-color:#111}
.list{display:flex;flex-direction:column;gap:10px}.item{background:#fff;border-radius:18px;padding:14px 15px;display:flex;justify-content:space-between;gap:14px;align-items:center}.name{font-weight:800}.meta{font-size:13px;color:var(--muted);margin-top:4px}.right{text-align:right}
form.inline{display:inline}.field{display:flex;flex-direction:column;gap:6px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{grid-column:1/-1}label{font-size:13px;font-weight:700;color:var(--muted)}input,select,textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:#fff;font:inherit}textarea{min-height:90px}
.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.authbox{width:min(430px,100%);background:#fff;border-radius:28px;padding:24px}.authbox h1{font-size:30px;margin:0 0 8px}.authbox .field{margin:12px 0}.flash{padding:12px 14px;border-radius:14px;margin:12px 0}.flash.ok{background:#eaf7ef;color:#14693b}.flash.err{background:#fff0ef;color:#a72c27}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted)}
.period{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.period a{padding:8px 11px;border-radius:12px;background:#fff;border:1px solid var(--line);text-decoration:none}.period a.on{background:#111;color:#fff}
@media(max-width:720px){.grid,.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.metric b{font-size:23px}.item{align-items:flex-start;flex-direction:column}.right{text-align:left;width:100%}}