#root{min-height:100vh}*{box-sizing:border-box}html,body{margin:0;padding:0}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f5f7fa;color:#1f2937}.app{max-width:1200px;margin:0 auto}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin:0;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.app-header h1{margin:0;font-size:32px;font-weight:700}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.login-form,.user-box{display:flex;align-items:center;gap:8px}.app-main{display:grid;grid-template-columns:300px 1fr;gap:20px;margin-top:24px}.card{background:#fff;border-radius:6px;padding:16px;border:1px solid #e5e7eb;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;gap:12px}.card h2{margin:0;font-size:18px;font-weight:600;border-bottom:1px solid #e5e7eb;padding-bottom:8px}.card.full{grid-column:1 / -1}.placeholder{color:#6b7280;font-style:italic}@media(max-width:900px){.app-main{grid-template-columns:1fr}}.bolag-list{list-style:none;margin:0;padding:0}.bolag-item{padding:10px 12px;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease}.bolag-item:hover{background:#f1f5f9}.bolag-item.active{background:#2563eb;color:#fff;font-weight:600}.card-editor{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 6px #00000014}.bet-form{display:grid;grid-template-columns:1fr 2fr;gap:24px}.form-col{display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:13px;font-weight:600;color:#333}.form-group input,.form-group textarea{padding:6px 8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.form-group textarea{min-height:220px;resize:vertical}.file-list{list-style:none;padding:0;margin:8px 0 0}.file-list li{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #eee}.file-list button{background:none;border:none;cursor:pointer}.form-actions{margin-top:16px;display:flex;gap:8px}button{padding:6px 12px;border-radius:4px;border:1px solid #bbb;background:#f5f5f5;cursor:pointer}button.primary{background:#2563eb;color:#fff;border-color:#2563eb}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}thead th{text-align:left;font-weight:600;padding:4px 8px;border-bottom:2px solid #e5e7eb;color:#374151;white-space:nowrap}tbody td{padding:4px 8px;border-bottom:1px solid #e5e7eb;vertical-align:middle}th.num,td.num{text-align:right}th.icon,td.icon{width:40px;text-align:center}th.week,td.week{width:70px}th.tipper,td.tipper{width:140px}th.desc,td.desc{width:auto}.table-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid #e5e7eb;font-size:13px}.page-info{color:#6b7280}.pager{display:flex;gap:6px}.btn{padding:4px 10px;border-radius:4px;border:1px solid #d1d5db;background:#fff;font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover:not(:disabled){background:#f3f4f6}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.btn.primary:hover:not(:disabled){background:#1d4ed8}.btn.ghost{background:#fff}@media(max-width:640px){.app-header{padding:12px}.header-inner{flex-direction:column;align-items:stretch;gap:12px}.app-header h1{text-align:center;font-size:24px}.login-form,.user-box{flex-direction:column;align-items:stretch;gap:8px}.login-form input,.login-form button{width:100%}.login-form a{text-align:center;font-size:13px}}.admin-layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh;background:#f6f7f9}.admin-sidebar{background:#fff;border-right:1px solid #e0e0e0;padding:20px 12px}.admin-title{font-size:.75rem;font-weight:600;letter-spacing:.08em;color:#666;margin-bottom:12px;text-transform:uppercase}.admin-nav{display:flex;flex-direction:column;gap:4px}.admin-link{padding:8px 12px;border-radius:6px;color:#222;text-decoration:none}.admin-link:hover{background:#f0f0f0}.admin-link.active{background:#e8f0ff;font-weight:600}.admin-main{padding:24px}.admin-main .card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #00000014;max-width:720px}.admin-main h2{margin:0 0 16px;font-size:1.2rem}.admin-main input,.admin-main select{width:100%;padding:8px 10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;font-size:.95rem}.admin-main input:focus,.admin-main select:focus{outline:none;border-color:#4a78ff}.admin-main button{width:100%;padding:10px;margin-top:8px;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer}.admin-main button.danger{width:100%;padding:8px;margin-top:-8px;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer}.admin-main button:hover{background:#e6e6e6}.admin-main .card-header button{width:auto;white-space:nowrap}.admin-main .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-main .card-header h2{margin:0}.admin-main .card-header button{padding:6px 12px;font-size:.9rem}.admin-main .table{width:100%;border-collapse:collapse;margin-top:8px}.admin-main .table thead th{text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#666;padding:8px;border-bottom:1px solid #ddd}.admin-main .table tbody td{padding:8px;border-bottom:1px solid #eee}.admin-main .table tbody tr:hover{background:#f6f8fb;cursor:pointer}.role-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.role-admin{background:#ffecec;color:#c62828}.role-power{background:#e8f0ff;color:#1a4ed8}.role-member{background:#eee;color:#333}.nav{display:flex;gap:16px;padding:8px 16px;border-radius:6px;border-bottom:1px solid #ddd;background:#f3f5f2}.nav-link{text-decoration:none;color:#555;padding:6px 10px;border-radius:4px}.nav-link.active{background:#2563eb;color:#fff}