@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#f8fafc;--surface-color:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--primary:#3b82f6;--primary-hover:#2563eb;--border-color:#e2e8f0;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--glass-bg:#ffffffb3}[data-theme=dark]{--bg-color:#0f172a;--surface-color:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--primary:#3b82f6;--primary-hover:#60a5fa;--border-color:#334155;--shadow:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080;--glass-bg:#1e293bb3}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}.app-container{height:100vh;display:flex}.sidebar{background-color:var(--surface-color);border-right:1px solid var(--border-color);flex-direction:column;width:260px;padding:20px;transition:all .3s;display:flex}.sidebar h2{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:40px;font-size:24px;font-weight:700}.nav-item{cursor:pointer;color:var(--text-secondary);border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:var(--primary);background-color:#3b82f61a}.main-content{flex:1;padding:30px 40px;overflow-y:auto}.header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.theme-toggle{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow);border-radius:20px;padding:8px 16px;font-weight:500;transition:all .2s}.theme-toggle:hover{transform:translateY(-2px)}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.card{background-color:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.media-preview{object-fit:cover;background-color:#000;border-radius:8px;width:100%;height:200px;margin-bottom:16px}.btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.btn:hover{background-color:var(--primary-hover)}.badge{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.badge.draft{color:#d97706;background-color:#f59e0b33}.badge.scheduled{color:#2563eb;background-color:#3b82f633}input,textarea,select{border:1px solid var(--border-color);background-color:var(--bg-color);width:100%;color:var(--text-primary);border-radius:8px;margin-bottom:16px;padding:12px;font-family:inherit}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f633}