:root{--bg-dark: #0A0A0A;--bg-darker: #050505;--card-bg: #121212;--card-bg-hover: #181818;--accent-gold: #D4AF37;--accent-gold-hover: #AA841C;--accent-gold-glow: rgba(212, 175, 55, .15);--text-primary: #F8F9FA;--text-secondary: #B0B0B0;--text-muted: #6C757D;--border-color: rgba(212, 175, 55, .12);--border-color-hover: rgba(212, 175, 55, .28);--success-color: #2ECC71;--pending-color: #F1C40F;--danger-color: #E74C3C;--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1);--font-family: "Plus Jakarta Sans", system-ui, sans-serif;--font-heading: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-family);overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.app-container{min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:#121212d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:15px 40px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:12px}.brand-logo{height:38px;width:auto;border-radius:4px;border:1px solid var(--accent-gold)}.brand-text h1{font-family:var(--font-heading);font-size:16px;font-weight:700;letter-spacing:1.5px;color:var(--text-primary)}.brand-text p{font-size:9px;letter-spacing:1px;color:var(--accent-gold);text-transform:uppercase}.nav-actions{display:flex;align-items:center;gap:20px}.main-content{flex:1;padding:30px 40px;max-width:1600px;margin:0 auto;width:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.stat-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;transition:var(--transition-smooth)}.stat-card:hover{transform:translateY(-2px);border-color:var(--border-color-hover);box-shadow:0 8px 20px var(--accent-gold-glow)}.stat-icon{background-color:#d6af3714;color:var(--accent-gold);border-radius:10px;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.stat-info h3{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-info p{font-family:var(--font-heading);font-size:24px;font-weight:700}.controls-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:25px}.controls-row{display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:space-between}.search-box{position:relative;flex:1;min-width:280px}.search-box input{width:100%;background-color:var(--bg-darker);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:12px 16px 12px 42px;font-size:14px;font-family:inherit;transition:var(--transition-smooth)}.search-box input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 10px #d6af3733}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);width:18px;height:18px}.filters-group{display:flex;flex-wrap:wrap;gap:12px}.select-filter{background-color:var(--bg-darker);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:10px 14px;font-size:13.5px;font-family:inherit;cursor:pointer;outline:none;transition:var(--transition-smooth)}.select-filter:focus{border-color:var(--accent-gold)}.btn{display:inline-flex;align-items:center;gap:8px;background-color:var(--bg-darker);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:10px 16px;font-size:13.5px;font-weight:500;font-family:inherit;cursor:pointer;transition:var(--transition-smooth)}.btn:hover{border-color:var(--accent-gold);background-color:#d6af370d}.btn-primary{background-color:var(--accent-gold);color:var(--bg-dark);border:1px solid var(--accent-gold);font-weight:600}.btn-primary:hover{background-color:var(--accent-gold-hover);border-color:var(--accent-gold-hover);color:var(--bg-dark)}.table-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;margin-bottom:25px}.orders-table{width:100%;border-collapse:collapse;text-align:left}.orders-table th{background-color:var(--bg-darker);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.5px;padding:16px 20px}.orders-table td{border-bottom:1px solid var(--border-color);padding:16px 20px;font-size:13.5px;vertical-align:middle}.orders-table tr{transition:var(--transition-smooth)}.orders-table tr:hover{background-color:var(--card-bg-hover)}.badge{display:inline-flex;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-paid{background-color:#2ecc711f;color:var(--success-color);border:1px solid rgba(46,204,113,.25)}.badge-pending{background-color:#f1c40f1f;color:var(--pending-color);border:1px solid rgba(241,196,15,.25)}.badge-cancelled,.badge-refunded{background-color:#e74c3c1f;color:var(--danger-color);border:1px solid rgba(231,76,60,.25)}.badge-category{background-color:#d6af3714;color:var(--accent-gold);border:1px solid var(--border-color)}.actions-cell{display:flex;gap:8px;justify-content:flex-end}.btn-icon{background:none;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.btn-icon:hover{border-color:var(--accent-gold);color:var(--accent-gold);background-color:#d6af370d}.pagination-row{display:flex;align-items:center;justify-content:space-between;margin-top:15px;color:var(--text-secondary);font-size:13.5px}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-darker);position:relative}.login-card{width:100%;max-width:420px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:40px;box-shadow:0 10px 40px #00000080;text-align:center}.login-logo{height:70px;width:auto;border-radius:8px;border:1.5px solid var(--accent-gold);margin-bottom:20px}.login-card h2{font-family:var(--font-heading);font-size:20px;font-weight:700;letter-spacing:1.5px;margin-bottom:8px}.login-card p{color:var(--text-secondary);font-size:13px;margin-bottom:30px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;font-size:12.5px;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.form-input{width:100%;background-color:var(--bg-darker);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);padding:12px 14px;font-size:14px;font-family:inherit;transition:var(--transition-smooth)}.form-input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 8px #d6af3726}.form-error{color:var(--danger-color);font-size:12.5px;margin-top:5px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#050505d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200}.modal-content{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 15px 50px #0009;display:flex;flex-direction:column}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-family:var(--font-heading);font-size:18px;font-weight:600;letter-spacing:.5px}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth)}.modal-close:hover{color:var(--accent-gold)}.modal-body{padding:24px;overflow-y:auto}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.detail-section h4{font-size:11px;color:var(--text-muted);text-transform:uppercase;margin-bottom:5px}.detail-section p{font-size:14px;color:var(--text-primary)}.detail-full{grid-column:span 2}.nominations-list{background-color:var(--bg-darker);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-top:10px}.nomination-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.nomination-item:last-child{border-bottom:none}.scheduled-emails-list{background-color:var(--bg-darker);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-top:10px}.email-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:12.5px;border-bottom:1px solid rgba(255,255,255,.05)}.email-item:last-child{border-bottom:none}.toast{position:fixed;bottom:30px;right:30px;background-color:var(--card-bg);border-left:4px solid var(--accent-gold);border-top:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-radius:8px;padding:16px 24px;box-shadow:0 10px 30px #0006;display:flex;align-items:center;gap:12px;z-index:300;font-size:14px;animation:slideIn .3s ease forwards}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.broadcast-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}@media (max-width: 1024px){.broadcast-layout{grid-template-columns:1fr}}.broadcast-column{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;flex-direction:column}.broadcast-column h3{font-family:var(--font-heading);font-size:16px;font-weight:600;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.broadcast-tabs-header{display:flex;gap:8px;margin-bottom:15px}.broadcast-tab-toggle{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:var(--transition-smooth)}.broadcast-tab-toggle.active{background-color:#d6af3714;border-color:var(--accent-gold);color:var(--accent-gold)}.broadcast-preview-area{background-color:var(--bg-darker);border:1px solid var(--border-color);border-radius:8px;padding:16px;min-height:250px;max-height:400px;overflow-y:auto;font-size:13.5px}.broadcast-preview-empty{color:var(--text-muted);text-align:center;margin-top:100px;font-style:italic}.broadcast-history-table{width:100%;border-collapse:collapse}.broadcast-history-table th{text-align:left;padding:10px;font-size:11px;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.broadcast-history-table td{padding:12px 10px;font-size:12.5px;border-bottom:1px solid var(--border-color)}.badge-sending{background-color:#f1c40f1f;color:var(--pending-color);border:1px solid rgba(241,196,15,.25)}.badge-sent{background-color:#2ecc711f;color:var(--success-color);border:1px solid rgba(46,204,113,.25)}.badge-failed{background-color:#e74c3c1f;color:var(--danger-color);border:1px solid rgba(231,76,60,.25)}@media (max-width: 768px){.navbar{padding:12px 16px;flex-direction:column;gap:12px;align-items:stretch;text-align:center}.brand{justify-content:center}.nav-actions{justify-content:center;width:100%;flex-wrap:wrap;gap:8px}.nav-actions .btn{flex:1;min-width:100px;justify-content:center;padding:8px 12px;font-size:12px}.main-content{padding:16px}.stats-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.stat-card{padding:16px}.controls-row{flex-direction:column;align-items:stretch;gap:12px}.search-box{min-width:100%}.filters-group{flex-direction:column;align-items:stretch;gap:8px}.select-filter{width:100%}.controls-row .btn{width:100%;justify-content:center}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.orders-table th,.orders-table td{padding:12px 14px;font-size:12.5px;white-space:nowrap}.actions-cell{justify-content:flex-start}.pagination-row{flex-direction:column;gap:12px;align-items:center;text-align:center}.modal-content{width:95%;max-height:95vh}.modal-body{padding:16px}.detail-grid{grid-template-columns:1fr;gap:12px}.detail-full{grid-column:span 1}.login-card{padding:24px 16px;margin:16px}}
