*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#374151;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;max-width:100%;overflow-x:hidden;width:100%}.fade-in{animation:fadeIn .3s ease-in-out}.btn{border:none;display:inline-flex;outline:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f666}.btn-secondary{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;color:#3b82f6}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef44444d;color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef444466}.btn-icon.delete:hover{background:#fee2e2}.modal-content{animation:modalFadeIn .3s ease-out;box-shadow:0 10px 25px #0000001a}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.modal-close{align-items:center;display:flex;justify-content:center;padding:.5rem}.modal-close:hover{color:#ef4444}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:1rem;justify-content:flex-end}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-actions{display:flex;gap:.75rem}@media (max-width:768px){.btn{font-size:.8rem;justify-content:center;padding:.625rem 1.25rem;width:100%}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:1rem}.section-actions{flex-direction:column;width:100%}.modal-content{margin:.5rem;max-width:none;width:95%}.modal-body,.modal-footer,.modal-header{padding:1rem}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.25rem}.form-group input,.form-group select,.form-group textarea{padding:.625rem}}@media (max-width:480px){body,html{font-size:14px}.btn{font-size:.75rem;padding:.5rem 1rem}.modal-content{border-radius:0;margin:0;max-height:100vh;width:100%}.modal-title,.section-title{font-size:1.125rem}.table-header,.table-row{padding:1rem .75rem}}.login-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden;position:relative;width:100vw}.login-background{background:linear-gradient(135deg,#667eea,#764ba2);z-index:1}.background-pattern,.login-background{height:100%;left:0;position:absolute;top:0;width:100%}.background-pattern{animation:patternFloat 20s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff1a 0,#0000 50%)}@keyframes patternFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(1deg)}}.floating-shapes{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.shape{animation:float 15s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:80px;left:20%;top:20%;width:80px}.shape-2{animation-delay:5s;height:120px;right:20%;top:60%;width:120px}.shape-3{animation-delay:10s;bottom:30%;height:60px;left:30%;width:60px}@keyframes float{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-30px) translateX(20px)}66%{transform:translateY(10px) translateX(-10px)}}.login-content{box-shadow:0 20px 40px #0000001a;display:flex;height:100%;margin:0 auto;max-width:1400px;position:relative;width:100%;z-index:2}.login-left{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-right:1px solid #fff3;display:flex;flex:1.2 1;flex-direction:column;justify-content:space-between;padding:3rem}.brand-section{margin-bottom:2rem;text-align:center}.brand-logo{align-items:center;background:#fff;border-radius:16px;color:#3b82f6;display:flex;height:64px;justify-content:center;margin-bottom:.75rem;width:64px}.brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:3rem;font-weight:800;margin-bottom:.5rem}.brand-subtitle{color:#4a5568;font-size:1.1rem;margin-bottom:2rem}.features-section{flex:1 1}.features-title{color:#1a202c;font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.feature-card{align-items:flex-start;background:#ffffffb3;border:1px solid #ffffff4d;border-radius:16px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.feature-card:hover{background:#ffffffe6;box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.feature-icon{color:#667eea;flex-shrink:0;height:24px;margin-top:.25rem;width:24px}.feature-content{flex:1 1}.feature-title{color:#1a202c;font-size:1rem;font-weight:600;margin-bottom:.5rem}.feature-description{color:#4a5568;font-size:.9rem;line-height:1.5}.stats-section{display:flex;justify-content:space-around;margin-top:2rem}.stat-number{color:#667eea;font-weight:800;margin-bottom:.25rem}.stat-label{color:#4a5568;font-size:.8rem}.login-right{align-items:center;background:#fff;display:flex;flex:1 1;justify-content:center;padding:3rem}.login-form-container{max-width:400px;width:100%}.login-header{margin-bottom:2.5rem;text-align:center}.login-title{color:#1a202c;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:#4a5568;font-size:1rem;line-height:1.5}.simple-login{align-items:center;display:flex;flex-direction:column;gap:2rem}.welcome-message{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:16px;padding:2rem;text-align:center}.welcome-message p{color:#4a5568;font-size:1.1rem;font-weight:500;margin:0}.error-message{background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:.9rem;padding:.75rem 1rem}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem;transition:all .3s ease;width:100%}.login-button:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button.loading{cursor:not-allowed;opacity:.8}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.login-footer{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem}.access-info{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center}.access-info h4{color:#1a202c;font-size:1rem;font-weight:600;margin-bottom:.75rem}.access-info p{color:#4a5568;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:1024px){.login-content{flex-direction:column}.login-left{flex:none;padding:2rem}.features-grid{grid-template-columns:repeat(2,1fr)}.login-right{padding:2rem}}@media (max-width:768px){.login-left{padding:1.5rem}.features-grid{grid-template-columns:1fr}.brand-title{font-size:2.5rem}.features-title{font-size:1.5rem}.stats-section{flex-direction:column;gap:1rem}.login-right{padding:1.5rem}}@media (max-width:480px){.login-container{height:auto;min-height:100vh}.login-left,.login-right{padding:1rem}.brand-title{font-size:2rem}.feature-card{padding:1rem}}.sidebar{background:#fff;border-right:1px solid #e5e7eb;bottom:0;box-shadow:4px 0 24px #0000000d;left:0;overflow:hidden;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:1000}.mobile-menu-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;color:#0c4a6e;cursor:pointer;display:none;height:40px;justify-content:center;left:1rem;position:fixed;top:1rem;width:40px;z-index:999}.mobile-close{background:#ef44441a;border:1px solid #ef444433;border-radius:.5rem;color:#ef4444;cursor:pointer;display:none;padding:.5rem}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar:before{display:none}.sidebar.collapsed{width:80px}.sidebar.collapsed:before{opacity:.3}.sidebar-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:1.5rem 1rem}.brand,.sidebar-header{align-items:center;display:flex}.brand{gap:.75rem}.brand-icon{align-items:center;background:#fff;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:2.75rem;justify-content:center;width:2.75rem}.brand-logo-image{border-radius:8px;height:auto;max-height:100%;max-width:100%;width:auto}.brand-icon:before{display:none}.brand-letter{color:#0ea5e9;font-size:1.25rem;font-weight:800;text-shadow:none}.brand-text{flex:1 1}.brand-title{color:#0c4a6e;font-size:1.25rem;font-weight:700;line-height:1.2;margin:0}.brand-subtitle{color:#6b7280;font-size:.75rem;font-weight:500;margin:0}.sidebar-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;color:#cbd5e1;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .3s ease}.sidebar-toggle:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 12px #3b82f633;color:#fff;transform:scale(1.1)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem}.nav-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.nav-item,.nav-link{position:relative}.nav-link{align-items:center;border-radius:.75rem;color:#0c4a6e;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;overflow:hidden;padding:.75rem 1rem;text-decoration:none;transition:all .15s ease}.nav-link:before{background:linear-gradient(135deg,#0ea5e91a,#06b6d41a);border-radius:.75rem;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.nav-link:hover:before{opacity:1}.nav-link:hover{background:#f1f5f9;transform:translateX(2px)}.nav-link.active{background:#0ea5e91a;border:1px solid #0ea5e933;color:#0ea5e9}.nav-link.active:before{opacity:1}.nav-icon{align-items:center;background:#e0f2fe;border-radius:.5rem;color:#0ea5e9;display:flex;flex-shrink:0;height:2rem;justify-content:center;transition:all .15s ease;width:2rem}.nav-link.active .nav-icon{background:#0ea5e9;color:#fff}.nav-link:hover .nav-icon{background:#dbeafe}.nav-label{flex:1 1;text-align:left}.nav-content{align-items:center;display:flex;flex:1 1;justify-content:space-between}.pro-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:1px solid #fbbf244d;border-radius:.375rem;box-shadow:0 2px 4px #0000001a,0 0 8px #fbbf2433;color:#1f2937;font-size:.6rem;font-weight:700;letter-spacing:.05em;overflow:hidden;padding:.25rem .5rem;position:relative;text-transform:uppercase}.pro-badge:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-link:hover .pro-badge:before{left:100%}.pro-badge.premium{animation:pulse-gold 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b66,0 0 20px #f59e0b33;color:#fff}@keyframes pulse-gold{0%,to{box-shadow:0 4px 12px #f59e0b66,0 0 20px #f59e0b33;transform:scale(1)}50%{box-shadow:0 6px 16px #f59e0b99,0 0 30px #f59e0b4d;transform:scale(1.05)}}.sidebar-footer{background:#0003;border-top:1px solid #ffffff1a;padding:1rem}.user-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.75rem;gap:.75rem;padding:.75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:.5rem;color:#fff;flex-shrink:0;font-size:.875rem;font-weight:600;height:2.5rem;justify-content:center;width:2.5rem}.user-details{flex:1 1}.user-name{color:#fff;font-size:.875rem;font-weight:600;line-height:1.2;margin:0}.user-role{color:#94a3b8;font-size:.75rem;font-weight:500;margin:0}.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .user-info{display:none}.sidebar.collapsed .nav-link{justify-content:center;padding:.875rem}.sidebar.collapsed .sidebar-toggle{margin-left:auto}@media (max-width:1024px){.sidebar{width:280px}.sidebar,.sidebar.collapsed{transform:translateX(-100%)}.sidebar.mobile-open{transform:translateX(0)}.mobile-menu-toggle{display:flex}.mobile-close{display:block;margin-left:.5rem}.sidebar-overlay{display:block}.main-content{margin-left:0!important}}@media (max-width:768px){.sidebar{max-width:300px;width:85%}.sidebar-header{padding:1.25rem 1rem}.nav-link{padding:.875rem .75rem}.brand-icon{height:2.5rem;width:2.5rem}}@media (max-width:480px){.sidebar{max-width:none;width:100%}}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff1a}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.logout-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef44441a;border:1px solid #ef444433;border-radius:.75rem;color:#f87171;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:.75rem;transition:all .3s ease}.logout-btn:hover{background:#ef444433;border-color:#ef44444d;box-shadow:0 4px 12px #ef444433;color:#ef4444;transform:scale(1.05)}.logout-btn.collapsed{margin:1rem;width:calc(100% - 2rem)}.dashboard{background:#f8fafc;max-width:100%;min-height:100%;overflow-x:hidden;padding:0;width:100%}.dashboard-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-bottom:none;border-radius:1rem;box-shadow:0 4px 12px #0ea5e926;margin-bottom:1.5rem;padding:1.5rem 2rem}.header-content{align-items:center;justify-content:space-between;margin:0 auto;max-width:1400px}.header-text{flex:1 1}.page-subtitle{font-size:.875rem;margin:0}.header-controls{align-items:center;display:flex;gap:1rem}.refresh-button{align-items:center;background:#fff3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.refresh-button:hover{background:#ffffff4d}.refresh-button.refreshing{background:#ffffff4d;cursor:not-allowed}.refresh-button.refreshing svg{animation:spin 1s linear infinite}.last-refreshed{background:#ffffff1a;border-radius:.5rem;color:#fffc;font-size:.75rem;margin:0 1rem;padding:.5rem}.time-range-selector{background:#fff3;border:1px solid #ffffff4d;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease}.time-range-selector:focus{border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a;outline:none}.dashboard-container{margin:0 auto;max-width:1400px;padding:0 2rem 2rem}.metrics-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.metric-card{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.metric-card:before{background:linear-gradient(90deg,#3b82f6,color-mix(in srgb,#3b82f6 70%,#fff));background:linear-gradient(90deg,var(--icon-color,#3b82f6),color-mix(in srgb,var(--icon-color,#3b82f6) 70%,#fff));content:"";height:3px;left:0;position:absolute;right:0;top:0}.metric-card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-4px)}.metric-content{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.metric-label{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.metric-icon{align-items:center;border-radius:.75rem;display:flex;height:3rem;justify-content:center;transition:all .3s ease;width:3rem}.metric-card:first-child{--icon-color:#3b82f6}.metric-card:nth-child(2){--icon-color:#10b981}.metric-card:nth-child(3){--icon-color:#f59e0b}.metric-card:nth-child(4){--icon-color:#8b5cf6}.metric-card:hover .metric-icon{background:#3b82f6!important;background:var(--icon-color,#3b82f6)!important;color:#fff!important;transform:scale(1.1)}.metric-value{color:#1e293b;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.25rem}.metric-description{color:#9ca3af;font-size:.75rem;margin-bottom:.25rem}.metric-details{background:#f9fafb;border-radius:.5rem;color:#6b7280;font-size:.75rem;margin-bottom:.5rem;padding:.5rem}.metric-change{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.25rem}.metric-change.increase{color:#10b981}.metric-change.decrease{color:#ef4444}.dashboard-columns{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:2rem}.dashboard-columns.two-columns{grid-template-columns:1fr 1fr}.dashboard-column{display:flex;flex-direction:column;gap:1.5rem}.dashboard-panel{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;height:100%;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.dashboard-panel:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.panel-header{align-items:center;background:#fcfcfd;justify-content:space-between;padding:1.5rem}.panel-title{align-items:center;display:flex;font-size:1rem;gap:.5rem;margin:0}.panel-title svg{color:#3b82f6}.action-btn,.view-all-btn{align-items:center;background:none;border:none;border-radius:.375rem;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;padding:.5rem;transition:all .2s ease}.action-btn:hover,.view-all-btn:hover{background:#eff6ff;color:#3b82f6}.panel-body{flex:1 1;overflow:auto;padding:1.5rem}.activity-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.activity-item{background:#f8fafc;border-left:3px solid #0000;border-radius:.5rem;display:flex;padding:.875rem;transition:all .2s ease}.activity-item:hover{background:#f1f5f9;border-left-color:#3b82f6}.activity-icon{align-items:center;background:#3b82f626;border-radius:.5rem;color:#3b82f6;display:flex;height:2.5rem;justify-content:center;margin-right:.75rem;min-width:2.5rem}.activity-icon.paid{background:#10b98126;color:#10b981}.activity-icon.pending{background:#f59e0b26;color:#f59e0b}.activity-icon.delivered{background:#06b6d426;color:#06b6d4}.activity-icon.accepted{background:#10b98126;color:#10b981}.activity-icon.confirmed{background:#3b82f626;color:#3b82f6}.activity-content{flex:1 1}.activity-title{color:#1e293b;font-weight:600;margin-bottom:.25rem}.activity-details{color:#64748b;font-size:.875rem;margin-bottom:.25rem}.activity-time{color:#94a3b8;font-size:.75rem}.empty-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.empty-state svg{margin-bottom:1rem;opacity:.5}.status-grid{display:flex;justify-content:space-between;margin-bottom:1.5rem}.status-card{align-items:center;background:#f8fafc;border-radius:.5rem;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease;width:30%}.status-card:hover{background:#f1f5f9;transform:translateY(-2px)}.status-icon{align-items:center;border-radius:.5rem;display:flex;height:2.5rem;justify-content:center;min-width:2.5rem}.status-icon.paid{background:#10b98126;color:#10b981}.status-icon.pending{background:#f59e0b26;color:#f59e0b}.status-icon.overdue{background:#ef444426;color:#ef4444}.status-info{display:flex;flex-direction:column}.status-value{color:#1e293b;font-size:1.25rem;font-weight:700;line-height:1}.status-label{color:#64748b;font-size:.75rem}.status-chart{margin-top:.5rem}.chart-bar-container{background:#f1f5f9;border-radius:4px;display:flex;height:8px;margin-bottom:.75rem;overflow:hidden}.chart-bar{height:100%;transition:width .3s ease}.chart-bar.paid{background:#10b981}.chart-bar.pending{background:#f59e0b}.chart-bar.overdue{background:#ef4444}.chart-legend{justify-content:space-between}.legend-item{gap:.5rem}.legend-color.paid{background:#10b981}.legend-color.pending{background:#f59e0b}.legend-color.overdue{background:#ef4444}.tasks-list{flex-direction:column}.task-item,.tasks-list{display:flex;gap:.75rem}.task-item{align-items:center;background:#f8fafc;border-left:3px solid #0000;border-radius:.5rem;padding:.875rem;transition:all .2s ease}.task-item.priority-urgent{border-left-color:#ef4444}.task-item.priority-high{border-left-color:#f59e0b}.task-item.priority-medium{border-left-color:#3b82f6}.task-item.priority-low{border-left-color:#10b981}.task-item:hover{background:#f1f5f9}.task-item.completed{opacity:.6}.task-item.completed .task-text{color:#94a3b8;text-decoration:line-through}.task-checkbox{align-items:center;border-radius:4px;color:#10b981;cursor:pointer;display:flex;height:20px;justify-content:center;min-width:20px}.checkbox-empty{border:2px solid #cbd5e1;border-radius:4px;height:18px;transition:all .2s ease;width:18px}.task-checkbox:hover .checkbox-empty{border-color:#94a3b8}.task-content{align-items:center;display:flex;flex:1 1;justify-content:space-between}.task-text{color:#1e293b;font-size:.875rem;transition:all .2s ease}.task-priority{border-radius:1rem;font-size:.75rem;padding:.25rem .5rem}.task-priority.urgent{background:#fef2f2;color:#ef4444}.task-priority.high{background:#fff7ed;color:#f59e0b}.task-priority.medium{background:#eff6ff;color:#3b82f6}.task-priority.low{background:#ecfdf5;color:#10b981}.top-clients-list{display:flex;flex-direction:column;gap:.75rem}.top-client-item{align-items:center;background:#f8fafc;border-radius:.5rem;display:flex;gap:.75rem;padding:.875rem;transition:all .2s ease}.top-client-item:hover{background:#f1f5f9;transform:translateX(5px)}.client-rank{color:#3b82f6;font-size:1rem;font-weight:700;min-width:1.5rem;text-align:center}.client-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:2.5rem;justify-content:center;width:2.5rem}.client-info{flex:1 1}.client-name{margin-bottom:.25rem}.client-details{color:#64748b;font-size:.75rem}.client-status{padding:.25rem .5rem}.client-status.active{background:#ecfdf5;color:#10b981}.client-status.inactive{background:#fef2f2;color:#ef4444}.top-products-list{display:flex;flex-direction:column;gap:.75rem}.top-product-item{align-items:center;background:#f8fafc;border-radius:.5rem;display:flex;gap:.75rem;padding:.875rem;transition:all .2s ease}.top-product-item:hover{background:#f1f5f9;transform:translateX(5px)}.product-icon{align-items:center;border-radius:.5rem;display:flex;height:2.5rem;justify-content:center;min-width:2.5rem}.product-icon.product{background:#f59e0b26;color:#f59e0b}.product-icon.service{background:#8b5cf626;color:#8b5cf6}.product-info{flex:1 1}.product-name{color:#1e293b;font-size:.875rem;line-height:1.25}.product-type{color:#64748b;font-size:.75rem}.product-price{color:#1e293b;font-size:.875rem;font-weight:600}.calendar-panel{height:auto}.calendar-navigation{align-items:center;display:flex;gap:.5rem}.calendar-nav-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.calendar-nav-btn:hover{background:#e2e8f0;color:#1e293b}.current-month{color:#64748b;font-size:.875rem;font-weight:500}.mini-calendar{margin-bottom:1.5rem}.calendar-weekdays{color:#64748b;font-size:.75rem;font-weight:600;margin-bottom:.5rem;text-align:center}.calendar-days,.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-days{grid-gap:.25rem;gap:.25rem;margin-bottom:1rem}.calendar-day{align-items:center;border-radius:.25rem;color:#1e293b;cursor:pointer;display:flex;font-size:.75rem;height:2rem;justify-content:center;position:relative;transition:all .2s ease;width:100%}.calendar-day.other-month{color:#cbd5e1}.calendar-day.today{background:#eff6ff;color:#3b82f6;font-weight:600}.calendar-day.has-events{font-weight:600}.calendar-day:hover:not(.other-month){background:#e2e8f0}.day-indicator{background:#3b82f6;border-radius:50%;bottom:2px;height:4px;position:absolute;width:4px}.upcoming-events h3{color:#1e293b;font-size:.875rem;font-weight:600;margin-bottom:.75rem;margin-top:0}.events-list{display:flex;flex-direction:column;gap:.75rem}.event-item{align-items:center;background:#f8fafc;border-radius:.5rem;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.event-date,.event-item:hover{background:#f1f5f9}.event-date{border-radius:.25rem;color:#64748b;font-size:.75rem;padding:.25rem .5rem}.event-title{color:#1e293b;font-size:.75rem;font-weight:500}.quick-actions-container{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 4px 12px #00000014;margin-bottom:2rem;margin-top:1.5rem;overflow:hidden;padding:0;position:relative}.quick-actions-container:after{background:#e2e8f0;bottom:-12px;content:"";height:1px;left:10%;position:absolute;right:10%}.section-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1.25rem}.section-title{color:#0f172a;font-size:1.125rem;margin:0}.section-title svg{background:#f59e0b1a;border-radius:50%;color:#f59e0b;height:30px;padding:6px;width:30px}.section-description{margin-left:2.75rem;margin-top:.5rem}.quick-actions-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:.5rem}.action-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:.75rem;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;gap:1.25rem;margin:.5rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.action-card:after{background:#3b82f6;background:var(--action-color,#3b82f6);bottom:0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;transition:all .3s ease}.action-card:hover{background:#f8fafc}.action-card:hover:after{opacity:1}.action-icon{border-radius:.75rem;display:flex;height:3rem;transition:all .3s ease;width:3rem}.action-card:hover .action-icon{transform:scale(1.1)}.action-content{flex:1 1}.action-title{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .25rem}.action-description{color:#64748b;font-size:.875rem;margin:0}.action-arrow{color:#94a3b8;font-size:1.25rem;font-weight:300;transition:transform .2s ease}.action-card:hover .action-arrow{color:#3b82f6;color:var(--action-color,#3b82f6);transform:translateX(4px)}.popup-overlay{align-items:center;animation:fadeIn .2s ease;background:#0f172a80;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.day-popup{animation:slideIn .3s ease;background:#fff;border-radius:1rem;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.popup-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.popup-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.close-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.5rem;transition:all .2s ease}.close-btn:hover{color:#1e293b}.popup-content{padding:1.5rem}.documents-count{color:#64748b;font-size:.875rem;margin-bottom:1rem}.popup-documents-list{display:flex;flex-direction:column;gap:1rem}.popup-document-item{background:#f8fafc;border-radius:.5rem;display:flex;overflow:hidden;padding:1rem;position:relative}.popup-document-item:hover{background:#f1f5f9}.doc-priority-indicator{bottom:0;left:0;position:absolute;top:0;width:4px}.popup-document-item.urgent .doc-priority-indicator{background:#ef4444}.popup-document-item.warning .doc-priority-indicator{background:#f59e0b}.popup-document-item.normal .doc-priority-indicator{background:#10b981}.doc-details{flex:1 1;padding-left:.5rem}.doc-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.doc-type-badge{background:#e2e8f0;border-radius:.25rem;color:#475569;font-size:.75rem;padding:.25rem .5rem}.doc-code{color:#64748b;font-size:.75rem;font-weight:600}.doc-client{color:#1e293b;font-weight:600;margin-bottom:.25rem}.doc-deadline{color:#64748b;font-size:.75rem}.popup-document-item.urgent .doc-deadline{color:#ef4444;font-weight:500}.popup-document-item.warning .doc-deadline{color:#f59e0b;font-weight:500}.doc-actions{display:flex;gap:.5rem}.action-btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.action-btn.view{background:#eff6ff;color:#3b82f6}.action-btn.view:hover{background:#3b82f6;color:#fff}.action-btn.edit{background:#f1f5f9;color:#64748b}.action-btn.edit:hover{background:#64748b;color:#fff}.popup-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.btn-secondary{background:#f1f5f9;border:none;border-radius:.375rem;color:#475569;cursor:pointer;font-weight:500;padding:.5rem 1.25rem;transition:all .2s ease}.btn-secondary:hover{background:#e2e8f0}.btn-primary{border:none;border-radius:.375rem;cursor:pointer;font-weight:500;padding:.5rem 1.25rem;transition:all .2s ease}@media (max-width:1200px){.dashboard-columns,.dashboard-columns.two-columns{grid-template-columns:1fr 1fr}.dashboard-column:last-child{grid-column:auto}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-header{padding:1rem}.dashboard-container{padding:0 1rem 1rem}.header-content{align-items:flex-start;flex-direction:column}.header-controls{margin-top:1rem;width:100%}.dashboard-columns,.dashboard-columns.two-columns,.metrics-row{grid-template-columns:1fr}.dashboard-column:last-child{grid-column:1}.status-grid{flex-direction:column;gap:.75rem}.status-card{width:100%}.quick-actions-grid{grid-template-columns:1fr}.action-card{border-right:none}}.employee-summary{display:flex;flex-direction:column;gap:20px}.employee-stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}.employee-stat-item{flex-direction:column;text-align:center}.employee-stat-item,.stat-circle{align-items:center;display:flex;justify-content:center}.stat-circle{border-radius:50%;color:#fff;font-size:20px;font-weight:600;height:60px;margin-bottom:8px;width:60px}.stat-detail{display:flex;flex-direction:column}.stat-title{color:var(--text-color-dark);font-weight:500}.employee-recent-list{margin-top:10px}.employee-recent-list h4{border-bottom:1px solid var(--border-color);color:var(--text-color-secondary);font-size:14px;font-weight:600;margin-bottom:10px;padding-bottom:5px}.employee-list-item{align-items:center;background-color:var(--bg-card-hover);border-radius:8px;display:flex;margin-bottom:8px;padding:10px}.employee-avatar{background-color:var(--primary-color);font-size:12px;height:32px;margin-right:12px;width:32px}.employee-info{flex-direction:column;flex-grow:1}.employee-name{font-size:14px;font-weight:500}.employee-position,.employee-status{color:var(--text-color-light);font-size:12px}.employee-status{align-items:center;display:flex}.status-indicator{border-radius:50%;height:8px;margin-right:6px;width:8px}.status-indicator.active{background-color:var(--success-color)}.status-indicator.inactive{background-color:var(--danger-color)}.financial-overview{margin-bottom:2rem;padding:0}.section-main-title{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0 0 1rem .5rem}.section-main-title svg{color:#3b82f6}.financial-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-areas:"kpis kpis kpis kpis" "revenue revenue expenses expenses" "category category profit profit";grid-template-columns:repeat(4,1fr)}.kpi-cards{flex-wrap:wrap;grid-area:kpis;margin-bottom:.5rem}.kpi-card,.kpi-cards{display:flex;gap:1rem}.kpi-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;flex:1 1;min-width:180px;padding:1rem;transition:all .2s ease}.kpi-card:hover{box-shadow:0 4px 6px #0000000d;transform:translateY(-2px)}.kpi-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.kpi-content{display:flex;flex-direction:column}.kpi-label{color:#64748b;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.kpi-value{color:#0f172a;font-size:1.125rem;font-weight:700}.chart-container{background:#fff;border:1px solid #f1f5f9;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;padding:1.25rem}.revenue-chart{grid-area:revenue}.expenses-chart{grid-area:expenses}.category-chart{grid-area:category}.profit-chart{grid-area:profit}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.chart-header h3{color:#0f172a;font-size:1rem;font-weight:600;margin:0}.chart-legend{display:flex;gap:1rem}.legend-item{align-items:center;color:#64748b;display:flex;font-size:.75rem;gap:.375rem}.legend-color{border-radius:50%;height:10px;width:10px}.chart-body{flex:1 1;height:240px;position:relative}.doughnut-chart{align-items:center;display:flex;justify-content:center}@media (max-width:1200px){.financial-grid{grid-template-areas:"kpis kpis" "revenue revenue" "expenses expenses" "category profit";grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.financial-grid{grid-template-areas:"kpis" "revenue" "expenses" "category" "profit";grid-template-columns:1fr}.kpi-cards{flex-direction:column}.kpi-card{width:100%}}.notifications-wrapper{position:relative}.notification-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.notification-button:hover{background:#ffffff4d}.notification-badge{align-items:center;background-color:#ef4444;border:2px solid #3b82f6cc;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.notifications-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;opacity:0;position:absolute;right:0;top:50px;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;width:320px;z-index:50}.notifications-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.notifications-wrapper:hover .notifications-dropdown{opacity:0;visibility:hidden}.notifications-wrapper:hover .notifications-dropdown.show{opacity:1;visibility:visible}.notifications-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem}.notifications-header h3{color:#0f172a;font-size:1rem;font-weight:600;margin:0}.mark-all-read{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.75rem;padding:0}.notifications-list{max-height:300px;overflow-y:auto}.notification-item{border-bottom:1px solid #f1f5f9;gap:.75rem;padding:1rem;transition:background-color .2s ease}.notification-item:hover{background-color:#f8fafc}.notification-item.unread{background-color:#f0f9ff}.notification-item.unread:hover{background-color:#e0f2fe}.notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.notification-icon.success{background-color:#10b9811a;color:#10b981}.notification-icon.warning{background-color:#f59e0b1a;color:#f59e0b}.notification-icon.info{background-color:#3b82f61a;color:#3b82f6}.notification-icon.danger{background-color:#ef44441a;color:#ef4444}.notification-content{flex:1 1}.notification-title{color:#0f172a;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.notification-desc{color:#64748b;font-size:.75rem;margin-bottom:.5rem}.notification-time{color:#94a3b8;font-size:.7rem}.notifications-footer{border-top:1px solid #e2e8f0;padding:.75rem;text-align:center}.view-all-notifications{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.75rem;font-weight:500;padding:0}.view-all-notifications:hover{text-decoration:underline}.empty-notifications{color:#94a3b8;font-size:.875rem;padding:2rem;text-align:center}.last-refreshed,.notification-button,.notifications-dropdown,.notifications-wrapper,.refresh-button{display:none!important}.document-preview{background:#fff;min-height:100vh;padding:0;position:relative}.preview-actions{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:200}.action-buttons{display:flex;gap:.75rem}.btn{border:2px solid #0000;font-size:.875rem;font-weight:600;text-decoration:none}.btn-primary:hover{box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:#64748b;border-color:#64748b;color:#fff}.btn-secondary:hover{background:#475569;border-color:#475569;box-shadow:0 4px 12px #64748b4d}.btn-outline{border-color:#e2e8f0;color:#64748b}.btn-outline:hover{border-color:#3b82f6}.btn-success{border-color:#10b981}.document-container{background:#fff;display:flex;justify-content:center;min-height:100vh;padding:1.5rem;position:relative}.document-paper{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a,0 20px 25px #0000000d;box-sizing:border-box;font-family:Arial,sans-serif;font-size:14px;line-height:1.4;margin-bottom:2rem;max-height:none;min-height:297mm;padding:15mm;position:relative;width:210mm}.document-header{align-items:flex-start;background:#fff;display:flex;justify-content:space-between;margin-bottom:3rem;padding-bottom:1rem}.company-letterhead{flex:1 1;margin-right:2rem}.company-letterhead-full{background:#fff;margin-bottom:2rem;padding:1rem;width:100%}.company-header-row{background:#fff;margin-bottom:1rem;min-height:100px;position:relative}.company-logo-section{left:0;position:absolute;top:0}.company-logo{flex-direction:column;text-align:center}.company-logo,.logo-circle{align-items:center;display:flex}.logo-circle{background:linear-gradient(135deg,#3b82f6,#1e40af);border:2px solid #3b82f6;border-radius:50%;height:80px;justify-content:center;margin-bottom:.5rem;width:80px}.logo-text{color:#fff;font-size:.625rem;font-weight:600}.logo-details{color:#374151;font-size:.75rem;line-height:1.2}.port-text,.region-text{font-weight:500;margin:.1rem 0}.company-main-info{padding-top:10px;text-align:center;width:100%}.company-arabic-name{color:#1e40af;direction:rtl;font-size:1.2rem;font-weight:700;margin-bottom:4px}.company-french-name{color:#1e40af;font-size:1.1rem;font-weight:700;margin-bottom:8px}.company-activity-description{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.company-services{color:#374151;font-size:.8rem;font-style:italic;margin-bottom:.5rem}.company-legal-info{background:#0000;border-top:1px solid #e2e8f0;color:#374151;font-size:.7rem;line-height:1.4;padding-top:.75rem}.legal-info-line{margin:.3rem 0;text-align:center}.legal-info-line strong{color:#1f2937;font-weight:600}.blue-line-separator{background:linear-gradient(90deg,#3b82f6,#1e40af);border-radius:2px;height:3px;margin:.75rem 0 0;width:100%}.company-contact-line{text-align:center}.company-digital-line{display:flex;gap:2rem;justify-content:center}.company-digital-line span{white-space:nowrap}.document-info{flex:1 1;text-align:right}.document-title{color:#1e40af;font-size:1.5rem;letter-spacing:.05em}.document-details{color:#64748b;font-size:.875rem}.document-details p{margin:.5rem 0}.client-section{margin-bottom:2rem}.section-title{color:#1e40af;font-size:1rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.client-details{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.client-details p{font-size:.875rem}.items-table-section{margin:1rem 0;max-height:calc(100% - 180mm);overflow:visible;width:100%}.items-table{border-collapse:collapse;font-size:.85rem;margin-bottom:1rem;max-height:80mm;table-layout:fixed;width:100%}.items-table tr:empty{height:.5rem}.amount-in-words{margin-bottom:2rem;margin-top:.5rem;text-align:left;width:100%}.amount-in-words p{word-wrap:break-word;color:#000;display:block;font-size:.9rem;font-weight:500;line-height:1.4;margin:0;overflow-wrap:break-word;padding:.5rem 0;white-space:normal}.table-footer{left:0;margin-bottom:3rem;margin-top:.5rem}@media print{.table-footer{break-inside:avoid;clear:both!important;margin-bottom:3rem!important;margin-top:.5rem!important;padding:0!important;page-break-inside:avoid;position:relative!important;width:100%!important;z-index:5!important}}.items-table th{background-color:#f8f9fa;font-size:.85rem;font-weight:600;padding:.5rem .3rem}.items-table td,.items-table th{border:1px solid #000;color:#000;text-align:center}.items-table td{border-bottom:none;border-top:none;height:25px;padding:.4rem .3rem}.items-table tbody tr:last-child td{border-bottom:1px solid #000}.items-table th:first-child{width:5%}.items-table th:nth-child(2){width:10%}.items-table th:nth-child(3){width:30%}.items-table th:nth-child(4),.items-table th:nth-child(5){width:5%}.items-table th:nth-child(6),.items-table th:nth-child(7){width:20.5%}.items-table.quote-request th:first-child{width:5%}.items-table.quote-request th:nth-child(2){width:40%}.items-table.quote-request th:nth-child(3),.items-table.quote-request th:nth-child(4){width:5%}.items-table.quote-request th:nth-child(5),.items-table.quote-request th:nth-child(6){width:22.5%}.items-table.long-item-codes th:nth-child(2){width:12%}.items-table.long-item-codes th:nth-child(3){width:28%}.items-table.long-item-codes th:nth-child(6),.items-table.long-item-codes th:nth-child(7){width:18.5%}.items-table.very-long-item-codes th:nth-child(2){width:14%}.items-table.very-long-item-codes th:nth-child(3){width:26%}.items-table.very-long-item-codes th:nth-child(6),.items-table.very-long-item-codes th:nth-child(7){width:17.5%}.items-table.wide-numbers th:nth-child(5){width:5%}.items-table.wide-numbers th:nth-child(3){width:30%}.items-table.long-item-codes.wide-numbers th:nth-child(2){width:12%}.items-table.long-item-codes.wide-numbers th:nth-child(5){width:5%}.items-table.long-item-codes.wide-numbers th:nth-child(3){width:28%}.items-table.long-item-codes.wide-numbers th:nth-child(6),.items-table.long-item-codes.wide-numbers th:nth-child(7){width:18.5%}.items-table.very-long-item-codes.wide-numbers th:nth-child(2){width:14%}.items-table.very-long-item-codes.wide-numbers th:nth-child(5){width:5%}.items-table.very-long-item-codes.wide-numbers th:nth-child(3){width:26%}.items-table.very-long-item-codes.wide-numbers th:nth-child(6),.items-table.very-long-item-codes.wide-numbers th:nth-child(7){width:17.5%}.totals-section{display:flex;flex-direction:column;justify-content:flex-start;margin:.5rem 0 3rem 52%;width:48%}.totals-table{border-collapse:collapse;font-size:.85rem;line-height:1;width:100%}.totals-table td{border:1px solid #000;border-bottom:none;border-top:none;line-height:1.1;padding:.15rem .6rem}.totals-table tr:first-child td{border-top:1px solid #000}.totals-table tr:last-child td{border-bottom:1px solid #000}.total-label{background-color:#f8f9fa;color:#000;font-weight:600;padding-left:1rem;position:relative;text-align:left;width:50%}.total-label:after{display:none}.total-value{background-color:#fff;color:#000;padding:0 1rem;text-align:center;width:50%}.net-total .total-label,.net-total .total-value{background-color:#e9ecef;font-weight:700}.table-footer{clear:both;display:block!important;font-size:.9rem;margin:.5rem 0 1rem;padding-bottom:.2rem;position:relative;visibility:visible!important;width:100%;z-index:2}.document-preview[data-document-type=shipping-slip] .table-footer{margin-bottom:1.5rem;padding-bottom:1rem}.table-footer p{font-size:.9rem;padding:1.5rem 0;white-space:normal}.additional-info{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:2rem;padding:1rem}.additional-info p{color:#374151;font-size:.875rem;margin:.5rem 0}.notes-section{margin:2rem 0;padding:0 1rem}.notes-title{align-items:center;border-bottom:1px solid #e0e0e0;color:#333;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.notes-content{color:#444;font-size:.9rem;line-height:1.5;padding:.5rem 0;white-space:pre-line}.document-footer{border-top:1px solid #e2e8f0;color:#64748b;font-size:.75rem;margin-top:3rem;padding-top:1rem;text-align:center}.document-footer p{margin:.25rem 0}@page{size:A4;margin:0}@media print{@page{size:A4;margin:0!important}.preview-actions,.signature-canvas-overlay,.signature-overlay{display:none!important}body{overflow:hidden!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body,html{height:100%!important;width:100%!important}@page :first{margin:0!important}@page :left{margin:0!important}@page :right{margin:0!important}.document-container,.document-preview,body,html{background:#fff!important;margin:0!important;padding:0!important}.document-container{display:block!important;height:100%!important;width:100%!important}.document-paper{background:#fff!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;font-family:Arial,sans-serif!important;font-size:14px!important;height:297mm!important;line-height:1.4!important;margin:0!important;max-height:297mm!important;min-height:297mm!important;overflow:hidden!important;padding:15mm!important;page-break-inside:avoid;width:210mm!important}.recipient-box{border:1px solid #3b82f6!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}@media (max-width:768px){.preview-actions{align-items:stretch;flex-direction:column;gap:1rem}.action-buttons{justify-content:center}.document-container{padding:1rem}.document-paper{padding:1rem;width:100%}.document-header{flex-direction:column;gap:1.5rem}.document-info{text-align:left}.items-table{font-size:.75rem}.items-table td,.items-table th{padding:.5rem .25rem}.totals-table{min-width:250px}}@media (max-width:480px){.btn{font-size:.75rem;padding:.5rem 1rem}.items-table td:nth-child(2),.items-table th:nth-child(2){display:none}.company-name{font-size:1.5rem}.document-title{font-size:1.25rem}}.document-footer-contact{background:#fff;border-top:1px solid #000;clear:both;font-size:.6rem;line-height:1.3;margin-top:1rem;padding-top:.5rem;text-align:center}.contact-line{color:#000;font-size:.6rem;line-height:1.3;margin:.2rem 0}.contact-line strong{color:#000;font-weight:600}.email-link{color:#1e40af;text-decoration:none}.website-link{color:#1e40af;text-decoration:underline}.new-document-header{background:#fff;margin-bottom:0;margin-top:-1rem;padding:8px 0;width:100%}.header-content{align-items:flex-start;display:flex;justify-content:center;margin-bottom:1rem;position:relative}.left-section{align-items:center;display:flex;flex-direction:column;left:0;min-width:120px;position:absolute;top:0}.company-logo-new,.logo-image{margin-bottom:.5rem}.logo-image{height:100px;object-fit:contain;width:100px}.logo-subtitle{color:#374151;font-size:.75rem;line-height:1.2;text-align:center}.center-section{padding-top:.5rem;text-align:center;width:100%}.company-name-arabic{color:#1e40af;direction:rtl;font-size:1.4rem;font-weight:700;margin-bottom:3px}.company-name-french{color:#1e40af;font-size:1.3rem;font-weight:700;margin-bottom:2px;margin-top:-4px}.company-activity{color:#000;font-size:.95rem;font-weight:600;margin-bottom:.2rem}.company-services-italic{color:#000;font-size:.9rem;font-style:italic;font-weight:600;margin-bottom:.5rem}.small-separator-line{background:#d1d5db;height:1px;margin:-5px auto .75rem;width:100%}.company-details-inline{margin-bottom:.5rem;text-align:center}.company-details{margin-bottom:1rem;text-align:center}.details-line{color:#000;font-size:.75rem;line-height:1.4;margin:.25rem 0}.details-line strong{color:#000;font-weight:600}.blue-separator-line{background:linear-gradient(90deg,#3b82f6,#1e40af);height:3px;margin-top:-15px;width:100%}.document-title-section{margin:0 0 .5rem;padding:0;text-align:center}.document-title-main{color:#1e40af;display:inline-block;font-size:1.6rem;font-weight:700;letter-spacing:.1em;margin:0;padding-bottom:.2rem;text-transform:uppercase}.simple-footer{margin-top:2rem;padding:0;position:relative;width:100%;z-index:10}.table-footer{bottom:40mm;left:15mm;padding:0;position:absolute;right:15mm;width:calc(100% - 30mm);z-index:5}.table-footer p{word-wrap:break-word;color:#000;display:block!important;font-weight:500;line-height:1.4;margin:0;overflow-wrap:break-word;padding:0;text-align:left}.document-preview[data-document-type=shipping-slip] .simple-footer{margin-top:4rem}.document-preview[data-document-type=invoice] .simple-footer{margin-top:2rem}.footer-separator{background:#000;height:1px;margin-bottom:.5rem;margin-top:-.4rem;width:100%}.footer-content{font-size:.9rem;line-height:1.4;margin-top:-.1rem;text-align:center}.footer-line{color:#000;margin:.2rem 0}.footer-line strong{font-weight:600}.email-text,.website-text{color:#1e40af}.document-info-grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:0 0 .8rem;padding:0 .5rem}.document-info-left{display:flex;flex-direction:column;gap:.2rem}.info-row{align-items:center;display:flex;font-size:.8rem;gap:.3rem;line-height:1.2;margin-bottom:.1rem}.info-label{color:#000;font-weight:700;min-width:100px}.document-info-left .info-value{color:#000!important;font-size:.8rem;font-weight:300}.info-row.problem-description{background-color:#f9f9f9;border-radius:4px;margin-top:.5rem;padding:.5rem}.info-row.problem-description .info-label{color:#555;font-weight:700;margin-bottom:.3rem}.info-row.problem-description .info-value{white-space:pre-wrap}.document-info-right{align-items:flex-start;display:flex;justify-content:flex-start}.recipient-box{border:1px solid #3b82f6;border-radius:.5rem;margin-left:4%;margin-top:0;max-width:420px;padding:.8rem;width:100%}.recipient-content{display:flex;flex-direction:column;gap:.2rem}.recipient-name{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.2rem;text-align:center}.doit-label{color:#1e293b;font-size:.8rem;font-weight:600}.recipient-address{color:#000;font-size:.8rem;font-weight:300;margin-bottom:.3rem;text-align:center}.recipient-details{display:flex;flex-direction:column;gap:.05rem;text-align:left}.detail-row{align-items:flex-start;font-size:.8rem;line-height:1.2;margin-bottom:.1rem}.recipient-details .detail-label{color:#000!important;font-weight:700!important;margin-right:.5rem;min-width:80px}.recipient-details .detail-value{color:#000!important;flex:1 1;font-weight:300}@media print{.document-info-grid{margin:1rem 0;page-break-inside:avoid}.recipient-box{border-color:#000}}.signature-overlay{pointer-events:none;position:absolute;z-index:100}.signature-canvas-overlay{background:#0000;cursor:crosshair;pointer-events:all}.document-preview.signing .document-container{cursor:crosshair}@media print{.signature-canvas-overlay,.signature-overlay{display:none}}.stamp-preview{pointer-events:none;transition:all .2s ease}.stamp-outer-circle{align-items:center;background:#0000;border:2px solid #0052cc;border-radius:50%;display:flex;height:160px;justify-content:center;position:relative;transform:rotate(-15deg);width:160px}.stamp-inner-circle{border:1px solid #0052cc;border-radius:50%;height:150px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px}.stamp-inner-content{align-items:center;border-radius:50%;color:#0052cc;display:flex;flex-direction:column;height:140px;justify-content:center;padding:10px;position:relative;text-align:center;width:140px}.stamp-company-name{font-size:16px;font-weight:700;letter-spacing:1px;margin-bottom:5px}.stamp-company-name,.stamp-details{position:relative;text-transform:uppercase;z-index:2}.stamp-details{display:flex;flex-direction:column;font-size:9px;gap:2px;letter-spacing:.5px}.stamp-nif,.stamp-rc{font-weight:600}.stamp-date{font-size:8px;margin-top:3px}.stamp-outer-circle:before{border:1px dotted #0052cc;border-radius:50%;content:"";height:145px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:145px}.stamp-inner-content:before{top:15px}.stamp-inner-content:after,.stamp-inner-content:before{color:#0052cc;content:"★";font-size:10px;position:absolute}.stamp-inner-content:after{bottom:15px}.stamp-bottom-text,.stamp-top-text{color:#0052cc;font-size:8px;letter-spacing:1px;position:absolute;text-align:center;text-transform:uppercase;width:100%}.stamp-top-text{top:20px;transform:rotate(-5deg)}.stamp-bottom-text{bottom:20px;transform:rotate(5deg)}@media print{.stamp-preview{print-color-adjust:exact;-webkit-print-color-adjust:exact}.stamp-inner-circle,.stamp-inner-content,.stamp-inner-content:after,.stamp-inner-content:before,.stamp-outer-circle,.stamp-outer-circle:before{border-color:#0052cc;color:#0052cc}}.proforma-info-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin:1.5rem 0;padding:1rem}.proforma-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.proforma-left,.proforma-right{display:flex;flex-direction:column;gap:.75rem}.proforma-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.5rem 0}.proforma-item:last-child{border-bottom:none}.proforma-label{color:#374151;flex:1 1;font-weight:600;margin-right:1rem}.proforma-value{color:#1f2937;flex:0 0 auto;font-weight:500;max-width:60%;text-align:right}@media print{.simple-footer{break-inside:avoid;margin-top:2rem!important;page-break-inside:avoid;position:relative!important}.table-footer{bottom:40mm!important;left:15mm!important;padding:0!important;position:absolute!important;right:15mm!important;width:calc(100% - 30mm)!important;z-index:5!important}.table-footer p{display:block!important;margin:0!important;padding:0!important}.footer-separator{color-adjust:exact!important;background:#000!important;border:none!important;border-top:1px solid #000!important;height:1px!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important;width:100%!important}.proforma-info-section{background:#0000;border:1px solid #374151;margin:1rem 0;page-break-inside:avoid}.proforma-item{border-bottom-color:#6b7280}.proforma-label,.proforma-value{font-size:12px}}@media (max-width:768px){.proforma-info-grid{gap:1rem;grid-template-columns:1fr}.proforma-item{align-items:flex-start;flex-direction:column;gap:.25rem}.proforma-value{max-width:100%;text-align:left}}@media print{.items-table{max-height:80mm!important}.table-footer{break-inside:avoid;clear:both!important;margin-bottom:3rem!important;margin-top:.5rem!important;padding:0!important;page-break-inside:avoid;position:relative!important;width:100%!important;z-index:5!important}.table-footer p{padding:.5rem 0!important;white-space:normal!important}.table-footer{margin-bottom:3rem!important;margin-top:.5rem!important}.table-footer p{padding:.5rem 0!important}.amount-in-words{margin-bottom:2rem!important;margin-top:.5rem!important;width:100%!important}.amount-in-words p{padding:.5rem 0!important;white-space:normal!important}}.attachment-details-section{margin:.5rem 0 1.5rem;page-break-inside:auto;width:100%}.attachment-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.attachment-info-column{display:flex;flex-direction:column;gap:.4rem}.attachment-info-row{align-items:flex-start;display:flex;gap:.5rem;line-height:1.3}.attachment-info-label{color:#333;flex-shrink:0;font-size:.85rem;font-weight:600;min-width:140px}.attachment-info-value{color:#000;font-size:.85rem}.attachment-section-subtitle{border-bottom:1px solid #e2e8f0;color:#1e40af;font-size:.95rem;font-weight:600;margin:1rem 0 .5rem;padding-bottom:.25rem;page-break-after:avoid}.attachment-timeline{margin-bottom:1rem}.attachment-technical{margin-bottom:1rem;page-break-inside:auto}.attachment-text-section{margin-bottom:.8rem;page-break-inside:avoid}.attachment-text-title{color:#4b5563;font-size:.85rem;font-weight:600;margin:0 0 .3rem;page-break-after:avoid}.attachment-text-content{color:#000;font-size:.85rem;line-height:1.4;margin:0;white-space:pre-line}.attachment-additional{margin-bottom:1rem}.cahier-des-charges-section{margin:.5rem 0 1.5rem;page-break-before:auto;page-break-inside:auto;width:100%}.cahier-des-charges-section .section-title{color:#1e40af;font-size:1.1rem;font-weight:700;letter-spacing:.05em;margin:0 0 .5rem;page-break-after:avoid;text-transform:uppercase}.specifications-table{border-collapse:collapse;font-size:.8rem;margin-bottom:1.5rem;width:100%}.specifications-table th{background-color:#f8f9fa;font-size:.8rem;font-weight:600}.specifications-table td,.specifications-table th{border:1px solid #000;color:#000;padding:.4rem .5rem;text-align:left}.specifications-table th:first-child{width:15%}.specifications-table th:nth-child(2){width:25%}.specifications-table th:nth-child(3){width:50%}.specifications-table th:nth-child(4){width:10%}@media print{.document-paper{height:auto!important;max-height:none!important;min-height:0!important}.attachment-details-section,.attachment-technical,.cahier-des-charges-section{page-break-inside:auto}.attachment-section-subtitle{color:#1e40af!important;page-break-after:avoid}.attachment-text-title{page-break-after:avoid}.attachment-text-section{page-break-inside:avoid}.attachment-info-label{color:#333!important}.attachment-info-value,.attachment-text-content{color:#000!important}.simple-footer{bottom:0!important;position:relative!important}}.requirements-info{color:#444;font-size:.9em;line-height:1.3;margin-top:5px}.requirements-info strong{font-weight:600}.document-creation{max-width:100%;padding:0}.page-title{color:#fff;font-size:2.25rem;margin:0 0 .5rem}.title-icon{background:#fff3;border-radius:.75rem;color:#0ea5e9;height:2.5rem;padding:.5rem;width:2.5rem}.page-subtitle{color:#fff;font-size:1.125rem;margin:.25rem 0 0}.creation-content{width:100%}.creation-content,.document-categories{display:flex;flex-direction:column;gap:2rem}.document-categories>.category-section:nth-of-type(n+4){display:none!important}.category-section{background:#fff;border:1px solid #e0f2fe;border-radius:1rem;box-shadow:0 4px 12px #0ea5e91a;margin-top:1.5rem;overflow:hidden;transition:all .3s ease}.category-section:first-child{margin-top:0}.category-section:hover{box-shadow:0 8px 25px #0ea5e926;transform:translateY(-2px)}.category-header{background:var(--category-color);display:none;overflow:hidden;padding:1.5rem 2rem}.category-header:before{display:none}.category-header>span,.category-title{color:#fff!important;font-size:1.25rem;font-weight:800;letter-spacing:.05em;margin:0;text-transform:uppercase}.category-title{gap:.75rem;position:relative;z-index:1}.beta-badge{animation:pulseGlow 2s ease-in-out infinite;background:#ffffffe6;border:1px solid #ffffffb3;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;color:var(--category-color);display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.05em;padding:.2rem .5rem;text-transform:uppercase}@keyframes pulseGlow{0%,to{box-shadow:0 2px 4px #0000001a;transform:scale(1)}50%{box-shadow:0 4px 8px #0003,0 0 10px #ffffff4d;transform:scale(1.05)}}.category-line{display:none}.documents-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));padding:1.5rem}.document-card{align-items:center;border:2px solid #e0f2fe;box-shadow:0 4px 6px #0ea5e90d;cursor:pointer;display:flex;gap:1rem;min-height:120px;padding:1.5rem;position:relative}.document-card:before{background:var(--doc-color);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:4px}.document-card:hover{background:#fff;border-color:var(--doc-color);box-shadow:0 12px 35px #0ea5e926;transform:translateY(-4px)}.document-card:hover:before{opacity:1}.document-card.selected{background:#fff;border-color:var(--doc-color);box-shadow:0 8px 25px #0ea5e926;transform:translateY(-2px)}.document-card.selected:before{opacity:1}.document-icon{align-items:center;background:#0000000d;border-radius:1rem;color:var(--doc-color);display:flex;flex-shrink:0;height:4rem;justify-content:center;transition:all .3s ease;width:4rem}.document-card.selected .document-icon,.document-card:hover .document-icon{background:var(--doc-color);color:#fff;transform:scale(1.1)}.document-content{flex:1 1}.document-title{color:#0c4a6e;font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.document-subtitle{color:#0369a1;font-size:.875rem;font-weight:500;margin:0 0 .5rem}.document-description{color:#0369a1;font-size:.875rem;line-height:1.5;margin:0}.document-arrow{color:#cbd5e1;transform:translateX(0);transition:all .2s ease}.document-card.selected .document-arrow,.document-card:hover .document-arrow{color:var(--doc-color);transform:translateX(4px)}.creation-panel{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 8px 32px #0000001a;padding:2rem;position:-webkit-sticky;position:sticky;top:2rem}.panel-header{border-bottom:1px solid #f1f5f9;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.selected-icon{align-items:center;border-radius:1rem;display:flex;flex-shrink:0;height:4rem;justify-content:center;width:4rem}.panel-info{flex:1 1}.panel-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.panel-subtitle{color:#64748b;font-size:.875rem;font-weight:500;margin:0 0 .75rem}.panel-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.panel-actions{display:flex;flex-direction:column;gap:.75rem}.create-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);font-size:1rem;font-weight:600;padding:1rem 1.5rem}.create-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.header-navigation{align-items:center;display:flex;flex:1 1;gap:1.5rem}.page-header{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid #2563eb;justify-content:space-between;padding:2rem}.btn-back{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-back:hover{background:#e2e8f0;color:#475569;transform:translateX(-2px)}.header-actions,.header-info{align-items:center;display:flex;gap:.75rem}.header-actions{margin-left:auto}.header-actions .btn{align-items:center;border:1px solid #0000;border-radius:.75rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.header-actions .btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.document-form{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px}.form-section{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;padding:2rem}.section-title{gap:.75rem;margin:0 0 1.5rem}.form-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{gap:.5rem}.form-group label{font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;color:#1e293b;padding:.75rem 1rem;width:100%}.form-group input.readonly{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group input.readonly-input{background-color:#f8fafc;border-color:#e2e8f0;color:#64748b;cursor:not-allowed}.client-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-top:1rem;padding:1rem}.client-details p{color:#374151;margin:.25rem 0}.client-details p:first-child{color:#1e293b;font-weight:600}.items-container{display:flex;flex-direction:column;gap:1rem}.item-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;display:flex;padding:1.5rem;position:relative}.item-fields,.item-row{align-items:end;gap:1rem}.item-fields{grid-gap:1rem;display:grid;flex:1 1;grid-template-columns:2fr 100px 150px 150px}.btn-remove{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-remove:hover:not(:disabled){background:#fecaca;transform:scale(1.05)}.btn-remove:disabled{cursor:not-allowed;opacity:.5}.add-item{align-items:center;align-self:flex-start;background:#f3f4f6;border:1px dashed #9ca3af;border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.add-item:hover{background:#e5e7eb;border-color:#6b7280;color:#374151}.totals-container{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.taxes-config{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.totals-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.total-line{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.5rem 0}.total-line:last-child{border-bottom:none}.total-line.discount{color:#16a34a;font-weight:600}.total-line.total{border-top:2px solid #3b82f6;color:#1e293b;font-size:1.125rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.form-actions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:2rem}.btn{align-items:center;border:1px solid #0000;border-radius:.5rem;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.btn-secondary{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.btn-secondary:hover{background:#e5e7eb;color:#374151}.btn-outline{background:#fff;border-color:#3b82f6;color:#3b82f6}.btn-outline:hover{background:#3b82f6;color:#fff}.btn-success{background:#10b981;border:2px solid #10b981;color:#fff}.btn-success:hover{background:#059669;border-color:#059669;box-shadow:0 4px 12px #10b9814d}.document-card.disabled{cursor:not-allowed;opacity:.6}.document-card.disabled:hover{background:#fafafa;border-color:#f1f5f9;box-shadow:none;transform:none}.document-card.disabled .document-icon{background:#0000000d;color:#9ca3af}.document-card.disabled:hover .document-icon{background:#0000000d;color:#9ca3af;transform:none}.coming-soon{color:#f59e0b;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-top:.5rem;text-transform:uppercase}.checkbox-group{align-items:center;flex-direction:row!important;gap:.5rem}.checkbox-group label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.5rem}.checkbox-group input[type=checkbox]{margin:0;transform:scale(1.1);width:auto}@media (max-width:1200px){.documents-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:1024px){.documents-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:1rem}.totals-container{gap:1.5rem;grid-template-columns:1fr}.item-fields{gap:1rem;grid-template-columns:1fr}.item-row{align-items:stretch;flex-direction:column}.btn-remove{align-self:flex-end}}@media (max-width:768px){.page-header{padding:1.5rem 1rem}.page-title{font-size:1.5rem}.title-icon{height:2rem;padding:.4rem;width:2rem}.page-subtitle{font-size:.9rem}.document-card{min-height:100px;padding:1rem}.document-icon{height:2.5rem;width:2.5rem}.category-header{padding:1rem 1.5rem}.documents-grid{gap:.75rem;grid-template-columns:1fr;padding:1rem}.document-form{padding:0 .5rem}.form-section{margin-bottom:1rem;padding:1.25rem}.form-grid{gap:.75rem}.form-grid,.taxes-config{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:.75rem;padding:1rem}.header-navigation{align-items:flex-start;flex-direction:column;gap:1rem;padding-top:3rem}.btn{justify-content:center;width:100%}}@media (max-width:480px){.document-card{align-items:center;flex-direction:column;gap:.75rem;padding:1rem .75rem}.document-card,.document-content{text-align:center}.document-arrow{display:none}.document-title{font-size:1rem}.document-description,.document-subtitle{font-size:.8rem}.panel-header{flex-direction:column;gap:1rem;text-align:center}.panel-actions{gap:.5rem}.btn{font-size:.875rem;padding:.625rem 1rem}.section-title{align-items:flex-start;flex-direction:column;font-size:1.125rem;gap:.5rem}.item-row{gap:.5rem}.item-row,.totals-summary{padding:.75rem}.form-group label{font-size:.875rem}.form-group input,.form-group select,.form-group textarea{font-size:.875rem;padding:.5rem}}.section-subtitle{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-left:4px solid #3b82f6;border-radius:0 .5rem .5rem 0;color:#374151;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem;padding:.75rem 1rem}.form-section.algerian-invoice{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #059669}.form-section.algerian-proforma{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9}.form-section.algerian-quote-request{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #f59e0b}.form-group input[required],.form-group select[required]{border-left:3px solid #dc2626}.form-group input[required]:focus,.form-group select[required]:focus{border-left-color:#059669;box-shadow:0 0 0 3px #0596691a}.regulatory-indicator{align-items:center;background:#059669;border-radius:1rem;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;margin-left:.5rem;padding:.25rem .75rem}.regulatory-indicator.algeria{background:linear-gradient(135deg,#059669,#047857)}.regulatory-indicator:before{content:"🇩🇿";font-size:.8rem}.help-text{color:#6b7280;font-size:.8rem;font-style:italic;margin-top:.25rem}.help-text.regulatory{color:#059669;font-weight:500}.help-text.warning{color:#dc2626;font-weight:500}.toggle-group{display:flex;flex-direction:column;gap:.5rem}.toggle-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:600;gap:.5rem;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.toggle-text{font-size:.875rem;font-weight:600}.toggle-input{border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;margin-left:26px;padding:.5rem;transition:all .2s ease;width:120px}.toggle-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.status-indicator{align-items:center;border-radius:1rem;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status-indicator.draft{background:#f3f4f6;color:#374151}.status-indicator.sent{background:#dbeafe;color:#1d4ed8}.status-indicator.accepted{background:#d1fae5;color:#065f46}.status-indicator.rejected{background:#fee2e2;color:#991b1b}.status-indicator.expired{background:#fecaca;color:#dc2626}.document-creation-container{display:flex;gap:2rem;height:calc(100vh - 200px);min-height:600px}.document-form-section{flex:1 1;overflow-y:auto;padding-right:1rem}.document-preview-section{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 4px 6px #0000000d;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.preview-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.preview-header h3{align-items:center;color:#1e293b;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.preview-header .preview-actions{display:flex;gap:.75rem}.preview-header .preview-actions .btn{font-size:.875rem;padding:.5rem 1rem}.preview-container{background:#f8fafc;flex:1 1;overflow-y:auto;padding:1rem}.preview-container .preview-actions{display:none}.preview-container .document-container{transform:scale(.8);transform-origin:top left;width:125%}@media (max-width:1400px){.document-creation-container{flex-direction:column;height:auto}.document-preview-section{max-height:600px}.preview-container .document-container{transform:scale(.9);width:111%}}@media (max-width:768px){.document-creation-container{flex-direction:column;gap:1rem}.document-form-section{padding-right:0}.document-preview-section{max-height:500px}.preview-container .document-container{transform:scale(.7);width:143%}.preview-header{align-items:flex-start;flex-direction:column;gap:1rem}.preview-header .preview-actions{justify-content:space-between;width:100%}.preview-header .preview-actions .btn{flex:1 1;font-size:.8rem;padding:.5rem}}.tabs-navigation{border-bottom:1px solid #e5e7eb;margin-bottom:15px}.tabs-navigation .tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;font-weight:500;padding:8px 15px;transition:all .2s}.tabs-navigation .tab-button:hover{background-color:#f1f5f9;color:#334155}.tabs-navigation .tab-button.active{background-color:#f1f5f9;border-bottom-color:#3b82f6;color:#3b82f6}.clients{padding:0}.tabs-navigation{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.tab-button:hover{background-color:#f8fafc;color:#1e40af}.tab-button.active{background-color:#eff6ff;border-bottom-color:#1e40af;color:#1e40af}.tab-button svg{transition:transform .2s ease}.tab-button:hover svg{transform:scale(1.1)}.clients-toolbar{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.add-client-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:.75rem;box-shadow:0 2px 4px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.add-client-btn:hover{box-shadow:0 4px 6px #3b82f666;transform:translateY(-1px)}.add-client-btn:active{box-shadow:0 1px 2px #3b82f64d;transform:translateY(0)}.clients-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.stat-icon.companies{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.individuals{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.revenue{background:linear-gradient(135deg,#ef4444,#dc2626)}.clients-stats .stat-item:last-child{background-color:#fff9f9;border:1px solid #ffecec}.clients-stats .stat-item:last-child .stat-number{color:#dc2626;font-weight:700}.clients-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.client-card{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:all .3s ease}.client-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.client-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:1rem 1.5rem}.client-header,.client-type{align-items:center;display:flex}.client-type{color:#64748b;font-size:.875rem;font-weight:500;gap:.5rem}.client-actions{display:flex;gap:.5rem}.client-content{padding:1.5rem}.client-name{color:#1e293b;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.client-address,.client-contact,.client-email,.client-phone,.client-registration{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.client-email{color:#3b82f6}.client-phone{color:#10b981}.client-registration{font-family:Courier New,monospace;font-size:.75rem}.supplier-delivery,.supplier-payment,.supplier-specialties{background-color:#f8fafc;border-left:3px solid #3b82f6;border-radius:.5rem;color:#374151;font-size:.875rem;margin-bottom:.5rem;padding:.5rem}.supplier-delivery strong,.supplier-payment strong,.supplier-specialties strong{color:#1e40af;font-weight:600}.client-stats{background:#f8fafc;border-bottom:1px solid #f1f5f9;border-top:1px solid #f1f5f9;display:flex;justify-content:space-around;padding:1rem 1.5rem}.client-stats .stat{text-align:center}.client-stats .stat-value{color:#1e293b;display:block;font-size:.875rem;font-weight:700;line-height:1}.client-stats .stat-label{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.client-footer{align-items:center;background:#f8fafc;display:flex;justify-content:space-between;padding:1rem 1.5rem}.client-category{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.client-status{border-radius:1rem;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.client-status.active{background:#dcfce7;color:#166534}.client-status.inactive{background:#fee2e2;color:#991b1b}.client-form{padding:1.5rem}.form-section-title{border-bottom:2px solid #e5e7eb;margin:2rem 0 1rem;padding-bottom:.5rem}.form-section-title h3{align-items:center;color:#1e293b;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.form-section-title h3:before{content:"📋";font-size:1.25rem}.required-note{color:#ef4444;font-size:.75rem;font-style:italic;font-weight:500}@media (max-width:768px){.clients-toolbar{flex-direction:column;gap:1rem;padding:1rem}.search-filters{flex-wrap:wrap;justify-content:center;width:100%}.search-input{max-width:100%;width:100%}.clients-stats{gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-item{min-height:120px;padding:1.25rem 1rem}.stat-icon{height:3rem;margin-bottom:.75rem;width:3rem}.stat-number{font-size:1.25rem;margin-bottom:.3rem}.clients-grid{grid-template-columns:1fr}}@media (max-width:480px){.clients-toolbar{padding:.75rem}.search-filters{flex-direction:column}.filter-select{width:100%}.clients-stats{gap:1rem;grid-template-columns:1fr}.stat-item{min-height:110px;padding:1rem}.stat-icon{height:2.75rem;margin-bottom:.65rem;width:2.75rem}.stat-number{font-size:1.2rem;margin-bottom:.25rem}.stat-label{font-size:.7rem}.client-content{padding:.75rem}.client-footer,.client-header{padding:.5rem .75rem}}.clients-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.clients-table-container .table-header{background:#f8fafc;color:#374151;font-size:.875rem;font-weight:600}.clients-table-container .table-header,.clients-table-container .table-row{grid-gap:1rem;border-bottom:1px solid #f1f5f9;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1.2fr 1.8fr 1.2fr 1fr 1.2fr .8fr .8fr;padding:1.5rem}.clients-table-container .table-row{align-items:center;transition:all .2s ease}.clients-table-container .table-row:hover{background:#f8fafc}.clients-table-container .table-row:last-child{border-bottom:none}.clients-table-container .table-cell{align-items:center;color:#374151;display:flex;font-size:.875rem}.client-info{gap:.75rem}.client-type-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.client-details{display:flex;flex-direction:column}.client-name-table{color:#1e293b;font-size:.875rem;font-weight:600}.client-category-table{color:#64748b;font-size:.75rem;font-weight:500}.type-badge{background:#dbeafe;border-radius:6px;color:#1e40af;font-size:12px;padding:4px 8px}.location-info{align-items:center;display:flex;gap:.5rem}.location-info svg{color:#94a3b8;flex-shrink:0}.orders-info{display:flex;flex-direction:column}.orders-count{color:#1e293b;font-weight:600}.orders-amount{color:#64748b;font-size:.75rem}.clients-table-container .actions{display:flex;gap:.5rem;justify-content:flex-end}.table-cell .client-status{border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.table-cell .client-status.active{background:#dcfce7;color:#166534}.table-cell .client-status.inactive{background:#f3f4f6;color:#6b7280}.employees{max-width:100%;overflow-x:hidden;padding:0;width:100%}.employees-toolbar{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;width:100%}.search-filters,.toolbar-right{flex-wrap:wrap}.employees-stats{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem;width:100%}.stat-icon.fulltime{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.departments{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.salary{background:linear-gradient(135deg,#ef4444,#dc2626)}.employees-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}.employees-table-container{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;overflow:hidden}.employees-table-container .table-header{background:#f8fafc;color:#374151;font-size:.875rem;font-weight:600}.employees-table-container .table-header,.employees-table-container .table-row{grid-gap:1rem;border-bottom:1px solid #f1f5f9;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1.5fr 1.2fr 2fr 1.5fr 1.2fr 1fr 1fr;padding:1.5rem}.employees-table-container .table-row{align-items:center;transition:all .2s ease}.employees-table-container .table-row:hover{background:#f8fafc}.employees-table-container .table-row:last-child{border-bottom:none}.employees-table-container .table-cell{align-items:center;color:#374151;display:flex;font-size:.875rem}.employee-info{align-items:center;display:flex;gap:.75rem}.employee-avatar-small{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.employee-details{display:flex;flex-direction:column}.employee-name-table{color:#1e293b;font-size:.875rem;font-weight:600}.employee-work-type-table{align-items:center;color:#64748b;display:flex;font-size:.75rem;font-weight:500;gap:.25rem}.employee-id-cell{color:#64748b;font-family:Courier New,monospace;font-weight:600}.contact-info{align-items:center;display:flex;gap:.5rem}.contact-info svg{color:#94a3b8;flex-shrink:0}.employees-table-container .actions{display:flex;gap:.5rem;justify-content:flex-end}.employee-card{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:all .3s ease;width:100%}.employee-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.employee-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;gap:1rem;padding:1.5rem}.employee-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:3rem;justify-content:center;width:3rem}.employee-basic{flex:1 1}.employee-name{color:#1e293b;font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 .25rem}.employee-id{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.employee-actions{display:flex;gap:.5rem}.employee-content{padding:1.5rem}.employee-department,.employee-email,.employee-location,.employee-phone,.employee-position,.employee-work-type{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.employee-position{color:#1e40af;font-weight:600}.employee-email{color:#3b82f6}.employee-phone{color:#10b981}.employee-skills{font-size:.875rem;margin-top:1rem}.employee-skills strong{color:#374151;display:block;margin-bottom:.5rem}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:#eff6ff;border:1px solid #dbeafe;border-radius:.375rem;color:#1e40af;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.skill-tag.more{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}.employee-stats{background:#f8fafc;border-bottom:1px solid #f1f5f9;border-top:1px solid #f1f5f9;display:flex;justify-content:space-around;padding:1rem 1.5rem}.employee-stats .stat{text-align:center}.employee-stats .stat-value{color:#1e293b;display:block;font-size:.875rem;font-weight:700;line-height:1}.employee-stats .stat-label{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.employee-footer{align-items:center;background:#f8fafc;display:flex;justify-content:space-between;padding:1rem 1.5rem}.employee-manager{color:#64748b;font-size:.75rem;font-weight:500}.employee-status{border-radius:1rem;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.employee-status.active{background:#dcfce7;color:#166534}.employee-status.inactive{background:#fee2e2;color:#991b1b}.modal-content.large{max-width:800px}.employee-form{padding:1.5rem}@media (max-width:1200px){.employees-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.employees{overflow-x:hidden;padding:0}.employees-toolbar{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem;width:100%}.search-filters{flex-direction:column;gap:.75rem;width:100%}.search-input{max-width:none;width:100%}.filter-select{width:100%}.employees-stats{flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:space-between;width:100%}.stat-item{flex-basis:calc(50% - 0.5rem);flex-grow:0;flex-shrink:0;min-width:auto;padding:1rem}.stat-icon{height:2.5rem;width:2.5rem}.stat-number{font-size:1.25rem}.toolbar-right{align-items:flex-start;flex-direction:column;gap:1rem;width:100%}.btn-primary,.view-toggle{justify-content:center;width:100%}.employees-grid{grid-template-columns:1fr;width:100%}.employee-card{width:100%}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.table-header{display:none}.table-row{border:1px solid #f1f5f9;border-radius:.5rem;display:block;margin-bottom:1rem;padding:1rem}.table-row>div{align-items:center;border-bottom:1px solid #f8fafc;display:flex;justify-content:space-between;padding:.5rem 0}.table-row>div:last-child{border-bottom:none}.table-row>div:before{color:#64748b;content:attr(data-label);font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.modal-content.large{margin:1rem;width:95%}.form-row{gap:0;grid-template-columns:1fr}.form-group{margin-bottom:1rem}.form-actions{flex-direction:column}}@media (max-width:480px){.employees-toolbar{padding:.75rem}.employees-stats{gap:.5rem}.stat-item{padding:.75rem}.stat-icon{height:2rem;width:2rem}.stat-number{font-size:1.125rem}.stat-label{font-size:.75rem}.employee-card{margin-bottom:1rem}.card-content,.card-header{padding:1rem}.card-footer{padding:.75rem 1rem}.actions{flex-wrap:wrap;gap:.5rem;justify-content:center}}.products{max-width:100%;overflow-x:hidden;padding:0;width:100%}.products-toolbar{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;display:flex;flex-wrap:nowrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;width:100%}.toolbar-right{flex-shrink:0;white-space:nowrap}.search-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.search-input{min-width:200px}.filter-select{flex-shrink:0;max-width:180px;min-width:140px}.products-stats{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem;width:100%}.stat-icon.active{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.service{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.product{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.value{background:linear-gradient(135deg,#ef4444,#dc2626)}.products-table-container{background-color:#fff;border-radius:.5rem;margin-bottom:2rem;overflow-x:auto;width:100%}.products-table{border-collapse:initial;border-spacing:0;width:100%}.products-table thead{background-color:#fafafa}.products-table th{border-bottom:1px solid #f1f5f9;color:#374151;font-size:.9rem;font-weight:600;padding:1rem 1.25rem;text-align:left;white-space:nowrap}.products-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s}.products-table tbody tr:hover{background-color:#f8fafc}.products-table tbody tr:last-child{border-bottom:none}.products-table td{color:#374151;font-size:.9rem;padding:1.25rem;vertical-align:middle}.product-info-cell{max-width:300px}.product-name{color:#334155;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.product-sku{color:#94a3b8;font-size:.8rem;margin-bottom:.25rem}.product-description{-webkit-line-clamp:1;font-size:.8rem;text-overflow:ellipsis}.type-badge{border-radius:1rem;display:inline-block;font-size:.8rem;font-weight:500;padding:.35rem .75rem;text-align:center}.type-badge.product{background-color:#dbeafe;color:#2563eb}.type-badge.service{background-color:#fef3c7;color:#d97706}.price-cell{white-space:nowrap}.price{color:#334155;font-weight:600}.unit{color:#94a3b8;font-size:.8rem}.stock-cell{text-align:center}.stock{color:#334155;font-weight:600}.stock.low{color:#ef4444}.stock-unlimited{color:#94a3b8;font-size:1.5rem}.status-badge{border-radius:1rem;display:inline-block;font-size:.8rem;padding:.35rem .75rem}.status-badge.active{background-color:#dcfce7;color:#16a34a}.status-badge.inactive{background-color:#fee2e2;color:#dc2626}.actions-cell{white-space:nowrap}.action-icon{align-items:center;background:none;border:none;border-radius:.375rem;color:#64748b;cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:all .2s}.action-icon:hover{background-color:#f1f5f9}.action-icon.edit:hover{color:#2563eb}.action-icon.delete:hover{color:#dc2626}.no-products{color:#64748b;padding:2rem;text-align:center}.modal-content.large{max-width:700px}.product-form{padding:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{background:#fafafa;border:2px solid #f1f5f9;border-radius:.5rem;padding:.75rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{grid-column:1/-1}.form-actions{margin-top:1rem}@media (max-width:1200px){.products-table-container{overflow-x:auto}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.products{overflow-x:hidden;padding:0}.products-toolbar{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem;width:100%}.search-filters{flex-direction:row;flex-wrap:nowrap;gap:.75rem;overflow-x:auto;padding-bottom:8px;width:100%}.search-input{flex-shrink:1;max-width:none;min-width:200px}.filter-select{min-width:120px}.toolbar-right{flex-direction:row;justify-content:flex-end;width:100%}.products-stats{flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:space-between;width:100%}.stat-item{flex-basis:calc(50% - 0.5rem);flex-grow:0;flex-shrink:0;min-width:auto;padding:1rem}.stat-icon{height:2.5rem;width:2.5rem}.stat-number{font-size:1.25rem}.btn-primary,.view-toggle{justify-content:center;width:auto}.products-grid{grid-template-columns:1fr;width:100%}.product-card{width:100%}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.table-header{display:none}.table-row{border:1px solid #f1f5f9;border-radius:.5rem;display:block;margin-bottom:1rem;padding:1rem}.table-row>div{align-items:center;border-bottom:1px solid #f8fafc;display:flex;justify-content:space-between;padding:.5rem 0}.table-row>div:last-child{border-bottom:none}.table-row>div:before{color:#64748b;content:attr(data-label);font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.product-info{align-items:flex-start;flex-direction:column}.modal-content.large{margin:1rem;width:95%}.form-row{gap:0;grid-template-columns:1fr}.form-group{margin-bottom:1rem}.form-actions{flex-direction:column}}@media (max-width:480px){.products-toolbar{padding:.75rem}.products-stats{gap:.5rem}.stat-item{padding:.75rem}.stat-icon{height:2rem;width:2rem}.stat-number{font-size:1.125rem}.stat-label{font-size:.75rem}.product-card{margin-bottom:1rem}.card-content,.card-header{padding:1rem}.card-footer{padding:.75rem 1rem}.actions{flex-wrap:wrap;gap:.5rem;justify-content:center}.product-name{font-size:1rem}}.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.product-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.product-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.card-header{padding:1rem 1.5rem}.product-type-info{align-items:center;display:flex;gap:1rem}.type-icon{height:2.5rem;width:2.5rem}.type-icon.product{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.type-icon.service{background:linear-gradient(135deg,#f59e0b,#d97706)}.product-details{display:flex;flex-direction:column;gap:.25rem}.btn-icon{align-items:center;display:flex;height:2rem;justify-content:center;transition:all .2s;width:2rem}.btn-icon:hover{background-color:#e2e8f0;color:#334155}.btn-icon.delete:hover{background-color:#fee2e2;color:#dc2626}.card-content{flex-grow:1}h3.product-name{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.875rem;margin-bottom:1.25rem;overflow:hidden}.product-details-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.detail-item{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem}.product-stats{background:#f8fafc;border-bottom:1px solid #f1f5f9;border-top:1px solid #f1f5f9;display:flex;justify-content:space-around;padding:1rem 1.5rem}.product-stats .stat{text-align:center}.product-stats .stat-value{color:#1e293b;display:block;font-size:.875rem;font-weight:700;line-height:1}.product-stats .stat-label{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.product-footer{align-items:center;background:#f8fafc;display:flex;justify-content:space-between;padding:1rem 1.5rem}.product-category{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.product-status{border-radius:1rem;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.product-status.active{background:#dcfce7;color:#166534}.product-status.inactive{background:#fee2e2;color:#991b1b}.categories{padding:0}.categories-stats{display:flex;gap:1.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.stat-item{flex-shrink:0;gap:1rem;padding:1.5rem}.stat-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);height:3rem;width:3rem}.stat-number{line-height:1}.categories-toolbar{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.search-section{flex:1 1;max-width:400px}.toolbar-actions{gap:1rem}.toolbar-actions,.view-btn{align-items:center;display:flex}.view-btn{background:none;border:none;border-radius:.25rem;color:#64748b;cursor:pointer;justify-content:center;padding:.5rem;transition:all .2s ease}.view-btn:hover{color:#374151}.view-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#3b82f6}.categories-table-container{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;overflow:hidden}.table-header,.table-row{grid-template-columns:.5fr 1.5fr 2fr .8fr .8fr .5fr}.category-color{border-radius:.5rem;flex-shrink:0;height:2rem;width:2rem}.category-name-cell{font-weight:600}.category-description{color:#64748b;line-height:1.4}.prefix-badge{background:#e2e8f0;border-radius:.25rem;color:#1e293b;font-family:monospace;font-weight:600;padding:.25rem .5rem}.product-count{color:#64748b;font-weight:500}.btn-icon.delete:hover{background:#fef2f2;color:#ef4444}.categories-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.category-card{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:all .3s ease}.category-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.category-header{align-items:flex-start;display:flex;gap:1rem;padding:1.5rem;position:relative}.category-card .category-color{border-radius:.25rem;flex-shrink:0;height:1rem;margin-top:.25rem;width:1rem}.category-info{flex:1 1}.category-card .category-name{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.category-card .category-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0 0 .5rem}.category-prefix{color:#475569;font-size:.75rem;margin-top:.5rem}.category-prefix .prefix-badge{margin-left:.25rem}.category-actions{display:flex;gap:.5rem;position:absolute;right:1rem;top:1rem}.category-footer{background:#f8fafc;border-top:1px solid #f1f5f9;padding:1rem 1.5rem}.category-footer .product-count{font-size:.875rem;font-weight:500}.no-categories{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;color:#64748b;padding:4rem 2rem;text-align:center}.no-categories svg{color:#cbd5e1;margin-bottom:1rem}.no-categories h3{color:#475569;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.no-categories p{font-size:.875rem;margin:0}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:1rem;box-shadow:0 20px 50px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:.25rem;color:#64748b;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.modal-close:hover{background:#f1f5f9;color:#374151}.category-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block}.form-group input,.form-group textarea{background:#fafafa;border:2px solid #f1f5f9;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.color-picker{display:flex;flex-wrap:wrap;gap:.5rem}.color-option{border:3px solid #0000;border-radius:.5rem;cursor:pointer;height:2.5rem;transition:all .2s ease;width:2.5rem}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#1e293b;transform:scale(1.1)}.form-actions{border-top:1px solid #f1f5f9;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}@media (max-width:1200px){.categories-table-container{overflow-x:auto}.table-header,.table-row{min-width:1000px}}@media (max-width:768px){.categories-toolbar{align-items:stretch;flex-direction:column;gap:1rem}.toolbar-actions{justify-content:space-between}.search-section{max-width:none}.categories-stats{flex-direction:row;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.stat-item{flex-basis:calc(50% - 0.5rem);flex-grow:0;flex-shrink:0;min-width:auto;padding:1rem}.stat-icon{height:2.5rem;width:2.5rem}.stat-number{font-size:1.25rem}.categories-grid{grid-template-columns:1fr}.category-header{flex-direction:column;gap:.75rem}.category-actions{align-self:flex-end;position:static}.form-actions{flex-direction:column}}@media (max-width:480px){.categories-toolbar{padding:1rem}.categories-stats{gap:.5rem}.stat-item{padding:.75rem}.stat-icon{height:2rem;width:2rem}.stat-number{font-size:1.125rem}.stat-label{font-size:.75rem}.category-header{padding:1rem}.category-footer{padding:.75rem 1rem}}.archives{padding:0}.page-header{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:1rem;box-shadow:0 4px 6px #0000001a;color:#fff;padding:2rem 1rem;text-align:center}.page-title{font-size:1.75rem;justify-content:center}.page-subtitle{margin:0 auto;max-width:600px;opacity:.9}.archives-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.stat-item{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;height:100%;justify-content:flex-start;min-height:140px;min-width:180px;padding:1.5rem 1rem;text-align:center}.stat-icon{box-shadow:0 4px 6px #0000001a;height:3.5rem;margin-bottom:1.25rem;width:3.5rem}.stat-icon.invoices{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.quotes{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.amount{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon.month{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-info{align-items:center;display:flex;flex-direction:column;margin-top:.5rem;width:100%}.stat-number{color:#1e293b;display:block;font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:.4rem;width:100%}.amount-item{background-color:#fff9f9}.amount-item .stat-number{color:#dc2626;font-size:1.4rem}.stat-label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;width:100%}.amount-item{background-color:snow;border:1px solid #ffecec;overflow:visible;position:relative}.archives-toolbar{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.archives-toolbar,.toolbar-right{align-items:center;display:flex;gap:1.5rem}.view-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;padding:.25rem}.toggle-btn{align-items:center;background:none;border:none;border-radius:.375rem;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.toggle-btn:hover{background:#e2e8f0;color:#374151}.toggle-btn.active{background:#fff;box-shadow:0 1px 2px #0000000d;color:#3b82f6}.search-filters{gap:1rem}.search-filters,.search-input{align-items:center;display:flex;flex:1 1}.search-input{max-width:350px;position:relative}.search-input svg{color:#64748b;left:1rem;position:absolute;z-index:1}.search-input input{background:#fafafa;border:2px solid #f1f5f9;border-radius:.75rem;font-size:.875rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s ease;width:100%}.search-input input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-select{background:#fafafa;border:2px solid #f1f5f9;border-radius:.75rem;color:#374151;cursor:pointer;font-size:.875rem;min-width:150px;padding:.75rem;transition:all .2s ease}.filter-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-filters{align-items:center;display:flex;gap:.5rem}.date-filters span{color:#64748b;font-size:.875rem;font-weight:500}.date-input{background:#fafafa;border:2px solid #f1f5f9;border-radius:.75rem;color:#374151;cursor:pointer;font-size:.875rem;padding:.75rem;transition:all .2s ease}.date-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.documents-table-container{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem;overflow:hidden}.table-header{background:#f8fafc;color:#374151;font-size:.875rem;font-weight:600}.table-header,.table-row{grid-gap:1rem;border-bottom:1px solid #f1f5f9;display:grid;gap:1rem;grid-template-columns:1.5fr 1fr 2fr 1.5fr 1.5fr 1fr 1fr 1fr .8fr;padding:1.5rem}.table-row{align-items:center;transition:all .2s ease}.table-row:hover{background:#f8fafc}.table-row:last-child{border-bottom:none}.table-cell{align-items:center;color:#374151;display:flex;font-size:.875rem;gap:.5rem}.document-type-cell{gap:.75rem}.document-type-cell,.type-icon{align-items:center;display:flex}.type-icon{border-radius:.5rem;color:#fff;height:2rem;justify-content:center;width:2rem}.client-info,.products-info{align-items:center;color:#64748b;display:flex;gap:.5rem}.status-badge{border-radius:2rem;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-icon{background:none;border:none;border-radius:.375rem;color:#64748b;cursor:pointer;padding:.5rem;transition:all .2s ease}.btn-icon:hover{background:#f1f5f9;color:#374151}.documents-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.document-card{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:all .3s ease}.document-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:1.5rem}.document-type-info{align-items:center;display:flex;gap:.75rem}.type-details{display:flex;flex-direction:column}.document-number{color:#1e293b;font-family:Courier New,monospace;font-size:.875rem;font-weight:600}.document-type{color:#64748b;font-size:.75rem;font-weight:500}.card-actions{display:flex;gap:.5rem}.card-content{padding:1.5rem}.document-title{color:#1e293b;font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.document-details{display:flex;flex-direction:column;gap:.75rem}.detail-row{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem}.detail-row svg{color:#94a3b8;flex-shrink:0}.card-footer{background:#f8fafc;justify-content:flex-end;padding:1rem 1.5rem}.no-documents{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;color:#64748b;padding:4rem 2rem;text-align:center}.no-documents svg{color:#cbd5e1;margin-bottom:1rem}.no-documents h3{color:#475569;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.no-documents p{font-size:.875rem;margin:0}@media (max-width:1200px){.archives-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.documents-table-container{overflow-x:auto}.table-header,.table-row{width:1200px}}@media (max-width:768px){.archives-stats{grid-template-columns:repeat(2,1fr)}.stat-item{min-height:120px;padding:1.25rem 1rem}.stat-icon{height:3rem;margin-bottom:.85rem;width:3rem}.stat-number{font-size:1.25rem;margin-bottom:.3rem}}@media (max-width:480px){.archives-toolbar{flex-direction:column;gap:1rem}.date-input,.filter-select,.search-filters{width:100%}.archives-stats{gap:1rem;grid-template-columns:1fr}.stat-item{min-height:110px;padding:1rem}.stat-icon{height:2.75rem;margin-bottom:.65rem;width:2.75rem}.stat-number{font-size:1.2rem;margin-bottom:.25rem}.stat-label{font-size:.7rem}.page-header{padding:1.25rem .75rem}.page-title{font-size:1.35rem}.document-card,.document-content,.document-footer,.document-header{padding:1rem}.card-header{flex-direction:column}.card-content{padding:.5rem 0}.card-footer{padding-top:.5rem}}.product-names{display:flex;flex-direction:column;gap:4px;max-width:100%}.product-name{background-color:#f0f4f8;border-radius:4px;color:#444;display:inline-block;font-size:.9em;max-width:100%;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.more-products{color:#666;font-size:.85em;font-style:italic}.table-cell .product-names{max-height:40px;overflow:hidden;position:relative}.table-cell .product-names:after{display:none}.documents-table-container .table-header div:nth-child(5),.documents-table-container .table-row .table-cell:nth-child(5){flex:1.5 1;min-width:180px}.card-product-names{display:flex;flex-direction:column;gap:4px;max-width:100%}.card-product-name{background-color:#f0f4f8;border-radius:4px;color:#444;display:inline-block;font-size:.85em;max-width:100%;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.products-row{align-items:flex-start}.detail-row.products-row{margin-top:4px}.document-preview-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:9999}.document-preview-modal .modal-content{animation:slideIn .3s ease;background:#fff;border-radius:1rem;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:800px;width:100%}.document-preview-modal .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.document-preview-modal .modal-header h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.document-preview-modal .close-btn{align-items:center;background:none;border:none;border-radius:.5rem;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.document-preview-modal .close-btn:hover{background:#f1f5f9;color:#1e293b}.document-preview-modal .modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.document-preview-details{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1.5rem}.preview-detail{color:#475569;display:flex;flex-direction:column;font-size:.95rem;gap:.25rem}.preview-detail strong{color:#1e293b;font-weight:600}.document-preview-items{border-top:1px solid #e2e8f0;padding-top:1.5rem}.document-preview-items h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 1rem}.preview-items-list{display:flex;flex-direction:column;gap:.75rem}.preview-item{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.item-name{color:#1e293b;flex:1 1;font-weight:500}.item-quantity{color:#64748b;font-size:.875rem;margin:0 1rem}.item-price{color:#1e293b;font-weight:600}.document-preview-modal .modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.document-preview-modal .btn{border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.25rem;transition:all .2s ease}.document-preview-modal .btn-secondary{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.document-preview-modal .btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.document-preview-modal .btn-primary{align-items:center;background:#3b82f6;color:#fff;display:flex;gap:.5rem}.document-preview-modal .btn-primary:hover{background:#2563eb}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.document-preview-modal{padding:1rem}.document-preview-modal .modal-content{max-height:90vh;max-width:100%}.document-preview-details{grid-template-columns:1fr}}.btn-icon.downloading{color:#3b82f6;cursor:default;position:relative}.btn-icon.downloading,.btn-icon.downloading:hover{background-color:#3b82f61a}.generate-pdf-button{align-items:center;background-color:#10b981;border:none;border-radius:.5rem;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 14px;transition:all .2s ease}.generate-pdf-button:hover{background-color:#059669;box-shadow:0 4px 6px #10b9814d}.generate-pdf-button:disabled{background-color:#d1fae5;box-shadow:none;color:#10b981;cursor:wait}.generate-pdf-button:active{transform:translateY(1px)}.card-footer{align-items:center;background-color:#f8fafc;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.75rem 1.25rem}.table-cell.actions{align-items:center;display:flex;gap:8px;justify-content:flex-end}.table-cell.actions .btn-icon{margin-right:8px}.document-preview-modal .modal-footer .generate-pdf-button{font-size:.95rem;padding:10px 18px}.btn-icon.downloading,.btn.downloading,.card-tooltip,.download-tooltip,.progress-bar,.progress-fill,.progress-ring,.progress-ring-circle{display:none}.settings{padding:0}.language-selector-highlight{animation:pulse-light 2s infinite;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:2px solid #3b82f633;border-radius:1rem;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}@keyframes pulse-light{0%{box-shadow:0 0 0 0 #3b82f633}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 0 0 #3b82f600}}.language-selector-content{text-align:center}.language-selector-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.language-buttons{display:flex;gap:1rem;justify-content:center}.language-button{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;min-width:150px;padding:.75rem 2rem;transition:all .2s ease}.language-button:first-child,.language-button:last-child{background-color:#f1f5f9;color:#334155}.language-button:last-child{font-family:Dubai,Droid Arabic Kufi,Noto Sans Arabic,sans-serif}.language-button.active:first-child{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.language-button.active:last-child{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d;color:#fff}.language-button:hover{transform:translateY(-2px)}.language-setting-highlight{position:relative;z-index:1}.language-setting-highlight:before{animation:pulse-light 2s infinite;background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-radius:.75rem;content:"";inset:-8px;pointer-events:none;position:absolute;z-index:-1}.settings-container{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;overflow:hidden}.settings-tabs{background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;overflow-x:auto}.tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;padding:1.25rem 2rem;transition:all .3s ease;white-space:nowrap}.tab:hover{background:#3b82f60d;color:#3b82f6}.tab.active{background:#fff;border-bottom-color:#3b82f6;color:#3b82f6}.settings-content{padding:2rem;width:100%}.settings-section{max-width:none;width:100%}.section-title{border-bottom:2px solid #f1f5f9;margin-bottom:1.5rem;padding-bottom:.75rem}.subsection-title{align-items:center;border-bottom:1px solid #e5e7eb;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:1.5rem 0 1rem;padding-bottom:.5rem}.subsection-title:before{background:#3b82f6;border-radius:2px;content:"";height:20px;width:4px}.form-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media (min-width:1200px){.form-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1600px){.form-grid{grid-template-columns:repeat(4,1fr)}}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;font-size:.875rem;padding:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #0000001a;outline:none;transform:translateY(-1px)}.form-group small{color:#64748b;font-size:.75rem;margin-top:.25rem}.tax-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.tax-info p{color:#0369a1;font-size:.875rem;margin:0}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;flex-direction:row!important;font-weight:500!important;gap:.5rem;margin-bottom:0!important}.checkbox-label input[type=checkbox]{cursor:pointer;margin:0;width:auto}.notifications-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media (max-width:768px){.notifications-grid{grid-template-columns:1fr}}.notification-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:1.75rem;transition:all .2s ease}.notification-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.notification-info h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .25rem}.notification-info p{color:#64748b;font-size:.875rem;margin:0}.toggle{display:inline-block;height:1.5rem;position:relative;width:3rem}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#cbd5e1;border-radius:1.5rem;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:.1875rem;box-shadow:0 2px 4px #0003;content:"";height:1.125rem;left:.1875rem;position:absolute;transition:.3s;width:1.125rem}.toggle input:checked+.toggle-slider{background-color:#3b82f6}.toggle input:checked+.toggle-slider:before{transform:translateX(1.5rem)}.settings-actions{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.unsaved-notice{color:#f59e0b;font-size:.875rem;font-weight:500}.unsaved-notice span{align-items:center;display:flex;gap:.5rem}.btn.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.settings-content{padding:1rem}.form-grid{gap:1.5rem;grid-template-columns:1fr}.form-group.full-width{grid-column:1}.settings-tabs{flex-direction:column}.tab{border-bottom:1px solid #f1f5f9;border-right:none;padding:.75rem 1rem}.tab.active{border-bottom-color:#f1f5f9;border-left:3px solid #3b82f6}.notification-item{align-items:flex-start;flex-direction:column;gap:1rem}.settings-actions{align-items:stretch;gap:1rem}.checkbox-group,.settings-actions{flex-direction:column}}@media (max-width:480px){.settings-content{padding:.75rem}.section-title{font-size:1.125rem}.notification-item{padding:1rem}}.design-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.design-preview h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.header-preview{border-radius:.75rem;margin-bottom:1rem;min-height:120px;padding:1.5rem;transition:all .3s ease}.preview-content{gap:1rem}.preview-content,.preview-logo{align-items:center;display:flex}.preview-logo{background:#0000001a;border-radius:.5rem;flex-shrink:0;height:60px;justify-content:center;width:60px}.preview-logo.center{margin:0 auto}.preview-logo.right{margin-left:auto}.logo-placeholder{color:#6b7280;font-size:.75rem;font-weight:600}.preview-company-info{flex:1 1}.preview-company-info h4{font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.preview-company-info p{font-size:.875rem;margin:0;opacity:.8}.section-description{color:#64748b;font-size:.875rem;margin-bottom:1.5rem}.form-group input[type=color]{border-radius:.5rem;cursor:pointer;height:40px;padding:4px;width:60px}.form-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.form-group input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.tab[data-tab=design]{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:.5rem .5rem 0 0;color:#fff}.tab[data-tab=design]:hover{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.templates-library{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:1.5rem}.templates-library h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.library-description{color:#64748b;font-size:.875rem;margin-bottom:1.5rem}.templates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.template-card{background:#fff;border:2px solid #e2e8f0;border-radius:1rem;cursor:pointer;overflow:hidden;padding:1rem;transition:all .3s ease}.template-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626;transform:translateY(-2px)}.template-card.selected{background:#f8fafc;border-color:#3b82f6;box-shadow:0 8px 25px #3b82f633}.template-preview{border-radius:.5rem;height:160px;margin-bottom:1rem;overflow:hidden;padding:1rem;position:relative}.template-preview.modern-blue{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-left:4px solid #1e88e5}.template-preview.classic-gray{background:#fff;border:1px solid #d1d5db}.template-preview.elegant-purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff)}.template-preview.minimal-green{background:#fff;border-top:2px solid #10b981}.template-preview.corporate-orange{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.template-preview.creative-red{background:linear-gradient(45deg,#fff5f5,#fef2f2 50%,#fff)}.template-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem}.template-header.gradient{background:linear-gradient(90deg,#8b5cf61a,#0000);border-radius:.5rem;margin:-.5rem -.5rem 1rem;padding:.5rem}.template-header.minimal{border-bottom:1px solid #e5e7eb}.template-header.corporate{border-bottom:2px solid #f59e0b;justify-content:space-between;padding-bottom:.5rem}.template-header.creative{background:#ef44440d;margin:-.5rem -.5rem 1rem;padding:.5rem;transform:skew(-2deg)}.template-logo{border-radius:.25rem;flex-shrink:0;height:24px;width:24px}.template-logo.blue{background:#1e88e5}.template-logo.gray{background:#374151}.template-logo.purple{background:#8b5cf6}.template-logo.green{background:#10b981}.template-logo.orange{background:#f59e0b}.template-logo.red{background:#ef4444}.template-info{flex:1 1}.template-info.centered{margin:0 auto;text-align:center}.template-info.angled{transform:skew(2deg)}.template-title{font-size:.75rem;font-weight:700;margin-bottom:.25rem}.template-title.blue{color:#1e88e5}.template-title.gray{color:#374151}.template-title.purple{color:#8b5cf6}.template-title.green{color:#10b981}.template-title.orange{color:#f59e0b}.template-title.red{color:#ef4444}.template-subtitle{color:#64748b;font-size:.625rem}.template-contact{text-align:right}.contact-line{background:#d1d5db;border-radius:1px;height:2px;margin-bottom:.25rem}.contact-line:first-child{margin-left:auto;width:40px}.contact-line:last-child{margin-left:auto;width:60px}.template-content{flex:1 1}.template-content.minimal{padding-top:.5rem}.template-content.creative{transform:skew(-1deg)}.template-line{background:#e5e7eb;border-radius:1.5px;height:3px;margin-bottom:.5rem}.template-line.thin{height:2px}.template-line.short{width:60%}.template-line.angled{background:linear-gradient(90deg,#ef4444,#fca5a5);transform:skew(-1deg)}.template-separator{background:#d1d5db;height:1px;margin:.5rem 0}.template-details{text-align:center}.template-details h4{color:#1e293b;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.template-details p{color:#64748b;font-size:.75rem;line-height:1.4;margin:0}@media (max-width:768px){.templates-grid{grid-template-columns:1fr}.template-preview{height:140px}}.numbering-description{color:#64748b;font-size:.875rem;font-style:italic;margin-bottom:1.5rem}.numbering-category{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.category-title{align-items:center;border-bottom:2px solid #e2e8f0;color:#1e293b;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem;padding-bottom:.5rem}.numbering-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.numbering-item{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;padding:1rem;transition:all .2s ease}.numbering-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.numbering-item label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.numbering-item input{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease;width:100%}.numbering-item input[type=text]{color:#1e293b;font-weight:600;text-transform:uppercase}.numbering-item input[type=number]{color:#059669;font-weight:600}.numbering-item input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.numbering-item input:last-child{margin-bottom:0}@media (max-width:1024px){.numbering-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.numbering-grid-prefix{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1rem}.numbering-item-prefix{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;padding:.75rem;transition:all .2s ease}.numbering-item-prefix:hover{border-color:#cbd5e1;box-shadow:0 3px 8px #00000014}.numbering-item-prefix label{color:#374151;display:block;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.numbering-item-prefix input[type=text]{background:#f8fafc;border:1px solid #d1d5db;border-radius:.375rem;color:#1e293b;font-family:Courier New,monospace;font-size:.875rem;font-weight:600;padding:.5rem;text-transform:uppercase;transition:all .2s ease;width:100%}.numbering-item-prefix input[type=text]:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.more-categories-button{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #e2e8f0;border-radius:1rem;margin-top:2rem;padding:1.5rem;text-align:center}.more-categories-button .btn-outline{background:#fff;border:2px solid #3b82f6;color:#3b82f6;font-weight:600;margin-bottom:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.more-categories-button .btn-outline:hover{background:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-2px)}.categories-summary{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.category-chip{background:linear-gradient(135deg,#fff,#f1f5f9);border:1px solid #cbd5e1;border-radius:1rem;color:#475569;font-size:.75rem;font-weight:500;padding:.375rem .75rem;transition:all .2s ease}.category-chip:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#94a3b8;transform:translateY(-1px)}.total-documents-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;color:#fff;margin-top:2rem;padding:2rem;text-align:center}.total-documents-summary h3{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.total-documents-summary p{font-size:1rem;line-height:1.5;margin:0 0 1.5rem;opacity:.9}.documents-count{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.count-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:2rem;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.count-badge:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}@media (max-width:768px){.numbering-grid,.numbering-grid-prefix{grid-template-columns:1fr}.numbering-category{padding:1rem}.category-title{font-size:.875rem}.categories-summary{gap:.375rem}.category-chip{font-size:.7rem;padding:.25rem .5rem}}.bank-account-inputs{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 2fr 1fr;width:100%}.bank-account-inputs input,.bank-account-inputs select{border:1px solid #e2e8f0;border-radius:.75rem;color:#1e293b;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.bank-account-inputs input:focus,.bank-account-inputs select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.bank-account-inputs .account-number{font-family:monospace;letter-spacing:.5px}.bank-account-inputs .bank-select{font-weight:600}.bank-account-inputs .wilaya-select{text-align:center}@media (max-width:768px){.bank-account-inputs{grid-template-columns:1fr}}.secondary-name-input{border:1px solid #e2e8f0;border-radius:.75rem;color:#1e293b;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.secondary-name-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.logo-upload-container{display:flex;flex-direction:column;gap:1rem}.current-logo{align-items:center;background-color:#f8fafc;border:1px dashed #e2e8f0;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.logo-preview{max-height:100px;max-width:200px;object-fit:contain}.remove-logo{background-color:#fee2e2;border:none;border-radius:.25rem;color:#dc2626;cursor:pointer;font-size:.75rem;padding:.25rem .75rem}.remove-logo:hover{background-color:#fecaca}.logo-upload-button{align-items:center;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:.875rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.logo-upload-button:hover{background-color:#dbeafe;border-color:#93c5fd}.logo-tip{color:#64748b;font-size:.75rem;margin:0}.app{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex}.app,.main-content{max-width:100%;min-height:100vh;overflow-x:hidden;width:100%}.main-content{flex:1 1;margin-left:280px;padding:2rem;transition:margin-left .3s ease}.main-content.sidebar-collapsed{margin-left:80px}.page-header{display:flex;flex-direction:column;margin-bottom:2rem;width:100%}.page-title{align-items:center;color:#1e293b;display:flex;flex-wrap:wrap;font-size:2rem;font-weight:700;gap:.75rem;margin-bottom:.5rem}.page-subtitle{color:#64748b;font-size:1rem;font-weight:400}.content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.content-section{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;padding:1.5rem;transition:all .2s ease;width:100%}.content-section:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.section-title{align-items:center;color:#1e293b;display:flex;flex-wrap:wrap;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.section-title svg{color:#3b82f6;height:1.25rem;width:1.25rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem;width:100%}.stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;overflow:hidden;padding:1.5rem;position:relative;width:100%}.stat-card:before{background:linear-gradient(90deg,#0284c7,#0ea5e9);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-value{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#64748b;font-size:.875rem;font-weight:500}.stat-icon{align-items:center;background:linear-gradient(135deg,#0284c7,#0ea5e9);border-radius:.75rem;color:#fff;display:flex;height:2.5rem;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;width:2.5rem}.stat-item{overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.stat-item:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);background:var(--stat-accent,linear-gradient(90deg,#3b82f6,#8b5cf6));content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.stat-item .stat-icon{transition:transform .3s ease}.stat-item:hover .stat-icon{transform:scale(1.1)}.stat-item .stat-number{color:#1e293b;font-size:2rem!important;font-weight:700}.stat-item .stat-label{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}@media (max-width:480px){.stat-item .stat-number{font-size:1.5rem!important}.stat-item .stat-label{font-size:.75rem!important}}@media (max-width:1024px){.main-content{margin-left:0;padding:1.5rem;width:100%}.main-content.sidebar-collapsed{margin-left:0}.page-header{padding-top:2.5rem}.content-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.app,.main-content{max-width:100%;overflow-x:hidden;width:100%}.main-content{padding:1rem}.page-header{padding-top:3rem;width:100%}.page-title{font-size:1.5rem;gap:.5rem}.content-grid{grid-template-columns:1fr;width:100%}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%}.section-title{font-size:1.125rem}.btn-primary,.btn-secondary{justify-content:center;width:100%}input,select,textarea{width:100%}}@media (max-width:480px){.main-content{padding:.75rem}.page-title{font-size:1.25rem}.page-subtitle{font-size:.875rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.stat-icon{height:2rem;right:1rem;top:1rem;width:2rem}.content-section{padding:1rem}.section-title{margin-bottom:.75rem}}.loading-container{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;justify-content:center;width:100%}.loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#0ea5e9;height:40px;margin-bottom:1rem;width:40px}.loading-container p{color:#64748b;font-size:1rem;font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.98f80c31.css.map*/