@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-app:#f9f9fb;--bg-card:#fff;--bg-hover:#f4f4f5;--bg-selected:#f4f4f5;--border-color:#09090b12;--border-color-hover:#09090b26;--text-primary:#09090b;--text-secondary:#71717a;--text-tertiary:#a1a1aa;--primary:#09090b;--primary-hover:#27272a;--primary-contrast:#fff;--accent:#4f46e5;--accent-hover:#4338ca;--accent-bg:#f5f3ff;--accent-text:#5b21b6;--status-new-bg:#eff6ff;--status-new-text:#1d4ed8;--status-new-border:#1d4ed826;--status-measured-bg:#f5f3ff;--status-measured-text:#6d28d9;--status-measured-border:#6d28d926;--status-quote-prep-bg:#fffbeb;--status-quote-prep-text:#b45309;--status-quote-prep-border:#b4530926;--status-quote-sent-bg:#ecfeff;--status-quote-sent-text:#0e7490;--status-quote-sent-border:#0e749026;--status-quote-acc-bg:#f0fdf4;--status-quote-acc-text:#15803d;--status-quote-acc-border:#15803d26;--status-sewing-bg:#fdf2f8;--status-sewing-text:#be185d;--status-sewing-border:#be185d26;--status-production-bg:#fff7ed;--status-production-text:#c2410c;--status-production-border:#c2410c26;--status-ready-bg:#e0f2fe;--status-ready-text:#0369a1;--status-ready-border:#0369a126;--status-completed-bg:#f0fdf4;--status-completed-text:#166534;--status-completed-border:#16653433;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 1px 3px 0 #0000000d, 0 4px 12px -2px #09090b0a;--shadow-lg:0 4px 6px -1px #00000008, 0 16px 28px -4px #09090b0d;--shadow-premium:0 1px 2px #00000005, 0 12px 24px -4px #09090b14;--shadow-toast:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d, 0 0 0 1px #09090b0d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.12s cubic-bezier(.2, .8, .2, 1);--transition-normal:.24s cubic-bezier(.2, .8, .2, 1);--transition-slow:.36s cubic-bezier(.2, .8, .2, 1);--sidebar-width:260px;--sidebar-collapsed-width:68px;--topbar-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;overflow-x:hidden}button,input,select,textarea{color:inherit;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#09090b1a;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#09090b33}.premium-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), border-color var(--transition-normal), transform var(--transition-normal)}.premium-card:hover{box-shadow:var(--shadow-premium);border-color:var(--border-color-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-slide-up{animation:slideUp var(--transition-slow) cubic-bezier(.16, 1, .3, 1) forwards}.glassmorphism{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff80}.btn-primary{background-color:var(--primary);color:var(--primary-contrast);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--border-color-hover)}.badge{border:1px solid #0000;border-radius:9999px;align-items:center;gap:6px;padding:4px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-dot{border-radius:50%;width:6px;height:6px}.login-container{background-color:var(--bg-app);width:100vw;min-height:100vh;display:flex;overflow:hidden}.login-brand-panel{background:linear-gradient(135deg,#09090b 0%,#18181b 100%);flex-direction:column;flex:1;justify-content:space-between;padding:48px;display:none;position:relative;overflow:hidden}.login-brand-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#4f46e51f 0%,#0000 70%);width:60%;height:60%;position:absolute;top:-20%;right:-20%}.login-brand-logo{color:#fff;letter-spacing:-.02em;align-items:center;gap:12px;font-size:1.25rem;font-weight:600;display:flex}.brand-curve-icon{stroke:#fff;stroke-width:1.5px;fill:none;width:32px;height:32px}.login-brand-quote{z-index:10;max-width:420px}.login-brand-quote h2{color:#fff;letter-spacing:-.03em;margin-bottom:16px;font-size:2.25rem;font-weight:700;line-height:1.2}.login-brand-quote p{color:var(--text-tertiary);font-size:1rem;line-height:1.6}.login-brand-footer{color:var(--text-secondary);font-size:.875rem}.login-form-panel{background-color:var(--bg-card);flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.login-form-wrapper{flex-direction:column;width:100%;max-width:380px;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.mobile-logo-header{flex-direction:column;align-items:center;gap:8px;margin-bottom:32px;display:flex}.mobile-logo-header h1{letter-spacing:-.03em;color:var(--text-primary);font-size:1.5rem;font-weight:700}.mobile-logo-header p{color:var(--text-secondary);font-size:.875rem}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-tertiary);pointer-events:none;transition:color var(--transition-fast);position:absolute;left:12px}.form-input{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);outline:none;padding:10px 12px 10px 38px;font-size:.875rem}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #09090b0d}.form-input:focus+.input-icon{color:var(--text-primary)}.form-actions{justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.remember-me{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.remember-checkbox{appearance:none;border:1px solid var(--border-color);background-color:var(--bg-card);cursor:pointer;width:16px;height:16px;transition:all var(--transition-fast);border-radius:4px;justify-content:center;align-items:center;display:flex}.remember-checkbox:checked{background-color:var(--primary);border-color:var(--primary)}.remember-checkbox:checked:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:8px;height:4px;transform:rotate(-45deg)translate(1px,-1px)}.forgot-password-link{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-weight:500}.forgot-password-link:hover{color:var(--text-primary);text-decoration:underline}.submit-btn{justify-content:center;align-items:center;gap:8px;width:100%;height:42px;margin-top:8px;display:flex}.error-message{color:#ef4444;border-radius:var(--radius-sm);background-color:#fef2f2;border:1px solid #ef44441a;align-items:center;gap:6px;padding:8px 12px;font-size:.8125rem;animation:.3s forwards slideUp;display:flex}.back-to-login{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-self:center;align-items:center;gap:6px;margin-top:16px;font-size:.8125rem;display:inline-flex}.back-to-login:hover{color:var(--text-primary)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=768px){.login-brand-panel{display:flex}}.app-shell{background-color:var(--bg-app);width:100vw;min-height:100vh;display:flex;overflow:hidden}.main-wrapper{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-card);border-right:1px solid var(--border-color);z-index:50;flex-direction:column;flex-shrink:0;height:100vh;transition:width .25s cubic-bezier(.4,0,.2,1);display:none;overflow:hidden}.sidebar.expanded{width:260px}.sidebar.collapsed{width:72px;overflow:visible}.sidebar-header{height:var(--topbar-height);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;transition:padding .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar-logo{letter-spacing:-.02em;color:var(--text-primary);white-space:nowrap;flex:1;align-items:center;gap:12px;font-size:1.1rem;font-weight:700;transition:opacity .15s;display:flex}.brand-curve-icon{width:24px;height:24px;stroke:var(--text-primary);stroke-width:1.5px;fill:none}.sidebar-logo span{font-family:var(--font-sans)}.sidebar-toggle{cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);width:28px;height:28px;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-menu{flex-direction:column;flex:1;gap:4px;padding:16px 12px;transition:padding .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden auto}.sidebar.collapsed .sidebar-menu{padding:16px 8px;overflow:visible}.sidebar-item{border-radius:var(--radius-md);height:40px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:0 12px;font-size:.875rem;font-weight:500;display:flex;position:relative}.sidebar-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background-color:var(--primary);color:var(--primary-contrast)}.sidebar-item.danger{color:#ef4444}.sidebar-item.danger:hover{color:#dc2626;background-color:#fef2f2}.sidebar-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.sidebar-item-text{opacity:1;transition:opacity .15s}.sidebar.collapsed .sidebar-item{justify-content:center;gap:0;padding:0}.sidebar.collapsed .sidebar-item-text{display:none}.sidebar.collapsed .sidebar-item:after{content:attr(data-tooltip);background-color:var(--primary);color:var(--primary-contrast);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;box-shadow:var(--shadow-lg);z-index:1000;padding:6px 10px;font-size:.75rem;font-weight:500;transition:opacity .15s cubic-bezier(.2,.8,.2,1),transform .15s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-6px)}.sidebar.collapsed .sidebar-item:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.sidebar-footer{border-top:1px solid var(--border-color);flex-shrink:0;padding:16px 12px;transition:padding .25s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .sidebar-footer{padding:16px 8px}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);z-index:100;width:100vw;height:100vh;animation:fadeIn var(--transition-normal) forwards;background-color:#09090b66;position:fixed;top:0;left:0}.drawer{background-color:var(--bg-card);width:260px;height:100vh;box-shadow:var(--shadow-lg);z-index:101;flex-direction:column;animation:.25s cubic-bezier(.2,.8,.2,1) forwards drawerSlideIn;display:flex;position:fixed;top:0;left:0}@keyframes drawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{height:var(--topbar-height);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.drawer-close-btn{cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.drawer-menu{flex-direction:column;flex:1;gap:6px;padding:20px 12px;display:flex;overflow-y:auto}.topbar{height:var(--topbar-height);border-bottom:1px solid var(--border-color);background-color:var(--bg-card);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.breadcrumbs{color:var(--text-secondary);align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.breadcrumb-separator{color:var(--text-tertiary)}.breadcrumb-current{color:var(--text-primary);font-weight:600}.topbar-actions{align-items:center;gap:16px;display:flex}.search-container{display:none;position:relative}.search-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-hover);width:240px;transition:all var(--transition-fast);outline:none;padding:8px 12px 8px 34px;font-size:.875rem}.search-input:focus{border-color:var(--primary);background-color:var(--bg-card);width:300px;box-shadow:0 0 0 3px #09090b0a}.search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.icon-btn{cursor:pointer;color:var(--text-secondary);width:36px;height:36px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.notification-badge{border:1.5px solid var(--bg-card);background-color:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.menu-trigger-mobile{cursor:pointer;color:var(--text-primary);border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;margin-right:8px;display:flex}.user-menu-container{position:relative}.user-avatar-btn{cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;align-items:center;padding:2px;display:flex}.user-avatar{object-fit:cover;border:1px solid var(--border-color);border-radius:50%;width:32px;height:32px}.user-dropdown{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-lg);z-index:60;flex-direction:column;gap:2px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) forwards slideUp;display:flex;position:absolute;top:calc(100% + 8px);right:0}.dropdown-header{border-bottom:1px solid var(--border-color);margin-bottom:4px;padding:10px 12px 8px}.dropdown-user-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.dropdown-user-role{color:var(--text-secondary);margin-top:2px;font-size:.75rem}.dropdown-item{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:.8125rem;font-weight:500;display:flex}.dropdown-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{color:#dc2626;background-color:#fef2f2}.app-content{flex:1;width:100%;padding:24px 16px;overflow:hidden auto}.view-container{max-width:1200px;margin:0 auto;padding:0;animation:.4s ease-out fadeIn}@media (width>=768px){.sidebar{display:flex}.menu-trigger-mobile{display:none}.search-container{display:block}.app-content{padding:32px}}.dashboard-header-section{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}@media (width>=640px){.dashboard-header-section{flex-direction:row;justify-content:space-between;align-items:center}}.greeting-text h1{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:4px;font-size:1.75rem;font-weight:700}.greeting-text p{color:var(--text-secondary);font-size:.875rem}.btn-new-order{background:linear-gradient(135deg, var(--primary) 0%, #1a1a1e 100%);color:var(--primary-contrast);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);border:1px solid #ffffff1a;justify-content:center;align-self:flex-start;align-items:center;gap:10px;padding:16px 28px;font-size:1.05rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #09090b26,0 1px 2px #09090b1a}.btn-new-order:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:200%;height:100%;transition:all .75s;position:absolute;top:0;left:-50%;transform:skew(-20deg)}.btn-new-order:hover:after{left:125%}.btn-new-order:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 20px #09090b40,0 2px 4px #09090b1a}.btn-new-order:active{transform:translateY(0)}.stats-grid{grid-template-columns:1fr;gap:16px;margin-bottom:32px;display:grid}@media (width>=640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{flex-direction:column;gap:12px;padding:20px;display:flex}.stat-card-header{color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.stat-card-title{text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:600}.stat-card-icon-wrapper{color:var(--text-primary);background-color:var(--bg-hover);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stat-card-value{letter-spacing:-.02em;color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1}.stat-card-footer{align-items:center;gap:6px;font-size:.75rem;display:flex}.stat-trend-up{color:#16a34a;align-items:center;gap:2px;font-weight:600;display:inline-flex}.stat-trend-down{color:#dc2626;align-items:center;gap:2px;font-weight:600;display:inline-flex}.stat-trend-neutral{color:var(--text-secondary)}.dashboard-main-grid{grid-template-columns:1fr;gap:24px;margin-bottom:24px;display:grid}@media (width>=1024px){.dashboard-main-grid{grid-template-columns:2fr 1fr}}.dashboard-section{flex-direction:column;display:flex;overflow:hidden}.section-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.section-header h2{letter-spacing:-.02em;color:var(--text-primary);font-size:1.125rem;font-weight:700}.section-link{color:var(--accent);cursor:pointer;font-size:.8125rem;font-weight:500}.section-link:hover{text-decoration:underline}.table-responsive-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.premium-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.premium-table th{color:var(--text-secondary);background-color:var(--bg-hover);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;padding:14px 20px;font-size:.75rem;font-weight:500}.premium-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);white-space:nowrap;padding:16px 20px}.premium-table tbody tr{transition:background-color var(--transition-fast)}.premium-table tbody tr:hover{background-color:#09090b04}.premium-table tbody tr:last-child td{border-bottom:none}.order-number{color:var(--text-primary);font-weight:600}.order-client{font-weight:500}.order-value{text-align:right;font-weight:600}.premium-table th:last-child,.premium-table td:last-child{text-align:right}.installations-list{flex-direction:column;padding:12px;display:flex}.installation-item{border-radius:var(--radius-md);transition:background-color var(--transition-fast);align-items:flex-start;gap:12px;padding:12px 8px;display:flex}.installation-item:hover{background-color:var(--bg-hover)}.installation-time-badge{background-color:var(--primary);color:var(--primary-contrast);border-radius:var(--radius-sm);flex-direction:column;justify-content:center;align-items:center;min-width:60px;padding:6px 10px;font-size:.75rem;font-weight:600;display:flex}.installation-time-hour{font-size:.8125rem;font-weight:700}.installation-details{flex-direction:column;gap:2px;display:flex}.installation-client{color:var(--text-primary);font-size:.875rem;font-weight:600}.installation-number{color:var(--text-secondary);font-size:.75rem}.installation-address{color:var(--text-secondary);align-items:center;gap:4px;margin-top:4px;font-size:.75rem;display:flex}.empty-state{text-align:center;color:var(--text-secondary);padding:32px;font-size:.875rem}.activity-feed-section{margin-bottom:24px}.activity-list{flex-direction:column;gap:20px;padding:20px;display:flex}.activity-item{gap:16px;display:flex;position:relative}.activity-item:before{content:"";background-color:var(--border-color);width:1px;position:absolute;top:36px;bottom:-22px;left:17px}.activity-item:last-child:before{display:none}.activity-icon-wrapper{background-color:var(--bg-hover);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-primary);z-index:5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-details{flex-direction:column;gap:2px;display:flex}.activity-text{color:var(--text-primary);font-size:.875rem}.activity-user{font-weight:600}.activity-target{color:var(--accent);font-weight:500}.activity-time{color:var(--text-tertiary);font-size:.75rem}.toast{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-toast);border-radius:var(--radius-md);z-index:200;color:var(--text-primary);align-items:center;gap:12px;padding:12px 18px;font-size:.875rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;position:fixed;bottom:24px;right:24px}.toast-icon{color:var(--accent)}