*{box-sizing:border-box;margin:0;padding:0}body{color:#e5e5e5;background:#0a0a0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:#d4a853;text-decoration:none}.card{background:#ffffff0d;border:1px solid #d4a85326;border-radius:8px;padding:20px}.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 20px;font-size:14px;transition:all .2s;display:inline-flex}.btn-primary{color:#0a0a0f;background:#d4a853}.btn-primary:hover{background:#c09940}.btn-danger{color:#fff;background:#e74c3c}.btn-danger:hover{background:#c0392b}.btn-outline{color:#d4a853;background:0 0;border:1px solid #d4a8534d}.btn-outline:hover{background:#d4a8531a}.btn-sm{padding:4px 12px;font-size:12px}.input{color:#e5e5e5;background:#ffffff0f;border:1px solid #d4a85333;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:14px}.input:focus{border-color:#d4a853}.input::placeholder{color:#666}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #d4a8531a;padding:12px 16px}.table th{color:#999;font-size:13px;font-weight:500}.table tr:hover td{background:#d4a85308}.tag{border-radius:4px;padding:2px 8px;font-size:12px;display:inline-block}.tag-success{color:#27ae60;background:#27ae6026}.tag-warning{color:#d4a853;background:#d4a85326}.tag-danger{color:#e74c3c;background:#e74c3c26}.tag-info{color:#3498db;background:#3498db26}.form-group{margin-bottom:16px}.form-group label{color:#999;margin-bottom:6px;font-size:13px;display:block}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{color:#d4a853;font-size:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#ffffff0d;border:1px solid #d4a85326;border-radius:8px;padding:20px}.stat-label{color:#999;margin-bottom:8px;font-size:13px}.stat-value{color:#d4a853;font-size:24px;font-weight:700}.search-bar{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.search-bar .input{max-width:240px}.pagination{justify-content:center;gap:8px;margin-top:20px;display:flex}.pagination button{color:#e5e5e5;cursor:pointer;background:#ffffff0f;border:1px solid #d4a85333;border-radius:4px;padding:6px 14px}.pagination button:hover{border-color:#d4a853}.pagination button.active{color:#0a0a0f;background:#d4a853;border-color:#d4a853}.pagination button:disabled{opacity:.4;cursor:not-allowed}.modal-mask{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#1a1a24;border:1px solid #d4a85333;border-radius:12px;min-width:400px;max-width:600px;padding:24px}.modal-title{color:#d4a853;margin-bottom:16px;font-size:18px}.login-page,.register-page{background:#0a0a0f;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box,.register-box{width:400px}.login-box h1,.register-box h1{text-align:center;color:#d4a853;margin-bottom:32px;font-size:24px}.login-box .form-actions,.register-box .form-actions{margin-top:24px}.login-box .form-actions .btn,.register-box .form-actions .btn{width:100%;padding:12px}.login-box .form-footer,.register-box .form-footer{text-align:center;color:#666;margin-top:16px;font-size:13px}