:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background-color:#f6f8fb;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#f6f8fb}a{color:inherit}button,input,textarea{font-family:inherit}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#0f172a;color:#fff;padding:24px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh;overflow:hidden}.sidebar__brand{font-size:1.3rem;font-weight:700}.sidebar__brand-accent{color:#22d3ee}.sidebar__nav{display:flex;flex-direction:column;gap:8px;flex:1;justify-content:flex-start;overflow:visible}.sidebar__link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:#fffc;text-decoration:none;font-weight:500}.sidebar__link--active{background:#22d3ee26;color:#22d3ee}.app-shell__content{background:#f6f8fb;display:flex;flex-direction:column;min-height:100vh}.topbar{padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar__search{flex:1;display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:12px 18px;box-shadow:0 1px 3px #0f172a1a}.topbar__search input{flex:1;border:none;outline:none;background:none}.topbar__actions,.topbar__user{display:flex;align-items:center;gap:12px}.topbar__user-name{margin:0;font-weight:600}.avatar{width:40px;height:40px;border-radius:50%;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.app-shell__page{flex:1;padding:0 32px 48px}section{display:flex;flex-direction:column;gap:24px}.section-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-header h2{margin:0 0 4px}.section-header__actions{display:flex;align-items:center;gap:12px}.grid{display:grid;gap:20px}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid--two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid--three{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 15px 40px #0f172a0d;display:flex;flex-direction:column;gap:16px}.card--narrow{max-width:480px}.card__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.stat-card{background:#fff;padding:20px;border-radius:18px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 30px #0f172a0f}.stat-card__icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#0ea5e9,#22d3ee);color:#fff;display:flex;align-items:center;justify-content:center}.stat-card__body h3{margin:0;font-size:1.8rem}.stat-card__body p{margin:0;color:#64748b}.stat-card__trend{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;font-size:.85rem}.stat-card__trend--up{background:#22c55e26;color:#16a34a}.stat-card__trend--down{background:#f8717126;color:#dc2626}.stat-card__trend--neutral{background:#94a3b826;color:#64748b}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 0;font-size:.95rem}th{color:#94a3b8;font-weight:600}tbody tr+tr{border-top:1px solid #f1f5f9}.timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.timeline li{display:flex;align-items:center;gap:12px}.timeline__icon{width:36px;height:36px;border-radius:12px;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center}.status-badge{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:.8rem;text-transform:capitalize;background:#e2e8f0;color:#0f172a}.status-badge--success{background:#22c55e26;color:#15803d}.status-badge--warning{background:#fbbf2426;color:#b45309}.status-badge--danger{background:#f8717126;color:#b91c1c}.status-badge--premium{background:#facc1533;color:#a16207}.primary-button,.ghost-button{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:none;cursor:pointer;padding:10px 18px;font-weight:600;transition:all .2s ease}.primary-button{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}.ghost-button{background:transparent;border:1px solid rgba(15,23,42,.1);color:#0f172a}.ghost-button.small,.primary-button.small{padding:6px 12px;font-size:.85rem}.segmented-control{background:#e2e8f0;border-radius:999px;padding:4px;display:inline-flex;gap:4px}.segmented-control button{border:none;background:transparent;padding:8px 14px;border-radius:999px;cursor:pointer;font-weight:600;color:#475569}.segmented-control button.active{background:#fff;color:#0f172a;box-shadow:0 4px 12px #0f172a26}label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#0f172a}input,textarea{padding:12px 14px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;outline:none;transition:border-color .2s ease}input:focus,textarea:focus{border-color:#6366f1;background:#fff}small{color:#f87171}.form-error{color:#dc2626;font-weight:600}.form-success{color:#16a34a;font-weight:600}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#dbeafe,transparent),radial-gradient(circle at bottom,#fbcfe8,transparent)}.auth-card{width:min(420px,90vw);background:#fff;padding:32px;border-radius:28px;box-shadow:0 20px 60px #0f172a26;display:flex;flex-direction:column;gap:16px}.auth-card__header h1{margin:0}.auth-card__header p{margin:4px 0 0;color:#64748b}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#e2e8f0;color:#0f172a;font-size:.85rem}.chip--success{background:#22c55e26;color:#15803d}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.profile-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 15px 40px #0f172a0a;display:flex;flex-direction:column;gap:12px}.profile-card header{display:flex;justify-content:space-between;gap:12px;align-items:center}.media-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.media-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0f172a14}.media-card__preview{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden}.media-card__preview img,.media-card__preview video{width:100%;height:100%;object-fit:cover}.media-card__preview .status-badge{position:absolute;top:12px;left:12px}.media-card__body{padding:16px;display:flex;flex-direction:column;gap:8px}.media-card__actions{display:flex;gap:8px}.upload-button{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#ec4899,#f97316);color:#fff;cursor:pointer}.upload-button input{display:none}.switch-row{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;padding:12px 16px;border-radius:16px}.route-loader{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.spinner{width:40px;height:40px;border-radius:50%;border:4px solid #e2e8f0;border-top-color:#6366f1;animation:spin 1s linear infinite}.empty-state{padding:24px;text-align:center;color:#94a3b8;border:1px dashed #e2e8f0;border-radius:16px;background:#f8fafc}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{flex-direction:column;align-items:stretch}.topbar__actions{justify-content:space-between}}@media (max-width: 640px){.grid--two{grid-template-columns:1fr}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.package-selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}@media (max-width: 480px){.package-selector-grid{grid-template-columns:1fr}}