:root{--black: #000000;--white: #FFFFFF;--hot-pink: #FF006B;--gray: #888888;--light-gray: #F5F5F5;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--sidebar-width: 280px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:IBM Plex Sans,sans-serif;background:var(--white);color:var(--black);line-height:1.5}h1{font-family:IBM Plex Sans,sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;color:var(--black);margin-bottom:var(--space-lg)}h2{font-family:IBM Plex Sans,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;border-bottom:3px solid var(--hot-pink);padding-bottom:.5rem;display:inline-block;margin-bottom:var(--space-lg)}h3{font-family:IBM Plex Sans,sans-serif;font-size:1.4rem;font-weight:700;text-transform:uppercase;margin-bottom:var(--space-md)}p{font-family:IBM Plex Sans,sans-serif;font-size:1.05rem;line-height:1.7;color:var(--black);margin-bottom:var(--space-md)}.label{font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--hot-pink);text-transform:uppercase;letter-spacing:.2em;font-weight:600}.text-gray{color:var(--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:var(--black);color:var(--white);padding:var(--space-xl) var(--space-lg);z-index:1000;display:flex;flex-direction:column}.sidebar-logo{font-family:IBM Plex Mono,monospace;font-size:3rem;font-weight:600;color:var(--white);margin-bottom:var(--space-2xl);letter-spacing:-.05em}.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(--white);text-decoration:none;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.15em;transition:color .2s ease;padding:var(--space-sm) 0}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--hot-pink)}.sidebar-nav a.disabled{color:var(--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 var(--gray)}.sidebar-subnav li{margin-bottom:var(--space-sm)}.sidebar-subnav a{font-size:.75rem;font-weight:400;letter-spacing:.1em;padding:var(--space-xs) 0}.sidebar-logout{font-family:IBM Plex Sans,sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:1rem 1.5rem;background:var(--white);color:var(--black);border:3px solid var(--white);cursor:pointer;transition:all .2s ease;width:100%;margin-top:var(--space-lg)}.sidebar-logout:hover{background:var(--hot-pink);border-color:var(--hot-pink);color:var(--white)}.main-content{margin-left:var(--sidebar-width);flex:1;padding:var(--space-2xl) var(--space-xl);min-height:100vh}.btn{font-family:IBM Plex Sans,sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:1.2rem 2.5rem;background:var(--black);color:var(--white);border:3px solid var(--black);cursor:pointer;transition:all .2s ease}.btn:hover{background:var(--hot-pink);border-color:var(--hot-pink)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--white);color:var(--black);border:3px solid var(--black)}.btn-secondary:hover{background:var(--black);color:var(--white)}.btn-reject{background:var(--white);color:var(--black);border:3px solid var(--black)}.btn-reject:hover{background:var(--black);color:var(--white)}.btn-small{padding:.8rem 1.5rem;font-size:.75rem}.btn-group{display:flex;gap:var(--space-sm);flex-wrap:wrap}.card{background:var(--light-gray);padding:2.5rem;border:3px solid var(--black);transition:all .2s ease}.card:hover{background:var(--black);color:var(--white)}.card-label{font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--hot-pink);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-sm);font-weight:600}.card-title{font-size:1.4rem;font-weight:700;margin-bottom:var(--space-sm);text-transform:uppercase}.card-description{font-size:.95rem;line-height:1.6;color:var(--gray)}.card:hover .card-description{color:var(--white)}.card-link{text-decoration:none;color:inherit;display:block}.badge{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;padding:.4rem .8rem;border:2px solid var(--black);background:var(--white)}.badge-pending{color:var(--black);background:var(--white)}.badge-approved{color:var(--white);background:var(--hot-pink);border-color:var(--hot-pink)}.badge-posted{color:var(--white);background:var(--black);border-color:var(--black)}.badge-rejected{color:var(--gray);background:var(--white);border-color:var(--gray)}.badge-failed{color:var(--white);background:var(--black);border-color:var(--black)}.post-card{background:var(--white);border:3px solid var(--black);padding:var(--space-lg);margin-bottom:var(--space-lg);transition:all .2s ease}.post-card.approved{border-color:var(--hot-pink);border-width:4px}.post-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.post-card-platform{font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--hot-pink);text-transform:uppercase;letter-spacing:.2em;font-weight:600}.post-card-content{margin-bottom:var(--space-lg)}.post-card-title{font-size:1.8rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem;line-height:1.2}.post-card-subtitle{font-size:1rem;color:var(--gray);font-style:italic;margin-bottom:var(--space-md)}.post-card-caption{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}.post-card-caption-full{font-size:.95rem;line-height:1.6;margin-bottom:var(--space-md);white-space:pre-wrap}.post-card-hashtags{font-size:.9rem;color:var(--hot-pink);margin-bottom:var(--space-md);font-family:IBM Plex Mono,monospace}.post-card-meta{font-size:.85rem;color:var(--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 var(--light-gray)}.post-group-title{font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--gray)}.page-card{background:var(--light-gray);border:3px solid var(--black);padding:var(--space-lg);cursor:pointer;transition:all .2s ease;text-decoration:none;color:var(--black);display:block}.page-card:hover{background:var(--black);color:var(--white)}.page-card-icon{font-size:3rem;margin-bottom:var(--space-sm)}.page-card-name{font-size:1.4rem;font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.page-card-handle{font-size:.9rem;color:var(--gray);margin-bottom:var(--space-sm)}.page-card:hover .page-card-handle{color:var(--white)}.page-card-platform{font-family:IBM Plex Mono,monospace;font-size:.65rem;color:var(--hot-pink);text-transform:uppercase;letter-spacing:.15em;font-weight:600;margin-bottom:var(--space-sm)}.page-card-count{font-family:IBM Plex Mono,monospace;font-size:.8rem;font-weight:600}.input-field{width:100%;padding:1.2rem;border:3px solid var(--black);font-family:IBM Plex Sans,sans-serif;font-size:1rem;background:var(--white);transition:border-color .2s ease;margin-bottom:var(--space-md)}.input-field:focus{border-color:var(--hot-pink);outline:none}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.1em;margin-bottom:var(--space-sm)}.form-error{color:var(--hot-pink);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)}.login-box{width:100%;max-width:500px;text-align:center}.login-logo{font-family:IBM Plex Mono,monospace;font-size:5rem;font-weight:600;color:var(--black);margin-bottom:var(--space-xl);letter-spacing:-.05em}.login-form{background:var(--light-gray);border:3px solid var(--black);padding:var(--space-xl);text-align:left}.login-title{font-size:1.5rem;font-weight:700;text-transform:uppercase;margin-bottom:var(--space-lg);text-align:center}.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:var(--light-gray);border:3px solid var(--black);padding:var(--space-xl);cursor:pointer;transition:all .2s ease;text-decoration:none;color:var(--black);display:block}.section-tile:hover{background:var(--black);color:var(--white)}.section-tile-label{font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--hot-pink);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-md);font-weight:600}.section-tile-title{font-size:2rem;font-weight:700;text-transform:uppercase;margin-bottom:var(--space-sm)}.section-tile-count{font-size:1rem;color:var(--gray)}.section-tile:hover .section-tile-count{color:var(--white)}.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:4px solid var(--black)}.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-size:1rem;color:var(--gray)}.queue-buffer-label{font-family:IBM Plex Mono,monospace;font-size:.7rem;color:var(--hot-pink);text-transform:uppercase;letter-spacing:.2em;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-size:1.5rem;font-weight:700;text-transform:uppercase;margin-bottom:var(--space-sm)}.queue-divider{height:4px;background:var(--black);margin:var(--space-2xl) 0}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--gray)}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-md)}.empty-state-text{font-size:1.2rem;font-weight:600;text-transform:uppercase}.loading{text-align:center;padding:var(--space-2xl);font-size:1.2rem;color:var(--gray)}.error-message{background:var(--light-gray);border:3px solid var(--black);padding:var(--space-lg);margin-bottom:var(--space-lg)}.error-title{font-weight:700;text-transform:uppercase;margin-bottom:var(--space-sm)}@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)}}