*{box-sizing:border-box}body{margin:0;font:15px system-ui,sans-serif;background:#0f172a;color:#e2e8f0}
header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#1e293b}
h1{margin:0;font-size:18px}h2{margin:0 0 10px;font-size:17px}h3{margin:14px 0 6px;font-size:15px;color:#fbbf24}
nav{display:flex;gap:6px;padding:8px 16px;overflow-x:auto;background:#162033}
nav a{padding:6px 12px;border-radius:16px;background:#334155;color:#e2e8f0;text-decoration:none;white-space:nowrap}
nav a.on{background:#f59e0b;color:#111}
main{max-width:860px;margin:auto;padding:16px}
section,.card{background:#1e293b;border-radius:12px;padding:14px;margin-bottom:14px}
.card{background:#0f172a}
select{font:inherit;padding:6px 10px;border-radius:8px;border:1px solid #475569;background:#0f172a;color:inherit;margin:0 6px 8px 0;max-width:100%}
a{color:#fbbf24}table{width:100%;border-collapse:collapse}
td,th{padding:5px 6px;text-align:center;border-bottom:1px solid #334155}td.l,th.l{text-align:left}
.day{margin:12px 0 4px;color:#94a3b8;font-size:13px}
.m{display:grid;grid-template-columns:48px 1fr 54px 1fr;gap:6px;padding:6px 0;border-bottom:1px solid #334155;align-items:center}
.m .sc{text-align:center;font-weight:600}.m .r{text-align:right}.m small{display:block;color:#94a3b8;font-size:11px}
.ph{color:#94a3b8;font-style:italic}.tag{font-size:11px;background:#334155;border-radius:8px;padding:1px 7px;margin-left:6px}
.pos-GK{color:#facc15}.pos-DF{color:#60a5fa}.pos-MF{color:#4ade80}.pos-FW{color:#f87171}
#st{font-size:12px;opacity:.7}code{background:#0f172a;padding:1px 5px;border-radius:5px;word-break:break-all}
@media(max-width:520px){.m{grid-template-columns:40px 1fr 44px 1fr;font-size:13px}}
label{display:block;margin:0 0 10px;font-size:13px;color:#94a3b8}
label input,#inv input{display:block;width:100%;margin-top:4px;font:inherit;padding:9px 12px;border-radius:8px;border:1px solid #475569;background:#0f172a;color:#e2e8f0}
#inv input{display:inline-block;width:auto;min-width:220px;margin:0 6px 8px 0}
button{font:inherit;padding:9px 16px;border:0;border-radius:8px;background:#f59e0b;color:#111;cursor:pointer}
.auth{max-width:380px;margin:30px auto}.links{margin:10px 0 0;font-size:13px}
.msg{min-height:1.2em;margin-top:8px;color:#f87171;font-size:13px}.msg.ok{color:#4ade80}
.hr{font-size:12px;text-align:right}.hr a{margin-left:8px}
section.edit summary{cursor:pointer;color:#fbbf24;font-weight:600}
.edit form{margin-top:10px}.edit form.row{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.edit form.row label{margin:0}
.edit select{width:100%;display:block;margin:4px 0 0}.edit h3{margin-top:16px}
.tm{max-height:260px;overflow:auto;background:#0f172a;border-radius:8px;padding:8px;margin:8px 0}
.tg{margin-bottom:6px}.ck{display:inline-block;margin:2px 10px 2px 0;font-size:13px;color:#e2e8f0}
.ck input{display:inline;width:auto;margin:0 4px 0 0}
#toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:#166534;color:#fff;padding:10px 16px;border-radius:10px;z-index:9;display:none;max-width:90%}
#toast.bad{background:#991b1b}
.sim{margin-left:4px;text-decoration:none}.m .sc small{display:block;font-weight:400}