@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary:#ee6b4d;--primary-bg:#fff4f1;--primary-dark:#d45835;--accent:#5568e8;--accent-bg:#eef1fd;--bg:#f5f6f8;--surface:#fff;--border:#eaecf0;--border-light:#f2f4f7;--text:#101828;--text-secondary:#475467;--text-muted:#98a2b3;--error:#d92d20;--success:#079455;--warning:#b54708;--error-bg:#fff4f2;--success-bg:#ecfdf3;--warning-bg:#fffaeb;--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 1px 3px #1018281a, 0 1px 2px #1018280f;--shadow-md:0 4px 8px #10182812, 0 2px 4px #1018280a;--shadow-lg:0 12px 32px #1018281a;--radius:12px;--radius-sm:8px;--radius-xs:6px}*{box-sizing:border-box;margin:0;padding:0}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2398A2B3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;padding-right:30px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background-color:#f8f8fa;background-image:radial-gradient(75% 60% at 5% 5%,#ee6b4d1a 0%,#0000 60%),radial-gradient(55% 45% at 95% 95%,#5568e812 0%,#0000 60%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6}#root{min-height:100vh}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:12px 22px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-accent{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:12px 22px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s;display:inline-flex}.btn-accent:hover:not(:disabled){background:#4457d4}.btn-accent:disabled{opacity:.5;cursor:default}.btn-secondary{background:var(--surface);color:var(--text-secondary);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:12px 22px;font-family:inherit;font-size:15px;font-weight:600;transition:all .15s;display:inline-flex}.btn-secondary:hover:not(:disabled){background:var(--bg);color:var(--text);border-color:#c8cdd8}.btn-secondary:disabled{opacity:.5;cursor:default}.cm-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cm-box{background:var(--surface);border-radius:16px;width:100%;max-width:360px;padding:28px;box-shadow:0 24px 64px #00000040}.cm-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.cm-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.cm-icon--danger{background:var(--error-bg);color:var(--error)}.cm-icon--warning{background:var(--warning-bg);color:var(--warning)}.cm-icon--logout{background:var(--primary-bg);color:var(--primary)}.cm-title{margin:0;font-size:16px;font-weight:700}.cm-message{color:var(--text-muted);margin:0 0 22px;font-size:13.5px;line-height:1.55}.cm-actions{gap:10px;margin-top:22px;display:flex}.cm-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;height:40px;font-size:13px;font-weight:600;transition:filter .15s}.cm-btn--cancel{background:var(--bg);color:var(--text);border:1.5px solid var(--border)}.cm-btn--cancel:hover{filter:brightness(.96)}.cm-btn--confirm{color:#fff}.cm-btn--danger{background:var(--error)}.cm-btn--warning{background:var(--warning)}.cm-btn--logout{background:var(--primary)}.cm-btn--confirm:hover{filter:brightness(.9)}@media (width<=400px){.cm-actions{flex-direction:column-reverse}.cm-btn{height:44px;font-size:14px}}@media (width<=768px){input,select,textarea{font-size:16px!important}}.layout{background:0 0;flex-direction:column;min-height:100vh;display:flex}.sidebar{display:none}.main-content{flex:1;min-width:0;padding:20px 16px 80px;overflow-y:auto}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:100;padding:6px 0 8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #1018280f}.bottom-nav .nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 4px;font-family:inherit;font-size:11px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.bottom-nav .nav-item svg{font-size:22px}.bottom-nav .nav-item.active{color:var(--primary)}.bottom-nav .nav-item-new-order--mobile{color:var(--primary);font-weight:700}@media (width>=768px){.layout{flex-direction:row;height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;padding:0;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border-light);align-items:center;gap:8px;padding:20px 20px 16px;display:flex}.sidebar-logo{object-fit:contain;flex-shrink:0;width:auto;height:48px}.sidebar-logo-name{color:var(--text);letter-spacing:-.3px;white-space:nowrap;font-size:15px;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:10px;display:flex;overflow-y:auto}.sidebar .nav-item{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.sidebar .nav-item svg{flex-shrink:0;font-size:17px}.sidebar .nav-item:hover{background:var(--bg);color:var(--text)}.sidebar .nav-item.active{background:var(--primary-bg);color:var(--primary);font-weight:600}.sidebar-cta{padding:8px 12px 4px}.sidebar-new-order{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:13.5px;font-weight:700;transition:background .15s;display:flex}.sidebar-new-order:hover{background:var(--primary-dark)}.sidebar-nav-spacer{flex:1}.logout-item{border-radius:var(--radius-sm);text-align:left;width:calc(100% - 20px);color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;margin:6px 10px 12px;padding:9px 12px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .12s;display:flex}.logout-item svg{font-size:17px}.logout-item:hover{background:var(--error-bg);color:var(--error)}.bottom-nav{display:none}.main-content{flex:1;width:0;padding:32px 36px;overflow:hidden auto}}.login-container{background:linear-gradient(145deg,#f5f6f8 0%,#eef1fd 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.login-card{background:var(--surface);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:16px;padding:36px 28px 32px}.login-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:28px;display:flex}.login-brand-logo{object-fit:contain;width:auto;height:64px}.login-brand-name{color:var(--text);letter-spacing:-.3px;font-size:20px;font-weight:800}.login-title{color:var(--text);text-align:center;letter-spacing:-.3px;margin:0 0 6px;font-size:22px;font-weight:700}.login-subtitle{color:var(--text-muted);text-align:center;margin:0 0 28px;font-size:14px}.login-form-group{margin-bottom:16px}.login-form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.login-form-group input{box-sizing:border-box;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);outline:none;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.login-form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ee6b4d1f}.login-form-group input:disabled{opacity:.6;cursor:not-allowed}.login-form-group small{color:var(--text-muted);margin-top:6px;font-size:12px;display:block}.login-btn{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;margin-bottom:12px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:background .15s}.login-btn:hover:not(:disabled){background:var(--primary-dark)}.login-btn:disabled{opacity:.55;cursor:not-allowed}.login-btn-ghost{background:var(--surface);width:100%;color:var(--text-secondary);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:12px;padding:11px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.login-btn-ghost:hover{background:var(--bg);border-color:#c8cdd8}.login-footer{text-align:center;color:var(--text-muted);margin-top:20px;font-size:13px}.login-footer a{color:var(--primary);font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}.login-alert{border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:500}.login-alert.error{background:var(--error-bg);color:var(--error);border:1px solid #fecdca}.login-alert.success{background:var(--success-bg);color:var(--success);border:1px solid #abefc6}.code-input{letter-spacing:8px;text-align:center;font-size:22px!important;font-weight:700!important}.password-field{align-items:center;display:flex;position:relative}.password-field input{flex:1;padding-right:44px}.password-field button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;width:auto;margin:0;padding:6px;font-size:17px;transition:color .15s;display:flex;position:absolute;right:12px}.password-field button:hover:not(:disabled){color:var(--text);background:0 0}.page-loader{background:var(--primary);z-index:9999;transform-origin:0;height:3px;animation:.9s ease-in-out infinite alternate page-loader-slide;position:fixed;top:0;left:0;right:0}@keyframes page-loader-slide{0%{transform:scaleX(.2)}to{transform:scaleX(.85)}}