@charset "UTF-8";:root{--color-primary: #3A8CFF;--color-primary-dark: #2A5C9A;--color-bg-dark: #0F1A2F;--color-bg-card: #1E2A3A;--color-border: #2A3650;--color-text: #E6F0FF;--color-text-secondary: #A0B8D4;--color-text-muted: #6b85a8;--color-danger: #E74C3C}.admin-main .page{max-width:1400px}.admin-main .page h2{font-size:24px;font-weight:600;color:#e6f0ff;margin:0 0 8px}.admin-main .page .hint,.admin-main .page .muted{color:#a0b8d4;font-size:14px;margin-bottom:20px}.admin-main .toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}.admin-main .toolbar input,.admin-main .toolbar select,.admin-main .filter-select{background:#0f1a2f;border:1px solid #2A3650;border-radius:12px;padding:10px 16px;color:#e6f0ff;font-size:14px;min-width:160px;transition:border-color .2s}.admin-main .toolbar input:focus,.admin-main .toolbar select:focus{outline:none;border-color:#3a8cff}.admin-main .btn-primary{background:#2a5c9a;color:#fff;border:none;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.admin-main .btn-primary:hover{background:#3a8cff;box-shadow:0 0 14px #3a8cff80}.admin-main .btn-secondary{background:transparent;border:1px solid #2A3650;color:#a0b8d4;border-radius:12px;padding:10px 20px;font-size:14px;cursor:pointer;transition:all .2s}.admin-main .btn-secondary:hover{border-color:#2a5c9a;color:#e6f0ff;background:#2a5c9a26}.admin-main .btn-danger{background:#e74c3c33;border:1px solid #E74C3C;color:#f87171;border-radius:12px;padding:10px 20px;font-size:14px;cursor:pointer;transition:all .2s}.admin-main .btn-danger:hover{background:#e74c3c4d}.admin-main .btn-sm{padding:6px 14px;font-size:13px;border-radius:10px}.admin-main .btn-link-inline{text-decoration:none;display:inline-flex;align-items:center}.admin-main .table-wrap{background:#1e2a3a;border:1px solid #2A3650;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #00000026;margin-bottom:20px}.admin-main .data-table{width:100%;border-collapse:collapse;font-size:14px;color:#e6f0ff}.admin-main .data-table th,.admin-main .data-table td{padding:14px 18px;text-align:left;border-bottom:1px solid #2A3650}.admin-main .data-table th{background:#2a5c9a1f;color:#a0b8d4;font-weight:600;font-size:13px;letter-spacing:.5px}.admin-main .data-table tbody tr:hover{background:#3a8cff0a}.admin-main .data-table tbody tr:last-child td{border-bottom:none}.admin-main .data-table .btn-link{background:none;border:none;color:#3a8cff;cursor:pointer;padding:0 6px;font-size:13px;text-decoration:none}.admin-main .data-table .btn-link:hover{text-decoration:underline}.admin-main .data-table .btn-link.danger{color:#f87171}.admin-main .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1423e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:adminFadeIn .2s}.admin-main .modal-overlay .modal,.admin-main .modal-overlay .modal-card{background:#1e2a3a;border:2px solid #3A8CFF;border-radius:24px;padding:28px;width:90%;max-height:88vh;overflow-y:auto;box-shadow:0 24px 48px #00000080,0 0 32px #2a5c9a4d;animation:adminModalIn .3s}.admin-main .modal-overlay .modal h3,.admin-main .modal-overlay .modal-card h3{font-size:20px;font-weight:600;color:#e6f0ff;margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid #2A3650}.admin-main .modal-overlay .form-row{margin-bottom:16px}.admin-main .modal-overlay .form-row label{display:block;margin-bottom:6px;color:#a0b8d4;font-size:13px}.admin-main .modal-overlay .form-row input,.admin-main .modal-overlay .form-row select,.admin-main .modal-overlay .form-row textarea{width:100%;background:#0f1a2f;border:1px solid #2A3650;border-radius:12px;padding:10px 14px;color:#e6f0ff;font-size:14px;box-sizing:border-box}.admin-main .modal-overlay .form-row input:focus,.admin-main .modal-overlay .form-row select:focus,.admin-main .modal-overlay .form-row textarea:focus{outline:none;border-color:#3a8cff}.admin-main .modal-overlay .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #2A3650}@keyframes adminFadeIn{0%{opacity:0}to{opacity:1}}@keyframes adminModalIn{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-main .pagination-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px;font-size:14px;color:#a0b8d4}.admin-main .btn-page{background:#1e2a3a;border:1px solid #2A3650;color:#e6f0ff;border-radius:10px;padding:8px 14px;font-size:13px;cursor:pointer;transition:all .2s}.admin-main .btn-page:hover:not(:disabled){border-color:#2a5c9a;color:#3a8cff}.admin-main .btn-page:disabled{opacity:.5;cursor:not-allowed}.admin-main .card,.admin-main .form-card,.admin-main .system-card{background:#1e2a3a;border:1px solid #2A3650;border-radius:20px;padding:24px;box-shadow:0 8px 24px #00000026}.admin-main .stat-card{border-radius:20px;box-shadow:0 8px 24px #0000001f}.admin-main .stat-card:hover{box-shadow:0 12px 28px #3a8cff26}*{margin:0;padding:0;box-sizing:border-box}body{background:#0f1a2f;color:#e6f0ff;line-height:1.5;font-family:Segoe UI,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;min-height:100vh}#app{min-height:100vh}