*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:#f4f6f8;color:#18212b}header{background:#111827;color:#fff;padding:18px 4vw;display:flex;justify-content:space-between;align-items:center;gap:20px}header h1{margin:0 0 4px;font-size:22px}header small{color:#cbd5e1}nav{display:flex;gap:14px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none}main{max-width:1500px;margin:24px auto;padding:0 20px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 8px 24px rgba(0,0,0,.04)}.layout{display:grid;grid-template-columns:230px 1fr;gap:18px}.week,.system{display:flex;justify-content:space-between;padding:10px 12px;border-radius:9px;text-decoration:none;color:#111827;margin:5px 0;background:#f8fafc}.week.active{background:#e0e7ff;font-weight:700}.systems{margin-top:14px}.inline,.row-between,.generator{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row-between{justify-content:space-between}input,select,textarea,button,.btn{font:inherit;border:1px solid #d1d5db;border-radius:9px;padding:10px 12px}input,select,textarea{background:#fff}button,.btn{background:#2563eb;color:#fff;border:none;cursor:pointer;text-decoration:none;display:inline-block}button.secondary,.secondary{background:#475569}button:disabled{opacity:.5;cursor:not-allowed}.match-row{display:grid;grid-template-columns:35px 1fr 25px 1fr 90px;gap:8px;align-items:center;margin:8px 0}.table-wrap{overflow:auto;border:1px solid #e5e7eb;border-radius:12px}table{border-collapse:collapse;min-width:100%}th,td{border-bottom:1px solid #e5e7eb;border-right:1px solid #eef2f7;padding:9px;text-align:center;white-space:nowrap}tbody th{text-align:left;position:sticky;left:0;background:#fff;z-index:1}tbody th small{display:block;color:#64748b;font-weight:400;max-width:260px;overflow:hidden;text-overflow:ellipsis}.pick{font-weight:800;cursor:pointer;min-width:54px}.pick:hover{background:#eef2ff}.pick.dirty{outline:2px solid #f59e0b}.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:8px;margin:14px 0}.rule{padding:10px;border:1px solid #e5e7eb;border-radius:9px;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.rule b{flex:1 1 100%;font-size:13px}.generator label{display:flex;flex-direction:column;font-size:13px;font-weight:700}.alert{padding:10px 12px;border-radius:8px;margin:8px 0}.warning{background:#fff7ed;color:#9a3412}.danger{background:#fef2f2;color:#991b1b}.success{background:#ecfdf5;color:#065f46}.stats{display:flex;gap:10px;flex-wrap:wrap}.stats span{background:#eef2ff;padding:8px 12px;border-radius:999px;font-weight:700}.login{max-width:420px;margin:15vh auto;background:#fff;padding:28px;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.12)}.login form{display:flex;gap:8px}.login input{flex:1}textarea{width:100%}code,pre{background:#0f172a;color:#e2e8f0;border-radius:8px;padding:3px 6px}pre{padding:14px;overflow:auto}@media(max-width:800px){.layout{grid-template-columns:1fr}.match-row{grid-template-columns:30px 1fr 15px 1fr}.match-row select{grid-column:2/5}header{align-items:flex-start;flex-direction:column}}