@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-color:#ececec;--bg-card:#f7f7f7;--bg-input:#f3f4f7;--text-primary:#15164d;--text-secondary:#6b7280;--primary-color:#15164d;--primary-hover:#0d0e3a;--accent-color:#17b45a;--accent-hover:#119449;--danger-color:#b3261e;--warning-bg:#efe38a;--warning-text:#5b4b00;--success-bg:#cfeed8;--success-text:#1e5e35;--error-bg:#f8c7c7;--error-text:#8a1c1c;--border-color:#e5e7eb;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 25px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex}h1{color:var(--text-primary);font-size:1.75rem;font-weight:700}h2{color:var(--text-primary);font-size:1.25rem;font-weight:700}.container{width:100%;max-width:1600px;margin:0 auto;padding:1.5rem}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:box-shadow .2s}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}input,select,textarea{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #15164d1a}input:disabled,textarea:disabled,select:disabled{opacity:.7;cursor:not-allowed}button{cursor:pointer;border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}button:active{transform:scale(.98)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-sm)}.btn-accent{background-color:var(--accent-color);color:#fff}.btn-accent:hover{background-color:var(--accent-hover);box-shadow:var(--shadow-sm)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#8f1e18}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);background-color:#0000}.btn-ghost:hover{background-color:var(--border-color);color:var(--text-primary)}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.checkbox-container input[type=checkbox]{cursor:pointer;width:1.2rem;height:1.2rem}.status-card{border-radius:var(--radius-md);padding:1rem}.status-success{background-color:var(--success-bg);color:var(--success-text)}.status-warning{background-color:var(--warning-bg);color:var(--warning-text)}.status-error{background-color:var(--error-bg);color:var(--error-text)}.status-disabled{background-color:var(--border-color);color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mobile-tab-bar{display:none}.mobile-tab-panel{display:block}@media (max-width:767px){.desktop-two-col{flex-direction:column!important;height:auto!important;overflow:visible!important}.desktop-right-col{display:none!important}.desktop-left-col{border-right:none!important;flex:none!important;width:100%!important;padding:0!important;overflow:visible!important}.app-header{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem!important}.app-header h1{font-size:.95rem!important}.app-header p{font-size:.72rem!important}.app-header img{height:30px!important}.mobile-tab-bar{z-index:100;background:var(--primary-color);padding-bottom:env(safe-area-inset-bottom,0px);border-top:2px solid #ffffff1a;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000004d}.mobile-tab-btn{color:#ffffff80;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;min-height:0;padding:.65rem .25rem;font-size:.58rem;font-weight:600;transition:color .2s,background .2s;display:flex}.mobile-tab-btn svg{stroke-width:1.8px;width:22px;height:22px}.mobile-tab-btn.active{color:#fff;background:#ffffff1f}.mobile-content-area{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}.mobile-tab-panel{padding:1.25rem 1rem 2rem;animation:.22s forwards fadeIn;display:none}.mobile-tab-panel[data-active=true]{display:block}input,select,textarea{border-radius:10px;padding:.85rem 1rem;font-size:1rem}button{min-height:44px}.sim-top-fields{flex-direction:column!important;gap:.75rem!important}.sim-top-fields>div{flex:none!important;width:100%!important}.sim-controls-row{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;margin-bottom:1.25rem!important}.product-table-header{display:none!important}.product-row{flex-direction:column!important;gap:.6rem!important;padding:1rem!important}.product-row>div{flex:none!important;width:100%!important}.product-qty-unit{flex:none!important;grid-template-columns:1fr 1fr!important;gap:.6rem!important;width:100%!important;display:grid!important}.product-qty-unit>div{flex:none!important;width:100%!important}.product-delete-btn{justify-content:flex-end;display:flex}}.mobile-only{display:none!important}@media (max-width:768px){.mobile-only,.mobile-tab-panel.mobile-only[data-active=true]{display:block!important}}