*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f5f5f5}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;width:100%;max-width:360px}.login-card h1{margin:0 0 1.5rem;font-size:1.5rem}.login-card input{width:100%;padding:.75rem;margin-bottom:.75rem;border:1px solid #ccc;border-radius:4px}.login-card button{width:100%;padding:.75rem;background:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer}.login-card button.link{background:none;color:#666;margin-top:.5rem}.login-card .error{color:#c62828;margin-bottom:1rem;font-size:.9rem}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#1e1e2e;color:#fff;padding:1rem 0}.sidebar a{display:block;padding:.6rem 1rem;color:#ccc;text-decoration:none}.sidebar a:hover,.sidebar a.active{background:#2d2d3d;color:#fff}.sidebar h3{padding:0 1rem;margin:1rem 0 .5rem;font-size:.75rem;color:#888;text-transform:uppercase}.sidebar .role{padding:0 1rem;font-size:.8rem;color:#888}.main{flex:1;padding:1.5rem;overflow:auto}.main h1{margin:0 0 1rem;font-size:1.5rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header button{padding:.5rem 1rem;background:#666;color:#fff;border:none;border-radius:4px;cursor:pointer}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:1rem;margin-bottom:1rem}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.stat{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #00000014}.stat .value{font-size:1.5rem;font-weight:700}.stat .label{font-size:.85rem;color:#666}table{width:100%;border-collapse:collapse}th,td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid #eee}th{background:#fafafa;font-weight:600}tr:hover{background:#f9f9f9}form label{display:block;margin-bottom:.25rem;font-size:.9rem}form input,form select,form textarea{width:100%;padding:.5rem;margin-bottom:.75rem;border:1px solid #ccc;border-radius:4px}form button{padding:.5rem 1rem;background:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-right:.5rem}form button.secondary{background:#666}.btn{display:inline-block;padding:.4rem .8rem;background:#1976d2;color:#fff;border:none;border-radius:4px;cursor:pointer;text-decoration:none;font-size:.9rem}.btn.small{padding:.25rem .5rem;font-size:.8rem}.btn.danger{background:#c62828}.btn.success{background:#2e7d32}.breadcrumb{margin-bottom:1rem;font-size:.9rem}.breadcrumb a{color:#1976d2;text-decoration:none}.drop-zone{border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.drop-zone:hover,.drop-zone.dragover{border-color:#1976d2;background:#f0f7ff}.drop-zone input[type=file]{display:none}.drop-zone .preview{max-width:200px;max-height:100px;margin-top:.5rem;border-radius:4px}.color-picker-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.color-picker-row input[type=color]{width:48px;height:48px;padding:2px;border:1px solid #ccc;border-radius:4px;cursor:pointer}.color-picker-row input[type=text]{width:100px}.slider-list{list-style:none;padding:0;margin:0}.slider-item{display:flex;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid #eee}.slider-item .thumb{width:80px;height:50px;object-fit:cover;border-radius:4px}.slider-item .order-input{width:60px}.slider-add{margin-top:1rem}.slider-upload-zone{border:2px dashed #ccc;border-radius:8px;padding:1rem;text-align:center;cursor:pointer;margin-top:.5rem}.slider-upload-zone:hover{border-color:#1976d2}.upload-error{color:#c62828;font-size:.9rem;margin-top:.25rem}.player-suggestions li:hover{background:#f0f0f0}