:root{--admin-bg:#0c1822;--sidebar-bg:linear-gradient(180deg, #0d1d2b 0%, #12283b 100%);--sidebar-width:260px;--content-bg:#0f1c28;--surface:#ffffff0a;--surface-hover:#ffffff12;--border:#ffffff14;--border-light:#ffffff1f;--text-primary:#e8edf2;--text-secondary:#e8edf2b3;--text-muted:#e8edf273;--accent:#ffb259;--accent-end:#ff6d3f;--accent-cool:#66c5ff;--gradient-warm:linear-gradient(135deg, #ffb259, #ff6d3f);--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--shadow:0 8px 32px #0003;color:var(--text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Sora,IBM Plex Sans KR,sans-serif}*{box-sizing:border-box}body{background:var(--admin-bg);min-width:320px;margin:0}button,input,textarea{font:inherit}.admin-shell{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.admin-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);z-index:100;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--border);padding:24px 20px 16px}.brand-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);background:#ffffff14;border-radius:999px;padding:5px 10px;font-size:11px;display:inline-flex}.sidebar-brand h1{letter-spacing:-.02em;margin:12px 0 0;font-size:1.4rem}.sidebar-nav{flex:1;padding:12px;overflow-y:auto}.nav-group{margin-bottom:8px}.nav-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:8px 10px 6px;font-size:11px;font-weight:600;display:block}.nav-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item.active{color:var(--accent);background:#ffb2591f;font-weight:600}.nav-icon{background:var(--surface);width:28px;height:28px;color:var(--text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-family:Sora,monospace;font-size:13px;font-weight:700;display:flex}.nav-item.active .nav-icon{color:var(--accent);background:#ffb25933}.sidebar-footer{border-top:1px solid var(--border);padding:16px}.sidebar-user{align-items:center;gap:10px;margin-bottom:10px;display:flex}.user-avatar{background:var(--gradient-warm);color:#1e1203;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.user-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.logout-btn{border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;padding:8px;font-size:12.5px;transition:background .15s}.logout-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-toggle{z-index:200;border:1px solid var(--border-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:#0c1822eb;border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:none;position:fixed;top:14px;left:14px}.sidebar-overlay{z-index:90;background:#00000080;display:none;position:fixed;inset:0}.admin-content{background:var(--content-bg);flex-direction:column;min-height:100vh;display:flex}.content-header{border-bottom:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.content-title{letter-spacing:-.01em;margin:0;font-size:1.2rem;font-weight:600}.content-body{flex:1;padding:24px}.panel{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);padding:24px}.panel>span{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;background:#ffb2591a;border-radius:999px;padding:5px 10px;font-size:11px;display:inline-flex}.panel h2{letter-spacing:-.01em;margin:14px 0 18px;font-size:1.15rem}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stats-grid article{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;padding:16px}.stats-grid span{color:var(--text-muted);font-size:12px}.stats-grid strong{letter-spacing:-.02em;margin-top:8px;font-size:1.6rem;display:block}.form-grid{gap:12px;display:grid}.form-grid input,.form-grid textarea{border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:#ffffff0a;padding:11px 14px;font-size:13.5px}.form-grid input::placeholder,.form-grid textarea::placeholder{color:var(--text-muted)}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #ffb25926}.button-row{gap:10px;margin-top:14px;display:flex}.button-row button,.form-grid button,.list-row button{border-radius:var(--radius-sm);cursor:pointer;background:var(--gradient-warm);color:#1e1203;border:none;min-height:40px;padding:0 16px;font-size:13px;font-weight:600;transition:transform .15s,opacity .15s}.button-row button:hover,.form-grid button:hover,.list-row button:hover{transform:translateY(-1px)}.secondary-button{background:var(--surface)!important;color:var(--text-secondary)!important;border:1px solid var(--border-light)!important}.secondary-button:hover{background:var(--surface-hover)!important;color:var(--text-primary)!important}.table-shell,.media-list{gap:8px;display:grid}.list-row{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .15s;display:flex}.list-row:hover{background:var(--surface-hover)}.list-row p{color:var(--text-secondary);font-size:13px}.suggestion-card{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;margin-top:14px;padding:16px}.suggestion-card small{color:var(--text-muted)}.media-card{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;padding:16px}.media-card-copy{margin-bottom:12px}.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.login-shell,.admin-loading{background:var(--admin-bg);place-items:center;min-height:100vh;display:grid}.admin-loading{color:var(--text-muted);font-size:14px}.login-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);width:min(480px,100% - 32px);padding:32px;box-shadow:0 24px 64px #0000004d}.login-card span{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;background:#ffb2591a;border-radius:999px;padding:5px 10px;font-size:11px;display:inline-flex}.login-error{color:#f87171;font-size:13px}.role-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.role-super_admin{color:#fbbf24;background:#fbbf2426}.role-admin{color:#60a5fa;background:#60a5fa26}.role-editor{color:#4ade80;background:#4ade8026}.role-viewer{color:#94a3b8;background:#94a3b826}.small-btn{border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:4px 10px;font-size:11px;transition:background .12s}.small-btn:hover{background:var(--surface-hover)}.small-btn.danger{color:#f87171;border-color:#f8717133}.small-btn.danger:hover{background:#f8717114}.bar-chart{gap:10px;display:grid}.bar-row{grid-template-columns:72px 1fr 48px;align-items:center;gap:10px;display:grid}.bar-label{color:var(--text-secondary);text-align:right;font-size:12px}.bar-track{background:#ffffff0a;border-radius:6px;height:24px;overflow:hidden}.bar-fill{border-radius:6px;min-width:4px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.bar-value{color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}@media (width<=860px){.admin-shell{grid-template-columns:1fr}.sidebar-toggle{display:flex}.admin-sidebar{width:var(--sidebar-width);transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.content-header{padding-left:64px}.stats-grid,.examples-grid{grid-template-columns:1fr}}@media (width<=600px){.content-body{padding:16px}.panel{padding:18px}.stats-grid{grid-template-columns:1fr}}