@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:wght@700&display=swap";:root{--color-bg: #050505;--color-gold: #D4AF37;--color-gold-light: #F3E5AB;--color-gold-dark: #AA8C2C;--color-text: #F5F5F5;--color-text-muted: #A0A0A0;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(212, 175, 55, .15);--color-instagram: #E1306C;--color-tiktok: #00f2fe;--color-youtube: #FF0000;--color-linkedin: #0077b5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--color-bg);color:var(--color-text);background-image:radial-gradient(circle at 10% 20%,rgba(212,175,55,.05),transparent 40%);min-height:100vh}.app-container{max-width:1600px;margin:0 auto;padding:2rem}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;border-bottom:1px solid var(--glass-border);padding-bottom:1rem}.logo-container h1{font-family:Playfair Display,serif;font-size:2.5rem;background:linear-gradient(to right,var(--color-gold-light),var(--color-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main-wrapper{display:flex;gap:2.5rem}.sidebar{width:280px;flex-shrink:0;background:var(--glass-bg);padding:2rem;border-radius:32px;border:1px solid var(--glass-border);height:fit-content;display:flex;flex-direction:column;gap:.5rem;position:sticky;top:2rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:1.1rem;border-radius:18px;cursor:pointer;color:var(--color-text-muted);transition:.3s}.nav-item:hover,.nav-item.active{background:rgba(212,175,55,.1);color:var(--color-gold)}.content-area{flex-grow:1}.dashboard-title{font-size:2.2rem;font-weight:800;color:#fff;margin-bottom:2.5rem;display:flex;align-items:center;gap:1rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:3rem}.summary-card{background:var(--glass-bg);padding:2.5rem;border-radius:28px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.summary-card .value{font-size:3rem;font-weight:800;color:#fff;margin:1rem 0}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.post-card{background:rgba(255,255,255,.02);border-radius:24px;border:1px solid var(--glass-border);overflow:hidden;transition:.3s}.post-card:hover{transform:translateY(-10px);border-color:var(--color-gold)}.card-image-container{height:220px;overflow:hidden;position:relative}.card-image{width:100%;height:100%;object-fit:cover}.platform-icon{position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,.8);padding:8px;border-radius:50%;border:1px solid var(--glass-border);z-index:2}.status-badge{position:absolute;top:1rem;left:1rem;padding:.4rem .8rem;border-radius:20px;font-size:.7rem;font-weight:800;z-index:2;text-transform:uppercase}.status-published{background:#2ecc71;color:#fff}.status-ready{background:var(--color-gold);color:#000}.status-draft{background:#555;color:#fff}.calendar-view-fullscreen{width:100%}.calendar-grid-fullscreen{display:grid;grid-template-columns:repeat(7,1fr);background:var(--glass-border);gap:1px;border-radius:24px;border:1px solid var(--glass-border);overflow:hidden}.calendar-header{background:#0c0c0c;padding:1.5rem;text-align:center;color:var(--color-gold);font-weight:800;font-size:.8rem;text-transform:uppercase}.calendar-day-full{background:#050505;min-height:150px;padding:1.2rem;cursor:pointer;transition:.2s;position:relative}.calendar-day-full:hover{background:#111}.calendar-day-empty{background:#080808;opacity:.5}.calendar-day-today{background:rgba(212,175,55,.05)}.calendar-day-today .day-number{color:var(--color-gold);font-weight:800;font-size:1.2rem}.day-number{color:var(--color-text-muted);font-size:.9rem;margin-bottom:.8rem;display:block}.mini-post-thumbnail{width:100%;height:60px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.1);margin-top:5px}.ideas-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.idea-card{background:linear-gradient(135deg,rgba(212,175,55,.08),transparent);border:1px solid var(--glass-border);padding:2rem;border-radius:24px;position:relative;transition:.3s}.idea-card:hover{border-color:var(--color-gold);transform:scale(1.02)}.metrics-view{width:100%}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.8rem;margin-bottom:3rem}.metric-card-pro{background:var(--glass-bg);padding:2.5rem;border-radius:32px;border:2px solid var(--glass-border);transition:.3s}.metric-card-pro:hover{border-color:var(--color-gold);transform:translateY(-5px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:2rem}.post-detail-modal{background:#0c0c0c;width:100%;max-width:1000px;border-radius:40px;border:1px solid var(--color-gold);padding:3rem;color:#fff}.side-drawer{position:fixed;top:0;right:0;bottom:0;width:450px;background:#0c0c0c;border-left:1px solid var(--glass-border);padding:3rem;z-index:10001}.filter-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;padding:.8rem 1.5rem;border-radius:30px;cursor:pointer;transition:.3s}.filter-btn.active{background:var(--color-gold);color:#000}.btn-gold-glow{background:var(--color-gold);color:#000;border:none;padding:.9rem 1.8rem;border-radius:12px;font-weight:800;cursor:pointer;box-shadow:0 0 20px #d4af374d;display:flex;align-items:center;gap:.5rem}.trend{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:800}.trend.up{color:#2ecc71}.trend.down{color:#e74c3c}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}