/* ============================================
   ADMIN PANEL - GOLD THEME
   ============================================ */

:root {
    --primary: #D4A853;
    --primary-dark: #B8943F;
    --primary-light: #E8C86A;
    --secondary: #F43F5E;
    --accent: #F59E0B;
    --success: #10B981;
    --dark: #0F0F1A;
    --dark-secondary: #1A1A2E;
    --dark-card: #232342;
    --text-primary: #FFFFFF;
    --text-secondary: #A0A0B8;
    --text-muted: #6B6B85;
    --glass-bg: rgba(255,255,255,0.05);
    --glass-border: rgba(255,255,255,0.1);
    --shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
    --radius: 16px;
    --radius-sm: 10px;
    --transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
}

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:var(--dark);color:var(--text-primary);overflow-x:hidden}
.admin-container{display:flex;min-height:100vh}

.admin-sidebar{width:280px;background:var(--dark-secondary);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:20px 0;position:fixed;top:0;left:0;height:100vh;z-index:100;overflow-y:auto}
.sidebar-brand{padding:0 24px 30px;border-bottom:1px solid var(--glass-border)}
.sidebar-brand i{font-size:2rem;color:var(--primary);display:block;margin-bottom:5px}
.sidebar-brand span{font-size:1.5rem;font-weight:800}
.sidebar-brand .highlight{color:var(--primary)}
.sidebar-brand small{display:block;color:var(--text-secondary);font-size:.85rem}

.sidebar-nav{flex:1;padding:20px 12px;display:flex;flex-direction:column;gap:4px}
.sidebar-nav .nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:var(--transition)}
.sidebar-nav .nav-item:hover{background:var(--glass-bg);color:var(--text-primary)}
.sidebar-nav .nav-item.active{background:linear-gradient(135deg,rgba(212,168,83,0.2),rgba(244,63,94,0.1));color:var(--text-primary)}
.sidebar-nav .nav-item i{width:20px;font-size:1.1rem}

.sidebar-footer{padding:20px 24px;border-top:1px solid var(--glass-border)}
.admin-info{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.admin-info i{font-size:2.2rem;color:var(--primary)}
.admin-info strong{display:block;font-size:.95rem}
.admin-info small{color:var(--text-secondary);font-size:.8rem}
.btn-logout{width:100%;padding:10px;background:rgba(244,63,94,0.1);color:var(--secondary);border:1px solid rgba(244,63,94,0.2);border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}
.btn-logout:hover{background:rgba(244,63,94,0.2)}

.admin-main{flex:1;margin-left:280px;padding:20px 30px 40px}
.admin-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--glass-border);margin-bottom:30px}
.admin-header h1{font-size:1.8rem;font-weight:700}
.admin-header h1 i{color:var(--primary);margin-right:10px}
.header-actions{display:flex;align-items:center;gap:15px}
.header-date{color:var(--text-secondary);font-size:.95rem}
.btn-preview{padding:8px 20px;background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-weight:500}
.btn-preview:hover{background:rgba(255,255,255,0.1)}

.admin-page{display:none}
.admin-page.active{display:block;animation:fadeInUp .4s ease}

.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:30px}
.stat-card{background:var(--dark-card);border-radius:var(--radius);padding:24px;border:1px solid var(--glass-border);display:flex;align-items:center;gap:18px;transition:var(--transition)}
.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.stat-icon{width:50px;height:50px;border-radius:var(--radius-sm);background:linear-gradient(135deg,rgba(212,168,83,0.2),rgba(244,63,94,0.1));display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary)}
.stat-info h3{font-size:.9rem;font-weight:500;color:var(--text-secondary)}
.stat-info p{font-size:1.8rem;font-weight:800}

.admin-card{background:var(--dark-card);border-radius:var(--radius);padding:28px;border:1px solid var(--glass-border);margin-bottom:25px}
.admin-card h3{font-size:1.2rem;font-weight:700;margin-bottom:20px}
.admin-card h3 i{color:var(--primary);margin-right:10px}
.admin-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:25px}

.code-box{display:flex;align-items:center;gap:15px;background:rgba(212,168,83,0.1);padding:15px 20px;border-radius:var(--radius-sm);border:2px dashed rgba(212,168,83,0.3);margin-bottom:10px}
.code-box span{font-family:'Courier New',monospace;font-size:1.8rem;font-weight:800;color:var(--primary);letter-spacing:2px;flex:1}
.btn-regenerate{padding:8px 20px;background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-weight:500;display:flex;align-items:center;gap:8px}
.btn-regenerate:hover{background:rgba(212,168,83,0.1);color:var(--primary)}
.help-text{color:var(--text-secondary);font-size:.9rem}

.form-group{margin-bottom:18px}
.form-group label{display:block;font-weight:600;font-size:.9rem;margin-bottom:6px;color:var(--text-secondary)}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;background:rgba(255,255,255,0.05);border:2px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:var(--transition)}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary)}
.form-group textarea{resize:vertical;min-height:80px}

.btn-submit{padding:12px 30px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}
.btn-submit:hover{transform:scale(1.02);box-shadow:0 0 30px rgba(212,168,83,0.3)}
.btn-post{padding:10px 24px;background:linear-gradient(135deg,var(--success),#059669);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}
.btn-post:hover{transform:scale(1.02);box-shadow:0 0 30px rgba(16,185,129,0.3)}

.code-manager{display:flex;flex-direction:column;gap:20px}
.code-input-group label{display:block;font-weight:600;font-size:.9rem;margin-bottom:6px;color:var(--text-secondary)}
.code-display-large{display:flex;align-items:center;gap:15px;background:rgba(212,168,83,0.1);padding:15px 20px;border-radius:var(--radius-sm);border:2px solid rgba(212,168,83,0.2)}
.code-display-large span{font-family:'Courier New',monospace;font-size:2rem;font-weight:800;color:var(--primary);letter-spacing:3px;flex:1}
.btn-copy{padding:8px 16px;background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}
.btn-copy:hover{background:rgba(212,168,83,0.1);color:var(--primary)}
.code-generate-row{display:flex;gap:10px;flex-wrap:wrap}
.code-generate-row input{flex:1;min-width:200px;padding:12px 16px;background:rgba(255,255,255,0.05);border:2px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:'Courier New',monospace;font-size:1.1rem;font-weight:600}
.btn-update{padding:12px 24px;background:var(--success);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px}
.btn-update:hover{transform:scale(1.02);box-shadow:0 0 30px rgba(16,185,129,0.3)}
.btn-random{padding:12px 24px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px}
.btn-random:hover{transform:scale(1.02);box-shadow:0 0 30px rgba(245,158,11,0.3)}

#notice-list .notice-item{padding:15px;border-bottom:1px solid var(--glass-border)}
#notice-list .notice-item:last-child{border-bottom:none}
#notice-list .notice-item .notice-title{font-weight:600;font-size:1.05rem}
#notice-list .notice-item .notice-content{color:var(--text-secondary);margin:5px 0}
#notice-list .notice-item .notice-date{color:var(--text-muted);font-size:.85rem}
.empty-text{color:var(--text-muted);text-align:center;padding:20px}

.settings-group .setting-item{margin-bottom:15px;max-width:500px}
.settings-group .setting-item label{display:block;font-weight:600;font-size:.9rem;margin-bottom:4px;color:var(--text-secondary)}
.settings-group .setting-item input{width:100%;padding:12px 16px;background:rgba(255,255,255,0.05);border:2px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:1rem}

@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1024px){.admin-grid-2{grid-template-columns:1fr}}
@media(max-width:768px){.admin-sidebar{width:240px;transform:translateX(-100%);transition:var(--transition)}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0;padding:15px}.admin-header{flex-direction:column;align-items:flex-start;gap:10px}.stats-grid{grid-template-columns:1fr 1fr}.code-box{flex-direction:column;text-align:center}.code-generate-row{flex-direction:column}.code-generate-row input{min-width:auto}.code-display-large{flex-direction:column;text-align:center}}
@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}