@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#f8f9fc;--bg-secondary:#fff;--bg-tertiary:#f1f3f9;--bg-hover:#ebeef5;--navbar-bg:#111827;--navbar-text:#f3f4f6;--navbar-hover:#1f2937;--navbar-border:#374151;--sidebar-bg:#fff;--sidebar-border:#e5e7eb;--sidebar-hover:#f3f4f6;--sidebar-active:#eff6ff;--sidebar-active-border:#3b82f6;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-inverse:#f9fafb;--accent-primary:#3b82f6;--accent-primary-hover:#2563eb;--accent-primary-light:#eff6ff;--accent-secondary:#8b5cf6;--status-inprogress:#f59e0b;--status-inprogress-bg:#fffbeb;--status-inprogress-border:#fde68a;--status-ready:#10b981;--status-ready-bg:#ecfdf5;--status-ready-border:#a7f3d0;--status-posted:#3b82f6;--status-posted-bg:#eff6ff;--status-posted-border:#bfdbfe;--status-cancelled:#ef4444;--status-cancelled-bg:#fef2f2;--status-cancelled-border:#fecaca;--border-color:#e5e7eb;--border-light:#f3f4f6;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #00000008;--navbar-height:60px;--sidebar-width:280px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}#root{min-height:100vh}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-primary-hover)}button{cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;font-family:inherit}input,textarea,select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%;padding:.625rem .875rem;font-family:inherit;font-size:.875rem}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61f}textarea{resize:vertical;min-height:80px}img,video{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:#d1d5db}.btn-danger{color:#fff;background:#ef4444}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md);background:#dc2626;transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-icon{border-radius:var(--radius-md);width:36px;height:36px;padding:0}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base), transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.badge{border-radius:var(--radius-full);text-transform:capitalize;letter-spacing:.01em;align-items:center;gap:.25rem;padding:.1875rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.avatar{border-radius:var(--radius-full);object-fit:cover;background:var(--bg-tertiary);width:32px;height:32px;color:var(--accent-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-lg{width:48px;height:48px;font-size:1.125rem}.avatar-xl{width:80px;height:80px;font-size:1.5rem}.empty-state{text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.empty-state svg{opacity:.4;width:64px;height:64px;margin-bottom:1rem}.empty-state h3{color:var(--text-secondary);margin-bottom:.25rem;font-size:1rem;font-weight:600}.empty-state p{font-size:.875rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-in{animation:.3s forwards slideInLeft}.animate-slide-up{animation:.3s forwards slideInUp}.spinner{border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}.spinner-lg{border-width:4px;width:40px;height:40px}.loading-screen{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.toast{background:var(--navbar-bg);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:10000;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;animation:.3s slideInUp,.3s 2.7s forwards fadeOut;position:fixed;bottom:24px;right:24px}@keyframes fadeOut{to{opacity:0;transform:translateY(8px)}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{color:var(--text-primary);font-size:1.5rem;font-weight:700}.page-header-actions{align-items:center;gap:.75rem;display:flex}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:.25rem;padding:1.25rem;display:flex}.stat-card .stat-label{color:var(--text-tertiary);font-size:.8125rem;font-weight:500}.stat-card .stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1.2}.stat-card .stat-change{color:var(--status-ready);font-size:.75rem;font-weight:500}@media (width<=768px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-body{padding-top:var(--navbar-height);flex:1;display:flex}.app-main{min-height:calc(100vh - var(--navbar-height));max-width:100%;transition:margin-left var(--transition-base);flex:1;margin-left:0;padding:1.5rem 2rem}.sidebar-open .app-main{margin-left:var(--sidebar-width)}.navbar{height:var(--navbar-height);background:var(--navbar-bg);z-index:1000;border-bottom:1px solid var(--navbar-border);justify-content:space-between;align-items:center;padding:0 1.25rem;display:flex;position:fixed;top:0;left:0;right:0}.navbar-left{align-items:center;display:flex}.navbar-brand{color:var(--navbar-text);align-items:center;gap:.625rem;text-decoration:none;display:flex}.navbar-logo{border-radius:var(--radius-sm);object-fit:contain;width:34px;height:34px}.navbar-title{letter-spacing:-.01em;font-size:1.125rem;font-weight:700}.navbar-right{align-items:center;gap:1rem;display:flex}.navbar-admin-links{align-items:center;gap:.25rem;display:flex}.navbar-link{color:#ffffffb3;border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.navbar-link:hover{color:#fff;background:var(--navbar-hover)}.navbar-user{position:relative}.navbar-avatar-btn{border-radius:var(--radius-full);transition:opacity var(--transition-fast);background:0 0;padding:0}.navbar-avatar-btn:hover{opacity:.85}.navbar-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:100;min-width:220px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.dropdown-header{border-bottom:1px solid var(--border-color);padding:.875rem 1rem}.dropdown-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.dropdown-email{color:var(--text-tertiary);margin-top:.125rem;font-size:.75rem}.dropdown-divider{background:var(--border-color);height:1px}.dropdown-item{color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;align-items:center;gap:.625rem;width:100%;padding:.625rem 1rem;font-size:.8125rem;display:flex}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item-danger:hover{color:var(--status-cancelled);background:#fef2f2}.badge-admin{color:#7c3aed;background:#8b5cf61a;margin-top:.375rem;display:inline-flex}.badge-user{background:var(--bg-tertiary);color:var(--text-secondary)}.sidebar{top:var(--navbar-height);width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:100;transition:transform var(--transition-base), left var(--transition-base);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto}.sidebar.closed{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:95;opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#0006;position:fixed;inset:0}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.mobile-only{display:none}.sidebar-toggle{justify-content:center;align-items:center;margin-right:.5rem;padding:.5rem;display:flex}.sidebar-header{justify-content:space-between;align-items:center;padding:1rem 1rem .5rem;display:flex}.sidebar-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-size:.6875rem;font-weight:700}.sidebar-add-form{flex-direction:column;gap:.5rem;padding:.5rem 1rem .75rem;display:flex}.sidebar-add-form input{padding:.5rem .75rem;font-size:.8125rem}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:.25rem .5rem 1rem;display:flex}.sidebar-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);border-left:3px solid #0000;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:flex}.sidebar-item:hover{background:var(--sidebar-hover);color:var(--text-primary)}.sidebar-item.active{background:var(--sidebar-active);color:var(--accent-primary);border-left-color:var(--sidebar-active-border);font-weight:600}.sidebar-client-icon{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:24px;height:24px}.sidebar-client-icon-placeholder{border-radius:var(--radius-sm);background:var(--bg-tertiary);width:24px;height:24px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:flex}.sidebar-empty{text-align:center;color:var(--text-tertiary);padding:1.5rem .75rem;font-size:.8125rem}.file-input-label{cursor:pointer;text-overflow:ellipsis;overflow:hidden;font-size:.75rem!important}.login-page{background:linear-gradient(135deg,#f0f4ff 0%,#e8ecf8 50%,#f5f0ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{background:var(--bg-secondary);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);padding:2.5rem}.login-header{text-align:center;margin-bottom:1.75rem}.login-logo{border-radius:var(--radius-md);background:#000;height:56px;margin:0 auto .75rem;padding:10px}.login-header h1{margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.login-header p{color:var(--text-tertiary);font-size:.875rem}.login-form{flex-direction:column;gap:.875rem;display:flex}.login-submit{width:100%;margin-top:.25rem;padding:.6875rem;font-size:.9375rem}.login-error{background:var(--status-cancelled-bg);color:var(--status-cancelled);border-radius:var(--radius-md);border:1px solid var(--status-cancelled-border);align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;display:flex}.login-success{background:var(--status-ready-bg);color:var(--status-ready);border-radius:var(--radius-md);border:1px solid var(--status-ready-border);padding:.625rem .875rem;font-size:.8125rem;font-weight:500}.login-footer{text-align:center;color:var(--text-tertiary);margin-top:1.25rem;font-size:.75rem}.badge-inprogress{background:var(--status-inprogress-bg);color:var(--status-inprogress);border:1px solid var(--status-inprogress-border)}.badge-ready{background:var(--status-ready-bg);color:var(--status-ready);border:1px solid var(--status-ready-border)}.badge-posted{background:var(--status-posted-bg);color:var(--status-posted);border:1px solid var(--status-posted-border)}.badge-cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled);border:1px solid var(--status-cancelled-border)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-xl);padding:2rem}.modal-icon-wrapper{margin-bottom:1rem}.modal-title{margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.modal-message{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.modal-actions{justify-content:center;gap:.75rem;display:flex}.modal-actions .btn{flex:1}.dashboard-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-tabs{background:var(--bg-tertiary);border-radius:var(--radius-md);gap:.25rem;padding:3px;display:flex}.filter-tab{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;display:flex}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-xs)}.filter-count{background:var(--bg-hover);border-radius:var(--radius-full);padding:.0625rem .375rem;font-size:.6875rem;font-weight:600}.search-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:.5rem;width:100%;max-width:280px;padding:0 .75rem;display:flex}.search-bar svg{color:var(--text-tertiary);flex-shrink:0}.search-bar input{background:0 0;border:none;padding:.5rem 0;font-size:.8125rem;box-shadow:none!important}.project-group{margin-bottom:2rem}.group-title{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:700;display:flex}.group-overdue{color:var(--status-cancelled)}.project-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.client-filters-bar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;display:flex}.filter-group{align-items:center;gap:.75rem;display:flex}.filter-group label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.kanban-board{grid-template-columns:repeat(4,1fr);align-items:start;gap:1rem;padding-bottom:1rem;display:grid;overflow-x:auto}.kanban-col{background:var(--bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--border-color);flex-direction:column;min-width:260px;display:flex;overflow:hidden}.kanban-col-header{background:var(--bg-secondary);border-top:3px solid #0000;border-bottom:1px solid var(--border-color);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);z-index:1;justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex;position:sticky;top:0}.kanban-col:nth-child(2) .kanban-col-header{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%)}.kanban-col:nth-child(2){border-color:var(--status-ready-border);box-shadow:0 0 0 2px #10b9811f, var(--shadow-md)}.kanban-col-title{letter-spacing:.01em;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;display:flex}.kanban-col-count{border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 .375rem;font-size:.75rem;font-weight:700;display:inline-flex}.kanban-col-body{flex-direction:column;gap:.75rem;min-height:120px;padding:.75rem;display:flex}.kanban-empty{color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;font-size:.75rem;display:flex}.kanban-empty-icon{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.kanban-col-body .project-card{width:100%}.kanban-col-body .project-card-media{aspect-ratio:16/9}.kanban-col-body .project-card-header .badge{display:none}.project-card.dragging{opacity:.4;cursor:grabbing}.kanban-col:active,.kanban-col:focus-within{background:var(--bg-hover);border-color:var(--accent-primary)}.kanban-col:nth-child(2) .kanban-col-body .project-card{border-left:3px solid var(--status-ready)}.kanban-col:first-child .kanban-col-body .project-card{border-left:3px solid var(--status-inprogress)}.kanban-col:nth-child(3) .kanban-col-body .project-card{border-left:3px solid var(--status-posted)}.kanban-col:nth-child(4) .kanban-col-body .project-card{border-left:3px solid var(--status-cancelled);opacity:.75}.kanban-col:nth-child(4) .kanban-col-body .project-card:hover{opacity:1}@media (width<=1100px){.kanban-board{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.kanban-board{grid-template-columns:1fr}}.project-card{color:inherit;transition:transform var(--transition-base), box-shadow var(--transition-base);text-decoration:none;display:block;overflow:hidden}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.project-card-media{aspect-ratio:16/10;background:var(--bg-tertiary);position:relative;overflow:hidden}.project-card-thumb{object-fit:cover;width:100%;height:100%}.upload-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;z-index:10;background:#0006;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;inset:0}.is-uploading{opacity:.8;pointer-events:none}.project-card-video-badge{color:#fff;border-radius:var(--radius-full);background:#000000b3;align-items:center;gap:.25rem;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600;display:flex;position:absolute;top:.5rem;left:.5rem}.project-card-body{padding:.875rem}.project-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.375rem;display:flex}.project-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.project-card-caption{color:var(--text-tertiary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.75rem;line-height:1.4;display:-webkit-box;overflow:hidden}.project-card-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.project-card-schedule{color:var(--text-tertiary);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.project-card-schedule.overdue{color:var(--status-cancelled);font-weight:500}.project-card-client{color:var(--accent-primary);background:var(--accent-primary-light);border-radius:var(--radius-full);padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.project-card-wrapper{position:relative}.project-delete-btn{opacity:0;transition:opacity var(--transition-fast);z-index:2;position:absolute;top:.5rem;right:.5rem;background:#ffffffe6!important}.project-card-wrapper:hover .project-delete-btn{opacity:1}.project-delete-btn:hover{color:var(--status-cancelled);background:var(--status-cancelled-bg)!important}.upload-form-grid{flex-direction:column;gap:.75rem;display:flex}.file-drop-zone{border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;padding:1.5rem;display:flex}.file-drop-zone:hover{border-color:var(--accent-primary);background:var(--accent-primary-light)}.file-drop-content{color:var(--text-tertiary);flex-direction:column;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.file-preview-name{align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;display:flex}.upload-progress{align-items:center;gap:.75rem;display:flex}.upload-progress-bar{background:var(--bg-tertiary);border-radius:3px;flex:1;height:6px;overflow:hidden}.upload-progress-fill{background:var(--accent-primary);border-radius:3px;height:100%;transition:width .3s}.upload-progress-text{color:var(--accent-primary);min-width:36px;font-size:.75rem;font-weight:600}.detail-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.detail-header-actions{gap:.5rem;display:flex}.detail-layout{grid-template-columns:1fr 420px;align-items:start;gap:1.5rem;display:grid}.detail-media{aspect-ratio:16/10;background:var(--bg-tertiary);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.detail-media-loading{color:var(--text-tertiary);flex-direction:column;align-items:center;gap:1rem;display:flex}.detail-media-content{object-fit:contain;background:#000;width:100%;max-height:70vh;display:block}.detail-info{flex-direction:column;gap:1rem;display:flex}.detail-client-badge{color:var(--accent-primary);background:var(--accent-primary-light);border-radius:var(--radius-full);margin-bottom:.75rem;padding:.1875rem .625rem;font-size:.6875rem;font-weight:600;display:inline-block}.detail-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.detail-meta-row{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.detail-schedule{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.detail-caption{color:var(--text-secondary);white-space:pre-wrap;margin-bottom:1rem;font-size:.875rem;line-height:1.6}.detail-publisher{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);align-items:center;gap:.625rem;margin-bottom:.75rem;padding:.75rem 0;display:flex}.publisher-name{font-size:.8125rem;font-weight:600}.publisher-role{color:var(--text-tertiary);font-size:.6875rem}.detail-file-info{color:var(--text-tertiary);gap:1rem;font-size:.75rem;display:flex}.detail-edit-form{flex-direction:column;gap:1rem;display:flex}.edit-form-row{flex-direction:column;display:flex}.edit-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.status-select{border-left:4px solid var(--accent-primary);font-weight:600}.section-title{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9375rem;font-weight:700;display:flex}.comment-form{margin-bottom:1rem}.comment-input-row{align-items:center;gap:.625rem;display:flex}.comment-input-row input{flex:1}.comments-list{flex-direction:column;gap:.75rem;display:flex}.comments-empty{color:var(--text-tertiary);text-align:center;padding:1rem;font-size:.8125rem}.comment-item{align-items:flex-start;gap:.625rem;display:flex}.comment-body{flex:1}.comment-header{align-items:baseline;gap:.5rem;margin-bottom:.125rem;display:flex}.comment-header strong{font-size:.8125rem}.comment-time{color:var(--text-tertiary);font-size:.6875rem}.comment-text{color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.history-timeline{flex-direction:column;gap:.625rem;display:flex}.history-empty{text-align:center;color:var(--text-tertiary);padding:1rem;font-size:.8125rem}.history-item{align-items:flex-start;gap:.625rem;display:flex}.history-icon{border-radius:var(--radius-full);background:var(--bg-tertiary);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.history-content{flex:1}.history-desc{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.history-desc strong{color:var(--text-primary)}.history-desc em{color:var(--accent-primary);font-style:normal;font-weight:500}.history-time{color:var(--text-tertiary);font-size:.6875rem}.settings-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.settings-card{padding:1.5rem}.settings-section-title{border-bottom:1px solid var(--border-color);margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1rem;font-weight:700}.settings-avatar-section{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.settings-avatar-upload{cursor:pointer;border-radius:var(--radius-full);position:relative;overflow:hidden}.settings-avatar-overlay{opacity:0;transition:opacity var(--transition-fast);border-radius:var(--radius-full);background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.settings-avatar-upload:hover .settings-avatar-overlay{opacity:1}.settings-avatar-name{font-size:.9375rem;font-weight:600}.settings-avatar-email{color:var(--text-tertiary);font-size:.75rem}.users-table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:var(--bg-tertiary)}.users-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);text-align:left;white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.users-table td{border-top:1px solid var(--border-color);vertical-align:middle;padding:.75rem 1rem;font-size:.8125rem}.users-table tr:hover td{background:var(--bg-hover)}.user-name{font-weight:500}.user-email-cell{color:var(--text-secondary)}.user-date-cell{color:var(--text-tertiary);font-size:.75rem}.analytics-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.analytics-chart-card{padding:1.25rem}.analytics-chart-card h3{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem;font-weight:600}@media (width<=1024px){.sidebar-open .app-main{margin-left:0}.sidebar{z-index:10001;box-shadow:var(--shadow-xl);top:0;background:#fff!important;width:280px!important;height:100vh!important;display:flex!important;left:0!important}.mobile-only{display:flex}.detail-layout,.settings-grid,.analytics-grid{grid-template-columns:1fr}}@media (width<=768px){.app-main{margin-left:0;padding:1rem}.navbar-admin-links{display:none}.project-grid{grid-template-columns:1fr}}