:root{--color-bg-primary:#0a0a0a;--color-bg-secondary:#111111;--color-bg-tertiary:#1a1a1a;--color-bg-elevated:#222222;--color-bg-hover:#2a2a2a;--color-text-primary:#ffffff;--color-text-secondary:#a3a3a3;--color-text-tertiary:#737373;--color-text-inverse:#0a0a0a;--color-accent:#ff4d00;--color-accent-hover:#ff6a2b;--color-accent-muted:rgba(255,77,0,0.15);--color-success:#22c55e;--color-success-muted:rgba(34,197,94,0.15);--color-warning:#eab308;--color-warning-muted:rgba(234,179,8,0.15);--color-error:#ef4444;--color-error-muted:rgba(239,68,68,0.15);--color-info:#3b82f6;--color-info-muted:rgba(59,130,246,0.15);--color-border:#2a2a2a;--color-border-hover:#404040;--color-border-focus:#ff4d00;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","Fira Code","SF Mono",Menlo,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 6px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px rgba(0,0,0,0.5);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--sidebar-width:240px;--header-height:64px;--content-max-width:1200px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);background-color:var(--color-bg-primary);min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{color:var(--color-text-secondary);line-height:var(--line-height-normal)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}a:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}code,pre{font-family:var(--font-mono);font-size:var(--font-size-sm)}pre{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);padding:var(--space-4);overflow-x:auto}.btn,pre{border-radius:var(--radius-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:var(--color-text-primary);border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-hover);border-color:var(--color-border-hover)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-error);color:var(--color-text-primary);border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background-color:#dc2626;border-color:#dc2626}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-fast)}.card-hover:hover{border-color:var(--color-border-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card-description{font-size:var(--font-size-sm);margin-top:var(--space-1)}.card-body,.card-description{color:var(--color-text-secondary)}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.table-container{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table th{text-align:left;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background-color:var(--color-bg-tertiary);white-space:nowrap}.table td,.table th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.table td{color:var(--color-text-primary);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background-color:var(--color-bg-hover)}.table-clickable tbody tr{cursor:pointer}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-label-required:after{content:" *";color:var(--color-error)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-border-hover)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-accent-muted)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-tertiary)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed}.form-textarea{min-height:100px;resize:vertical}.form-hint{color:var(--color-text-tertiary)}.form-error,.form-hint{font-size:var(--font-size-xs)}.form-error{color:var(--color-error)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-full);white-space:nowrap}.badge-drafting{background-color:var(--color-info-muted);color:var(--color-info)}.badge-awaiting-approval{background-color:var(--color-warning-muted);color:var(--color-warning)}.badge-approved{background-color:var(--color-success-muted);color:var(--color-success)}.badge-publishing{background-color:var(--color-info-muted);color:var(--color-info)}.badge-published{background-color:var(--color-success-muted);color:var(--color-success)}.badge-failed,.badge-rejected{background-color:var(--color-error-muted);color:var(--color-error)}.badge-cancelled{background-color:rgba(115,115,115,.15);color:var(--color-text-tertiary)}.badge-active{background-color:var(--color-success-muted);color:var(--color-success)}.badge-pending{background-color:var(--color-warning-muted);color:var(--color-warning)}.badge-expired{background-color:var(--color-error-muted);color:var(--color-error)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:400px}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) 0}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.page-header{display:flex;flex-direction:column;gap:var(--space-2)}.page-header h1{font-size:var(--font-size-2xl)}.page-header p{font-size:var(--font-size-sm)}.new-post-form .card-body{display:flex;flex-direction:column;gap:var(--space-5)}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-hover) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-body{display:flex;flex:1 1;padding-top:var(--header-height)}.app-main{flex:1 1;padding:var(--space-6);max-width:var(--content-max-width);width:100%;margin:0 auto}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);justify-content:space-between;padding:0 var(--space-4);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);z-index:100}.app-header,.header-left{display:flex;align-items:center}.header-left{gap:var(--space-3)}.header-logo{display:flex;align-items:center;gap:var(--space-2)}.header-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.menu-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:var(--radius-md)}@media (min-width:769px){.menu-toggle{display:none}}.sidebar{width:var(--sidebar-width);background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);position:fixed;top:var(--header-height);left:0;bottom:0;overflow-y:auto;z-index:90;transition:transform var(--transition-base)}.sidebar-nav{padding:var(--space-4) var(--space-3)}.sidebar-nav-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast)}.sidebar-nav-link:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-nav-link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.sidebar-nav-link-active,.sidebar-nav-link-active:hover{background-color:var(--color-accent-muted);color:var(--color-accent)}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.sidebar-nav-label{white-space:nowrap}.sidebar-backdrop{display:none;position:fixed;inset:0;background-color:rgba(0,0,0,.6);z-index:80}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar-open{transform:translateX(0)}.sidebar-backdrop{display:block}.app-main{padding:var(--space-4)}}@media (min-width:769px){.app-body{padding-left:var(--sidebar-width)}.sidebar-backdrop{display:none}}.header-right{position:relative}.user-profile-button{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.user-profile-button:hover{background-color:var(--color-bg-hover);border-color:var(--color-text-tertiary)}.user-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:var(--color-accent);color:#fff;font-size:.7rem;font-weight:700;flex-shrink:0}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.user-name{display:none}}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:200px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:200;overflow:hidden}.user-dropdown-info{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.125rem}.user-dropdown-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.user-dropdown-email{font-size:.75rem;color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-divider{height:1px;background-color:var(--color-border)}.user-dropdown-item{display:block;width:100%;padding:.625rem 1rem;background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.user-dropdown-item:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.page-container{display:flex;flex-direction:column;gap:var(--space-6)}.page-header h1{margin-bottom:var(--space-2)}.settings-layout{display:flex;flex-direction:column;gap:var(--space-6)}.settings-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.settings-tab:hover{color:var(--color-text-primary)}.settings-tab:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px;border-radius:var(--radius-sm)}.settings-tab-active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.settings-panel{min-height:300px}.settings-tab-content{display:flex;flex-direction:column;gap:var(--space-6)}.settings-toast{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);z-index:1000;animation:toast-slide-in .2s ease-out}@keyframes toast-slide-in{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-toast-success{background-color:var(--color-bg-elevated);border:1px solid var(--color-success);color:var(--color-success)}.settings-toast-error{background-color:var(--color-bg-elevated);border:1px solid var(--color-error);color:var(--color-error)}.role-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.role-remove-btn{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:var(--space-1);padding:0;font-size:10px;line-height:1;color:inherit;background:none;border:none;border-radius:var(--radius-full);cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.role-remove-btn:hover{opacity:1}.settings-add-form{display:flex;align-items:flex-end;gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-4);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md)}.settings-add-form .form-group{flex:1 1}.brand-examples-list{display:flex;flex-direction:column;gap:var(--space-4)}.brand-example-item{padding:var(--space-4);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.brand-example-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.brand-example-fields{display:flex;flex-direction:column;gap:var(--space-3)}.settings-form-grid{display:flex;flex-direction:column;gap:var(--space-6)}.settings-time-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.posting-days-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.posting-day-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.posting-day-toggle:has(input:checked){background-color:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-accent)}.posting-day-toggle input{width:0;height:0;opacity:0;position:absolute}.posting-day-toggle:focus-within{outline:2px solid var(--color-border-focus);outline-offset:2px}@media (max-width:768px){.settings-add-form{flex-direction:column;align-items:stretch}.settings-time-row{grid-template-columns:1fr}.settings-toast{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}}.activity-detail{display:flex;flex-direction:column;gap:var(--space-4)}.activity-detail-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.activity-detail-header-left{display:flex;align-items:center;gap:var(--space-3)}.activity-detail-meta{padding:var(--space-5)}.activity-meta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.activity-meta-item{display:flex;flex-direction:column;gap:var(--space-1)}.activity-meta-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.activity-meta-value{font-size:var(--font-size-sm);color:var(--color-text-primary)}.activity-cost-bar{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.activity-cost-item{display:flex;flex-direction:column;gap:var(--space-1)}.activity-approval-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-warning-muted);border:1px solid rgba(234,179,8,.3);border-radius:var(--radius-lg);color:var(--color-warning);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.activity-approval-banner-icon{flex-shrink:0}.activity-failure-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-error-muted);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.activity-failure-banner-icon{flex-shrink:0}.activity-transcript-card{min-height:200px}.activity-transcript-container{max-height:400px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-tertiary)}.activity-transcript-empty{display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.activity-transcript-list{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.activity-transcript-entry{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-mono);line-height:var(--line-height-normal)}.activity-transcript-entry:hover{background-color:var(--color-bg-hover)}.activity-transcript-time{flex-shrink:0;color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.activity-transcript-agent{flex-shrink:0;color:var(--color-accent);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs)}.activity-transcript-type{flex-shrink:0;color:var(--color-info);font-size:var(--font-size-xs);padding:0 var(--space-1);background-color:var(--color-info-muted);border-radius:var(--radius-sm)}.activity-transcript-content{color:var(--color-text-secondary);word-break:break-word}.activity-stream-indicator{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-success)}.activity-stream-dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-success);animation:stream-pulse 1.5s ease-in-out infinite}@keyframes stream-pulse{0%,to{opacity:1}50%{opacity:.4}}.activity-draft-card .card-header{margin-bottom:var(--space-4)}.activity-linkedin-preview{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-tertiary);overflow:hidden}.activity-linkedin-preview-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.activity-linkedin-avatar{width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-accent-muted);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);flex-shrink:0}.activity-linkedin-author{display:flex;flex-direction:column;gap:2px}.activity-linkedin-author-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.activity-linkedin-author-surface{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.activity-linkedin-preview-body{padding:var(--space-4);color:var(--color-text-secondary)}.activity-comments-card .card-body,.activity-linkedin-preview-body{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.activity-published-card .card-body{font-size:var(--font-size-sm)}.activity-published-card code{padding:var(--space-1) var(--space-2);background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}@media (max-width:768px){.activity-meta-grid{grid-template-columns:1fr 1fr}.activity-cost-bar{flex-wrap:wrap;gap:var(--space-3)}.activity-detail-header{flex-direction:column;align-items:flex-start}}