:root{--electric-blue: #00D9FF;--deep-navy: #0A1128;--flame-orange: #FF4500;--gold: #FFB800;--steel-gray: #4A5568;--off-white: #F8F9FA;--black: #0A1128;--white: #F8F9FA;--hot-pink: #FF4500;--gray: #4A5568;--light-gray: #1a2847;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--sidebar-width: 280px;--font-display: "Bebas Neue", sans-serif;--font-heading: "Oswald", sans-serif;--font-body: "Rajdhani", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-body);background:var(--deep-navy);color:var(--off-white);line-height:1.6}h1{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--off-white);margin-bottom:var(--space-lg);line-height:1.1}h2{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:400;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(90deg,var(--electric-blue),var(--flame-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-lg);display:inline-block}h3{font-family:var(--font-heading);font-size:1.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--off-white);margin-bottom:var(--space-md)}p{font-family:var(--font-body);font-size:1.1rem;line-height:1.7;color:var(--off-white);margin-bottom:var(--space-md)}.label{font-family:var(--font-heading);font-size:.75rem;color:var(--electric-blue);text-transform:uppercase;letter-spacing:.3em;font-weight:600}.text-gray{color:var(--steel-gray)}.text-small{font-size:.95rem}.app-container{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background:linear-gradient(180deg,#0a1128,#0d1937);border-right:2px solid rgba(0,217,255,.2);color:var(--off-white);padding:var(--space-xl) var(--space-lg);z-index:1000;display:flex;flex-direction:column}.sidebar-logo{font-family:var(--font-display);font-size:3.5rem;font-weight:400;color:var(--electric-blue);margin-bottom:var(--space-2xl);letter-spacing:.05em;text-shadow:0 0 20px rgba(0,217,255,.5)}.sidebar-nav-container{display:flex;flex-direction:column;flex:1;justify-content:space-between}.sidebar-nav{list-style:none}.sidebar-nav>li{margin-bottom:var(--space-lg)}.sidebar-nav a{display:block;color:var(--off-white);text-decoration:none;font-family:var(--font-heading);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.2em;transition:all .2s ease;padding:var(--space-sm) 0}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--electric-blue);text-shadow:0 0 10px rgba(0,217,255,.5)}.sidebar-nav a.disabled{color:var(--steel-gray);cursor:not-allowed;opacity:.5}.sidebar-subnav{list-style:none;margin-top:var(--space-sm);margin-left:var(--space-md);padding-left:var(--space-md);border-left:2px solid rgba(0,217,255,.3)}.sidebar-subnav li{margin-bottom:var(--space-sm)}.sidebar-subnav a{font-size:.8rem;font-weight:400;letter-spacing:.15em;padding:var(--space-xs) 0}.sidebar-logout{font-family:var(--font-heading);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;padding:1rem 1.5rem;background:linear-gradient(135deg,var(--electric-blue),#0080FF);color:var(--deep-navy);border:2px solid var(--electric-blue);cursor:pointer;transition:all .3s ease;width:100%;margin-top:var(--space-lg);box-shadow:0 4px 15px #00d9ff4d}.sidebar-logout:hover{background:linear-gradient(135deg,var(--flame-orange),#CC3700);border-color:var(--flame-orange);color:var(--off-white);box-shadow:0 4px 20px #ff450066;transform:translateY(-2px)}.main-content{margin-left:var(--sidebar-width);flex:1;padding:var(--space-2xl) var(--space-xl);min-height:100vh;background:var(--deep-navy)}.btn{font-family:var(--font-heading);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;padding:1.2rem 2.5rem;background:linear-gradient(135deg,var(--electric-blue),#0080FF);color:var(--deep-navy);border:2px solid var(--electric-blue);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00d9ff4d}.btn:hover{background:linear-gradient(135deg,var(--gold),#FFA000);border-color:var(--gold);color:var(--deep-navy);box-shadow:0 6px 20px #ffb80066;transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--electric-blue);border:2px solid var(--electric-blue);box-shadow:none}.btn-secondary:hover{background:var(--electric-blue);color:var(--deep-navy);box-shadow:0 4px 15px #00d9ff4d}.btn-reject{background:transparent;color:var(--steel-gray);border:2px solid var(--steel-gray);box-shadow:none}.btn-reject:hover{background:var(--flame-orange);border-color:var(--flame-orange);color:var(--off-white);box-shadow:0 4px 15px #ff450066}.btn-small{padding:.8rem 1.5rem;font-size:.75rem;letter-spacing:.15em}.btn-group{display:flex;gap:var(--space-sm);flex-wrap:wrap}.card{background:linear-gradient(135deg,#0d1937,#0a1128);padding:2.5rem;border:2px solid rgba(0,217,255,.3);transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.card:hover{background:linear-gradient(135deg,#0d1937,#1a2847);border-color:var(--electric-blue);box-shadow:0 8px 25px #00d9ff66;transform:translateY(-4px)}.card-label{font-family:var(--font-heading);font-size:.75rem;color:var(--electric-blue);text-transform:uppercase;letter-spacing:.3em;margin-bottom:var(--space-sm);font-weight:600}.card-title{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--off-white)}.card-description{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--steel-gray)}.card:hover .card-description{color:var(--off-white)}.card-link{text-decoration:none;color:inherit;display:block}.badge{display:inline-block;font-family:var(--font-heading);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;padding:.5rem 1rem;border:2px solid;border-radius:4px}.badge-pending{color:var(--gold);background:#ffb8001a;border-color:var(--gold);box-shadow:0 0 10px #ffb8004d}.badge-approved{color:var(--electric-blue);background:#00d9ff1a;border-color:var(--electric-blue);box-shadow:0 0 10px #00d9ff4d}.badge-posted{color:var(--off-white);background:#4a55684d;border-color:var(--steel-gray)}.badge-rejected,.badge-failed{color:var(--flame-orange);background:#ff45001a;border-color:var(--flame-orange)}.post-card{background:linear-gradient(135deg,#0d1937,#0a1128);border:2px solid rgba(0,217,255,.3);padding:var(--space-lg);margin-bottom:var(--space-lg);transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.post-card:hover{border-color:var(--electric-blue);box-shadow:0 8px 25px #00d9ff66;transform:translateY(-2px)}.post-card.approved{border-color:var(--gold);border-width:3px;box-shadow:0 6px 20px #ffb80066}.post-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.post-card-platform{font-family:var(--font-heading);font-size:.75rem;color:var(--electric-blue);text-transform:uppercase;letter-spacing:.3em;font-weight:600}.post-card-content{margin-bottom:var(--space-lg)}.post-card-title{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;line-height:1.2;color:var(--off-white)}.post-card-subtitle{font-family:var(--font-body);font-size:1rem;color:var(--steel-gray);font-style:italic;margin-bottom:var(--space-md)}.post-card-caption{font-family:var(--font-body);font-size:.95rem;line-height:1.6;margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--off-white)}.post-card-caption-full{font-family:var(--font-body);font-size:.95rem;line-height:1.6;margin-bottom:var(--space-md);white-space:pre-wrap;color:var(--off-white)}.post-card-hashtags{font-family:var(--font-body);font-size:.9rem;color:var(--electric-blue);margin-bottom:var(--space-md);font-weight:600}.post-card-meta{font-family:var(--font-body);font-size:.85rem;color:var(--steel-gray);margin-bottom:var(--space-lg)}.post-card-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.post-group{margin-bottom:var(--space-2xl)}.post-group-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid rgba(0,217,255,.2)}.post-group-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--steel-gray)}.page-card{background:linear-gradient(135deg,#0d1937,#0a1128);border:2px solid rgba(0,217,255,.3);padding:var(--space-lg);cursor:pointer;transition:all .3s ease;text-decoration:none;color:var(--off-white);display:block;box-shadow:0 4px 15px #0000004d}.page-card:hover{background:linear-gradient(135deg,#0d1937,#1a2847);border-color:var(--electric-blue);box-shadow:0 8px 25px #00d9ff66;transform:translateY(-4px)}.page-card-icon{font-size:3rem;margin-bottom:var(--space-sm)}.page-card-name{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;color:var(--off-white)}.page-card-handle{font-family:var(--font-body);font-size:.9rem;color:var(--steel-gray);margin-bottom:var(--space-sm)}.page-card:hover .page-card-handle{color:var(--off-white)}.page-card-platform{font-family:var(--font-heading);font-size:.7rem;color:var(--electric-blue);text-transform:uppercase;letter-spacing:.3em;font-weight:600;margin-bottom:var(--space-sm)}.page-card-count{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--gold)}.input-field{width:100%;padding:1.2rem;border:2px solid rgba(0,217,255,.3);font-family:var(--font-body);font-size:1rem;background:#0a112899;color:var(--off-white);transition:all .3s ease;margin-bottom:var(--space-md)}.input-field:focus{border-color:var(--electric-blue);outline:none;box-shadow:0 0 15px #00d9ff4d;background:#0a1128cc}.input-field::placeholder{color:var(--steel-gray)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-family:var(--font-heading);font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.2em;margin-bottom:var(--space-sm);color:var(--off-white)}.form-error{color:var(--flame-orange);font-family:var(--font-body);font-size:.9rem;margin-top:var(--space-sm);font-weight:600}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:linear-gradient(135deg,var(--deep-navy) 0%,#0d1937 50%,var(--deep-navy) 100%)}.login-box{width:100%;max-width:500px;text-align:center}.login-logo{font-family:var(--font-display);font-size:5rem;font-weight:400;color:var(--electric-blue);margin-bottom:var(--space-xl);letter-spacing:.05em;text-shadow:0 0 30px rgba(0,217,255,.6)}.login-form{background:linear-gradient(135deg,#0d1937,#0a1128);border:2px solid rgba(0,217,255,.3);padding:var(--space-xl);text-align:left;box-shadow:0 8px 30px #00000080}.login-title{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-lg);text-align:center;color:var(--off-white)}.home-header{margin-bottom:var(--space-2xl)}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.section-tile{background:linear-gradient(135deg,#0d1937,#0a1128);border:2px solid rgba(0,217,255,.3);padding:var(--space-xl);cursor:pointer;transition:all .3s ease;text-decoration:none;color:var(--off-white);display:block;box-shadow:0 4px 15px #0000004d}.section-tile:hover{background:linear-gradient(135deg,#0d1937,#1a2847);border-color:var(--electric-blue);box-shadow:0 8px 25px #00d9ff66;transform:translateY(-4px)}.section-tile-label{font-family:var(--font-heading);font-size:.75rem;color:var(--electric-blue);text-transform:uppercase;letter-spacing:.3em;margin-bottom:var(--space-md);font-weight:600}.section-tile-title{font-family:var(--font-heading);font-size:2rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm);color:var(--off-white)}.section-tile-count{font-family:var(--font-body);font-size:1rem;color:var(--steel-gray)}.section-tile:hover .section-tile-count{color:var(--gold)}.page-header{margin-bottom:var(--space-2xl)}.pages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:3px solid rgba(0,217,255,.3)}.queue-header-info{display:flex;align-items:center;gap:var(--space-md)}.queue-header-icon{font-size:3rem}.queue-header-text h1{margin-bottom:.25rem}.queue-header-handle{font-family:var(--font-body);font-size:1rem;color:var(--steel-gray)}.queue-buffer-label{font-family:var(--font-heading);font-size:.75rem;color:var(--electric-blue);text-transform:uppercase;letter-spacing:.3em;font-weight:600;margin-top:var(--space-sm)}.queue-section{margin-bottom:var(--space-2xl)}.queue-section-header{margin-bottom:var(--space-lg)}.queue-section-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm);color:var(--off-white)}.queue-divider{height:3px;background:linear-gradient(90deg,var(--electric-blue),var(--flame-orange));margin:var(--space-2xl) 0;box-shadow:0 0 10px #00d9ff80}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--steel-gray)}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-md)}.empty-state-text{font-family:var(--font-heading);font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.loading{text-align:center;padding:var(--space-2xl);font-family:var(--font-heading);font-size:1.2rem;color:var(--electric-blue);text-transform:uppercase;letter-spacing:.2em}.error-message{background:linear-gradient(135deg,#ff45001a,#0a1128cc);border:2px solid var(--flame-orange);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:0 4px 15px #ff45004d}.error-title{font-family:var(--font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm);color:var(--flame-orange)}@media (max-width: 1024px){:root{--sidebar-width: 240px}.main-content{padding:var(--space-lg)}}@media (max-width: 768px){:root{--sidebar-width: 0}.sidebar{display:none}.main-content{margin-left:0;padding:var(--space-md)}.section-grid,.pages-grid{grid-template-columns:1fr}.queue-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}}