@import url("/fonts/fonts.css");@import url("https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css");:root{--font-brand:"Schkorycza",serif;--font-secondary:"Typogama Ahsing",serif;--font-body:"Montserrat","Inter",sans-serif;--font-heading:"Bebas Neue",sans-serif;--font-accent:"Akaya Kanadaka",cursive;--brand-orange:#ff6b35;--brand-white:#fff;--brand-black:#0a0a0a;--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-tertiary:#242424;--bg-hover:#2a2a2a;--text-primary:#fff;--text-secondary:#b3b3b3;--text-tertiary:#666;--accent-blue:#4a90e2;--accent-green:#4caf50;--accent-red:#f44336;--accent-yellow:#ffc107;--status-active:#4caf50;--status-breakdown:#2196f3;--status-draft:#9e9e9e;--status-completed:#4caf50;--border-color:#2a2a2a;--shadow-sm:0 2px 4px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}*{margin:0;padding:0;box-sizing:border-box}strong{font-weight:600;letter-spacing:.02em}body,html{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;font-weight:400}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;position:relative;transition:width .3s ease}.sidebar.collapsed{width:70px}.sidebar.collapsed .logo span,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-section-title{opacity:0;width:0;overflow:hidden;transition:opacity .2s ease}.sidebar.collapsed .nav-item{justify-content:center;padding:var(--spacing-md) var(--spacing-sm)}.sidebar.collapsed .nav-item i{margin:0}.sidebar-toggle{position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s;z-index:10}.sidebar-toggle:hover{background:var(--brand-orange);color:var(--brand-white);border-color:var(--brand-orange)}.sidebar-toggle i{font-size:16px}.main-content{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.app-header{height:64px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:0 var(--spacing-lg)}.app-header,.logo{display:flex;align-items:center}.logo{font-size:24px;font-weight:700;gap:var(--spacing-xs)}.logo-cine,.logo-dz{color:var(--brand-white)}.logo-icon,.logo-prod{color:var(--brand-orange)}.logo-icon{font-size:28px}.header-actions{gap:var(--spacing-md)}.credits-badge,.header-actions{display:flex;align-items:center}.credits-badge{gap:var(--spacing-sm);background:var(--bg-tertiary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-size:14px;font-weight:500}.credits-badge i{color:var(--brand-orange);font-size:18px}.user-menu{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:background .2s}.user-menu:hover{background:var(--bg-hover)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--brand-orange);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--brand-white)}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--spacing-md)}.nav-section{margin-bottom:var(--spacing-lg)}.nav-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:var(--spacing-sm);padding:0 var(--spacing-md)}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:var(--spacing-xs)}.nav-item i{font-size:20px;width:20px;flex-shrink:0}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-tertiary)}.nav-item.active,.nav-item.active i{color:var(--brand-orange)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.btn i{font-size:18px}.btn-primary{background:var(--brand-orange);color:var(--brand-white)}.btn-primary:hover{background:#e55a2b;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:13px}.btn-lg{padding:var(--spacing-lg) var(--spacing-xl);font-size:16px}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.card-header{justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card-header,.card-title{display:flex;align-items:center}.card-title{font-size:18px;font-weight:600;color:var(--text-primary);gap:var(--spacing-sm)}.card-title i{color:var(--brand-orange);font-size:22px}.dashboard-container{flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.dashboard-header{margin-bottom:var(--spacing-xl)}.dashboard-title{font-size:32px;font-weight:700;margin-bottom:var(--spacing-sm)}.dashboard-subtitle{font-size:16px;color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all .2s}.stat-card:hover{border-color:var(--brand-orange);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);background:rgba(255,107,53,.1);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--brand-orange)}.stat-info{flex:1 1}.stat-label{font-size:13px;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary)}.projects-section{margin-bottom:var(--spacing-xl)}.section-header{justify-content:space-between;margin-bottom:var(--spacing-lg)}.section-header,.section-title{display:flex;align-items:center}.section-title{font-size:24px;font-weight:600;gap:var(--spacing-sm)}.section-title i{color:var(--brand-orange)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.project-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:var(--spacing-md)}.project-card:hover{border-color:var(--brand-orange);transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-header{gap:var(--spacing-md)}.project-header,.project-icon{display:flex;align-items:center}.project-icon{width:48px;height:48px;border-radius:var(--radius-md);background:rgba(255,107,53,.1);justify-content:center;font-size:24px;color:var(--brand-orange);flex-shrink:0}.project-info{flex:1 1}.project-title{font-size:18px;font-weight:600;margin-bottom:var(--spacing-xs)}.project-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;color:var(--text-secondary)}.project-status{align-self:flex-start;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-active{background:rgba(76,175,80,.2);color:var(--status-active)}.status-breakdown{background:rgba(33,150,243,.2);color:var(--status-breakdown)}.status-draft{background:hsla(0,0%,62%,.2);color:var(--status-draft)}@media (max-width:768px){.sidebar{width:60px}.sidebar .nav-item span{display:none}.sidebar-header{padding:var(--spacing-md)}.logo-cine,.logo-dz,.logo-prod{display:none}.dashboard-container{padding:var(--spacing-md)}.projects-grid,.stats-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.loading-spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top:2px solid var(--brand-orange);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.text-orange{color:var(--brand-orange)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}:root{--primary:#6366f1;--primary-dark:#4f46e5;--surface:var(--bg-secondary);--surface-elevated:var(--bg-tertiary);--background:var(--bg-primary);--border:var(--border-color)}