@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}.__variable_f367f3{--font-inter:"__Inter_f367f3","__Inter_Fallback_f367f3"}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--color-primary:#1e3a5f;--color-primary-dark:#15304d;--color-primary-light:#2563eb;--color-white:#fff;--color-bg:#f5f7fa;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-blue:#3b82f6;--color-blue-light:#ebf4ff;--color-orange:#f59e0b;--color-orange-light:#fef3c7;--color-purple:#8b5cf6;--color-purple-light:#ede9fe;--color-green:#10b981;--color-green-light:#d1fae5;--color-red:#ef4444;--color-red-light:#fee2e2;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.04);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.04);--shadow-card:0 1px 3px rgba(0,0,0,.08);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--sidebar-width:260px;--transition-fast:150ms ease;--transition-normal:200ms ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-gray-800);line-height:1.5}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:linear-gradient(180deg,#1a3a5c,#15304d);color:var(--color-white);display:flex;flex-direction:column;z-index:50;border-radius:0 24px 24px 0}.sidebar-logo{padding:1.5rem 1.25rem;margin-bottom:.5rem}.sidebar-logo-text{font-size:1.75rem;font-weight:700;color:#fff;letter-spacing:-.025em}.sidebar-logo-text .dot{color:#fff}.sidebar-nav{flex:1;padding:0 .75rem;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:hsla(0,0%,100%,.7);text-decoration:none;font-size:.875rem;font-weight:500;border-radius:var(--radius-lg);margin-bottom:.25rem;transition:all var(--transition-fast)}.sidebar-link:hover{background:hsla(0,0%,100%,.1);color:#fff}.sidebar-link.active{background:#fff;color:var(--color-primary)}.sidebar-link svg{width:1.25rem;height:1.25rem;flex-shrink:0}.sidebar-user{padding:1rem 1.25rem;border-top:1px solid hsla(0,0%,100%,.1);display:flex;align-items:center;gap:.75rem}.sidebar-user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-blue);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:#fff}.sidebar-user-info{flex:1}.sidebar-user-name{font-size:.875rem;font-weight:600;color:#fff}.sidebar-user-role{font-size:.75rem;color:hsla(0,0%,100%,.6)}.sidebar-logout{padding:.5rem;color:hsla(0,0%,100%,.6);background:transparent;border:none;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.sidebar-logout:hover{background:hsla(0,0%,100%,.1);color:#fff}.main-content{margin-left:var(--sidebar-width);min-height:100vh;background-color:var(--color-bg)}.page-header{background:var(--color-bg);padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between}.page-title{font-size:1.25rem;font-weight:600;color:var(--color-gray-900)}.page-header-actions{display:flex;align-items:center;gap:1rem}.search-input{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-full);padding:.5rem 1rem;min-width:240px}.search-input input{border:none;outline:none;background:transparent;font-size:.875rem;color:var(--color-gray-700);width:100%}.search-input input::placeholder{color:var(--color-gray-400)}.icon-button{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-gray-500);transition:all var(--transition-fast)}.icon-button:hover{background:#fff;color:var(--color-gray-700)}.page-content{padding:0 2rem 2rem}.card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:1.5rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.kpi-card{background:#fff;border-radius:var(--radius-xl);padding:1.25rem;box-shadow:var(--shadow-card);display:flex;gap:1rem}.kpi-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon.blue{background:var(--color-blue-light);color:var(--color-blue)}.kpi-icon.orange{background:var(--color-orange-light);color:var(--color-orange)}.kpi-icon.purple{background:var(--color-purple-light);color:var(--color-purple)}.kpi-icon.green{background:var(--color-green-light);color:var(--color-green)}.kpi-icon svg{width:24px;height:24px}.kpi-content{flex:1}.kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.kpi-label{font-size:.8125rem;color:var(--color-gray-500)}.kpi-badge{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:var(--radius-full)}.kpi-badge.positive{background:var(--color-green-light);color:var(--color-green)}.kpi-badge.neutral{background:var(--color-gray-100);color:var(--color-gray-500)}.kpi-badge.urgent{background:var(--color-red-light);color:var(--color-red)}.kpi-value{font-size:1.5rem;font-weight:700;color:var(--color-gray-900)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.section-title{font-size:1rem;font-weight:600;color:var(--color-gray-900)}.section-link{font-size:.875rem;color:var(--color-blue);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.25rem}.section-link:hover{text-decoration:underline}.kanban-board{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem}.kanban-column{flex:0 0 320px;min-width:320px}.kanban-column-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.kanban-column-title{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.kanban-column-count{font-size:.75rem;font-weight:500;color:var(--color-gray-400);background:var(--color-gray-100);padding:.125rem .5rem;border-radius:var(--radius-full)}.kanban-card{background:#fff;border-radius:var(--radius-lg);padding:1rem;margin-bottom:.75rem;box-shadow:var(--shadow-sm);border-left:3px solid transparent;transition:all var(--transition-fast)}.kanban-card:hover{box-shadow:var(--shadow-md)}.kanban-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.order-id{font-size:.75rem;font-weight:600;color:var(--color-orange)}.order-time{font-size:.6875rem;color:var(--color-gray-400)}.priority-badge{font-size:.6875rem;font-weight:500;padding:.125rem .5rem;border-radius:var(--radius-sm)}.priority-badge.high{background:var(--color-orange-light);color:#b45309}.priority-badge.normal{background:var(--color-blue-light);color:var(--color-blue)}.kanban-card-title{font-size:.9375rem;font-weight:600;color:var(--color-gray-900);margin-bottom:.25rem}.kanban-card-desc{font-size:.8125rem;color:var(--color-gray-500);margin-bottom:.75rem}.kanban-card-footer{gap:.5rem}.avatar,.kanban-card-footer{display:flex;align-items:center}.avatar{width:28px;height:28px;border-radius:var(--radius-full);justify-content:center;font-size:.6875rem;font-weight:600;color:#fff}.avatar.blue{background:#3b82f6}.avatar.green{background:#10b981}.avatar.purple{background:#8b5cf6}.avatar.orange{background:#f59e0b}.avatar.pink{background:#ec4899}.customer-name{font-size:.8125rem;color:var(--color-gray-600)}.parts-badge{margin-left:auto;font-size:.6875rem;font-weight:500;padding:.25rem .5rem;border-radius:var(--radius-sm);background:var(--color-orange-light);color:#b45309}.form-section{background:#fff;border-radius:var(--radius-xl);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-card)}.form-section-title{font-size:1rem;font-weight:600;color:var(--color-primary);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.form-section-title svg{width:1.25rem;height:1.25rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.8125rem;font-weight:500;color:var(--color-gray-600);margin-bottom:.375rem}.form-input{width:100%;padding:.625rem .875rem;font-size:.875rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-gray-50);color:var(--color-gray-700);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);background:#fff}.form-input::placeholder{color:var(--color-gray-400)}.form-select{padding:.625rem .875rem;color:var(--color-gray-700);cursor:pointer}.form-select,.form-textarea{width:100%;font-size:.875rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-gray-50)}.form-textarea{padding:.75rem;resize:vertical;min-height:100px}.damage-checklist{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.damage-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:.8125rem;color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast)}.damage-item:hover{border-color:var(--color-gray-300)}.damage-item.selected{background:var(--color-blue-light);border-color:var(--color-blue);color:var(--color-blue)}.damage-item input{display:none}.damage-item .radio-circle{width:16px;height:16px;border:2px solid var(--color-gray-300);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.damage-item.selected .radio-circle{border-color:var(--color-blue);background:var(--color-blue)}.damage-item.selected .radio-circle:after{content:"";width:6px;height:6px;background:#fff;border-radius:var(--radius-full)}.pattern-lock{background:#fff;border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-card)}.pattern-lock-title{font-size:1rem;font-weight:600;color:var(--color-primary);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.pattern-grid{width:160px;height:160px;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 auto 1rem}.pattern-dot{width:100%;aspect-ratio:1;border-radius:var(--radius-full);background:var(--color-gray-200);cursor:pointer;transition:all var(--transition-fast)}.pattern-dot:hover{background:var(--color-gray-300)}.pattern-dot.active{background:var(--color-primary)}.pattern-hint{font-size:.75rem;color:var(--color-gray-400);text-align:center}.summary-card{background:#fff;border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-card)}.summary-title{font-size:1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:1rem}.summary-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--color-gray-100)}.summary-label{font-size:.8125rem;color:var(--color-gray-500)}.summary-value{font-size:.8125rem;font-weight:500;color:var(--color-gray-900)}.summary-value.priority{color:var(--color-green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff;width:100%;padding:.875rem}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:#fff;color:var(--color-gray-700);border:1px solid var(--color-gray-200);width:100%;padding:.875rem}.btn-secondary:hover{background:var(--color-gray-50)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.kpi-grid{grid-template-columns:1fr}.pos-layout{grid-template-columns:1fr!important;display:flex!important;flex-direction:column;height:auto!important}}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:1.5rem;height:calc(100vh - 100px)}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.form-grid,.kpi-grid{grid-template-columns:1fr}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:40;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar{z-index:50}.mobile-header-btn{display:flex;position:fixed;top:1rem;right:1rem;z-index:60;background:#fff;border:1px solid #e2e8f0;padding:.5rem;border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.05);cursor:pointer}}@media (min-width:769px){.mobile-header-btn{display:none}}