:root{font-family:Space Grotesk,Segoe UI,Trebuchet MS,sans-serif;line-height:1.45;font-weight:400;color:#18303b;background:linear-gradient(145deg,#eaf3fa,#d7e6f1,#f0f7f8,#e3edf7,#eaf3fa,#d7e6f1,#063c74 80%,#08437b);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px}#root{min-height:100vh}.pending-alert strong{color:#e53e3e!important}.btn-accept{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff!important;border:none;border-radius:.5rem;font-weight:700;padding:.5rem 1.1rem;box-shadow:0 2px 8px #22c55e1a;cursor:pointer;transition:background .2s}.btn-accept:hover{background:linear-gradient(135deg,#16a34a,#22c55e)}.table-action-success{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;border:none;font-weight:700}.table-action-success:hover{background:linear-gradient(135deg,#16a34a,#22c55e)!important}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 2rem}.profile-field{display:flex;flex-direction:column;gap:.3rem}.profile-row--two{display:contents}.auth-page{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:100vh;width:100vw;padding:0;margin:0}.auth-highlight{color:#f4f8f8;padding:2rem;border-radius:1.25rem;background:linear-gradient(145deg,#144b50f0,#0b1f29f2),radial-gradient(circle at 15% 20%,rgba(95,220,188,.35),transparent 45%);box-shadow:0 18px 50px #04131d66}.eyebrow{color:#98f4cf;text-transform:uppercase;letter-spacing:.2em;font-weight:700;font-size:.75rem;margin:0 0 .8rem}.auth-highlight h1{font-size:clamp(2rem,3.2vw,2.8rem);line-height:1.1;margin:0 0 1rem}.auth-highlight p{margin:0;color:#dceff1}.auth-card{background:#fffffff2;border-radius:1.25rem;padding:2rem;box-shadow:0 18px 48px #0f1a2b33;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-status{display:flex;flex-direction:column;gap:1rem}.auth-status h2{margin:0;color:#0f3240}.auth-status p{margin:0;color:#507180}.form-hint{margin:0 0 .5rem;color:#507180;font-size:.92rem}.form-error{margin:0;padding:.6rem .85rem;border-radius:.6rem;background:#ffe8eb;color:#7c1f2a;font-size:.9rem;font-weight:600}.field-group{display:grid;gap:.32rem}.field-group label{font-size:.92rem;font-weight:600;color:#244957}.field-group input{width:100%;border:1px solid #c7d6de;border-radius:.7rem;padding:.7rem .82rem;font-size:.95rem;background:#f9fbfc;color:#132f3b;transition:border-color .15s,outline .15s}.field-group input:focus{outline:2px solid #1f8c9d;outline-offset:0;border-color:#1f8c9d}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;background:#edf4f6;border-radius:.9rem;padding:.35rem}.mode-switch button{border:none;border-radius:.65rem;background:transparent;color:#40656d;font-weight:700;padding:.65rem .75rem;transition:all .2s ease}.mode-switch button.is-active{background:linear-gradient(135deg,#063c74,#08437b);color:#fff;box-shadow:0 6px 14px #10687852}.form-header{margin:1.3rem 0 1rem}.form-header h2{margin:0 0 .45rem;color:#0f3240}.form-header p{margin:0;color:#507180}.auth-form{display:grid;gap:.85rem}.auth-form label{font-size:.92rem;font-weight:600;color:#244957;display:grid;gap:.35rem}.auth-form input[type=text],.auth-form input[type=email],.auth-form input[type=password]{width:100%;border:1px solid #c7d6de;border-radius:.7rem;padding:.7rem .82rem;font-size:.95rem;background:#f9fbfc;color:#132f3b}.auth-form input[type=text]:focus,.auth-form input[type=email]:focus,.auth-form input[type=password]:focus{outline:2px solid #1f8c9d;outline-offset:0;border-color:#1f8c9d}.checkbox-row{display:flex;align-items:center;gap:.55rem;color:#345a68;font-weight:500}.checkbox-row input{accent-color:#0f6f7d}.submit-btn{margin-top:.35rem;border:none;border-radius:.8rem;padding:.78rem 1rem;font-weight:700;background:linear-gradient(135deg,#063c74,#08437b);color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px #13447140}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.feedback{margin:1rem 0 0;border-radius:.7rem;padding:.65rem .85rem;font-size:.9rem;font-weight:600}.feedback.success{color:#0f5e3a;background:#dcfaeb}.feedback.error{color:#7c1f2a;background:#ffe8eb}.dashboard-page{min-height:100vh;display:grid;grid-template-columns:270px 1fr;padding:1rem;gap:1rem}.sidebar{background:linear-gradient(180deg,#063c74,#08437b);border-radius:1rem;padding:1.2rem 1rem;color:#e5f7f8;display:flex;flex-direction:column;box-shadow:0 12px 30px #06142461;height:100vh;min-height:100vh;justify-content:flex-start;position:relative}.sidebar-footer{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:stretch;position:absolute;left:0;bottom:0;padding:1rem;box-sizing:border-box}.brand span{font-size:.76rem;opacity:.72;text-transform:uppercase;letter-spacing:.13em}.brand strong{display:block;margin-top:.2rem;font-size:1.18rem}.menu{display:grid;gap:.48rem;margin-top:1.1rem}.menu button{border:none;border-radius:.66rem;padding:.68rem .7rem;text-align:left;background:#ffffff0f;color:#d8ecf0;font-weight:600;cursor:pointer}.menu button.active{background:linear-gradient(135deg,#063c74,#ff4a4a);color:#fff}.logout-btn{margin-top:auto;border:1px solid rgba(255,255,255,.34);border-radius:.66rem;padding:.68rem .7rem;background:transparent;color:#e8f8fc;cursor:pointer}.dashboard-content{border-radius:1rem;background:#f9fcfd;padding:1rem}.panel{background:#fff;border-radius:.9rem;padding:1rem;border:1px solid #dce8ec}.panel h2{margin-top:0;color:#183745}.overview-meta{margin:0 0 .9rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;color:#3c6473;font-weight:700;flex-wrap:wrap}.user-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .7rem;border-radius:999px;background:#edf6fb;color:#174a63;border:1px solid #d4e6f0}.user-logo{width:1.75rem;height:1.75rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#f4fbff;background:linear-gradient(135deg,#1d8ea1,#2a6a98);font-size:.78rem;font-weight:800;letter-spacing:.03em}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:.7rem}.stats-grid article{background:#f3f8fa;border:1px solid #d8e5eb;border-radius:.75rem;padding:.8rem;display:grid;gap:.2rem}.stats-grid span{color:#597583;font-size:.86rem}.stats-grid strong{color:#153645;font-size:1.2rem}.stats-grid small{color:#5a7683;font-weight:600}.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{text-align:left;padding:.62rem;border-bottom:1px solid #e2ecef;vertical-align:middle}.orders-table th{color:#365865;font-weight:700}.invoice-total-row td{background:#1a3c5e;color:#fff;padding:.75rem .62rem;border-bottom:none}.status-badge{display:inline-block;padding:.22rem .55rem;border-radius:999px;background:#e8f5f9;color:#1f5f73;font-size:.82rem;font-weight:700}.table-action-btn{border:none;border-radius:.5rem;padding:.45rem .65rem;background:#e9f2f7;color:#174c63;font-weight:700;cursor:pointer}.table-action-btn.is-active-view{background:linear-gradient(135deg,#063c74,#08437b);color:#fff}.toolbar-btn{min-height:2.5rem;padding:.6rem 1rem;display:inline-flex;align-items:center;justify-content:center;line-height:1}.table-action-btn:disabled{cursor:not-allowed;opacity:.65}.table-action-danger{background:#fdecef;color:#8b2230}.order-action{display:flex;align-items:center;gap:.45rem}.order-filters{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:.55rem;margin:0}.order-filters label{display:grid;gap:.28rem;color:#2d5361;font-weight:600;font-size:.85rem}.order-filters input,.order-filters select,.favorite-name-input,.favorite-select{border:1px solid #c7d6de;border-radius:.55rem;padding:.5rem .58rem;background:#fbfdfe}.order-filters-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.order-filters-card{margin-top:.8rem;background:#f7fbfd;border:1px solid #d8e8ef;border-radius:.75rem;padding:.72rem}.order-filters-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.55rem}.order-filters-head h3{margin:0;color:#204756;font-size:.95rem}.favorite-card{margin:.65rem 0;background:#f7fbfd;border:1px solid #d8e8ef;border-radius:.75rem;padding:.72rem}.favorite-title{margin-bottom:.45rem;color:#204756;font-size:.9rem;font-weight:700}.favorite-name-input{min-width:200px}.favorite-select{min-width:180px}.status-select-wrap{position:relative;min-width:220px}.status-select-wrap:after{content:"";position:absolute;right:.75rem;top:50%;width:.5rem;height:.5rem;border-right:2px solid #1b6074;border-bottom:2px solid #1b6074;transform:translateY(-65%) rotate(45deg);pointer-events:none}.status-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;border:1px solid #c7d6de;border-radius:999px;padding:.5rem 2rem .5rem .8rem;background:linear-gradient(180deg,#fff,#f3f8fb);color:#174c63;font-weight:700;box-shadow:0 4px 12px #1149631a;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.status-select:hover{border-color:#98b8c5}.status-select:focus{outline:none;border-color:#1f8c9d;box-shadow:0 0 0 3px #1f8c9d33;transform:translateY(-1px)}@media (max-width: 900px){.order-action{flex-direction:column;align-items:stretch}.status-select-wrap{min-width:0;width:100%}.order-filters{grid-template-columns:1fr}.order-filters-head{flex-direction:column;align-items:stretch}.favorite-name-input,.favorite-select{min-width:0;width:100%}}.profile-form{display:grid;gap:.7rem;max-width:560px}.profile-form label{display:grid;gap:.3rem;font-weight:600;color:#2d5361}.profile-form input{border:1px solid #c7d6de;border-radius:.62rem;padding:.67rem}.password-input-wrap{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.password-input-wrap input{width:100%}.password-toggle-btn{border:1px solid #b8ced8;background:#f4fafc;color:#245063;border-radius:.55rem;padding:.5rem .65rem;font-weight:700;cursor:pointer;white-space:nowrap}.password-toggle-btn:hover{background:#e6f3f8}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.detail-meta{margin:.75rem 0 1rem;display:flex;flex-wrap:wrap;gap:.9rem;color:#325765;font-weight:600;font-size:.92rem}.pagination{margin-top:.9rem;display:flex;align-items:center;justify-content:flex-end;gap:.65rem;color:#29586a;font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#091b2673;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-card{width:min(560px,100%);background:#fff;border-radius:.85rem;border:1px solid #d8e8ef;padding:1rem;box-shadow:0 18px 40px #081f2e40}.modal-card h3{margin:0 0 .5rem;color:#1d4455}.history-title{margin:1rem 0 .65rem;color:#1f4251}.products-create{display:grid;grid-template-columns:1.4fr 1fr .8fr auto;gap:.6rem;margin-bottom:1rem;align-items:end}.products-field{display:grid;gap:.3rem}.products-field label{color:#2d5361;font-weight:700;font-size:.88rem}.products-field input,.product-price-input{border:1px solid #c7d6de;border-radius:.62rem;padding:.58rem .65rem;background:#fbfdfe}.product-price-input{max-width:130px}.products-toolbar{display:flex;align-items:center;gap:.55rem;margin-bottom:.9rem}.products-filters-card{margin-bottom:.7rem;background:#f7fbfd;border:1px solid #d8e8ef;border-radius:.75rem;padding:.72rem}.products-filters-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:.55rem}.products-filters-grid label{display:grid;gap:.28rem;color:#2d5361;font-weight:600;font-size:.85rem}.products-filters-grid input,.products-filters-grid select{border:1px solid #c7d6de;border-radius:.55rem;padding:.5rem .58rem;background:#fbfdfe}.export-format-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:.6rem;margin:.6rem 0 .9rem}.export-option{border:1px solid #c7d6de;border-radius:.65rem;padding:.7rem;display:flex;align-items:center;gap:.5rem;background:#fbfdfe;font-weight:700;color:#1f495a}.export-option.is-selected{border-color:#1f8c9d;box-shadow:0 0 0 2px #1f8c9d29;background:#f1fbff}.file-btn{position:relative;overflow:hidden}.file-btn input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.product-form-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:.7rem;margin-bottom:1rem}.product-form-grid label{display:grid;gap:.28rem;color:#2d5361;font-weight:600}.product-form-grid input,.product-form-grid textarea{border:1px solid #c7d6de;border-radius:.62rem;padding:.62rem;background:#fbfdfe}.product-form-wide{grid-column:1 / -1}.planning-text{margin:.15rem 0 .8rem;color:#3d6270;font-weight:600}.planning-intro{margin:.2rem 0 .85rem;color:#3d6270;font-weight:600;line-height:1.35}.planning-hero-card{margin:0 0 1rem;background:#fff;border:1px solid #e0e8ee;border-radius:1rem;padding:1.5rem 1.2rem;text-align:center}.planning-hero-title{margin:0;color:#0d4c86;font-size:2rem;font-weight:800}.planning-hero-switch{margin:1.2rem auto .95rem;width:min(380px,100%);border:none;border-radius:999px;padding:.65rem;background:#d8dde2;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color .25s ease}.planning-hero-switch:disabled{opacity:.72;cursor:not-allowed}.planning-hero-switch.is-open{background:#4caf50}.planning-hero-switch.is-closed{background:#e25555}.planning-hero-switch-label{padding-left:1.1rem;color:#fff;font-size:1.35rem;font-weight:800;letter-spacing:.02em}.planning-hero-switch-knob{width:78px;height:78px;border-radius:999px;background:#fff;box-shadow:0 6px 14px #00000024;position:relative}.planning-hero-switch-knob:after{content:"";position:absolute;top:50%;left:50%;width:34px;height:34px;border-radius:999px;transform:translate(-50%,-50%);background:#9aa6b2}.planning-hero-switch.is-open .planning-hero-switch-knob:after{background:#03b803}.planning-hero-switch.is-closed .planning-hero-switch-knob:after{background:#da2f2f}.planning-hero-message{margin:0;color:#4e6572;font-size:1.12rem;font-weight:700}.planning-hero-message.is-open{color:#41a84f}.planning-hero-message.is-closed{color:#d24545}.planning-hero-saving{margin:-.35rem 0 .6rem;color:#466273;font-size:.92rem;font-weight:600}.planning-status-row{display:flex;align-items:center;gap:.7rem;margin-bottom:.9rem;flex-wrap:wrap}.planning-closed-badge{background:#fdecef;color:#8b2230}.planning-status-text{color:#36596a;font-weight:600}.planning-form-card{margin-bottom:.75rem;background:#f7fbfd;border:1px solid #d8e8ef;border-radius:.75rem;padding:.85rem}.planning-form-head{margin-bottom:.65rem}.planning-form-head h3{margin:0;color:#204756;font-size:1rem}.planning-help{margin:.35rem 0 0;color:#587684;font-size:.85rem;line-height:1.35}.planning-form-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:.7rem;align-items:end}.planning-form-grid label{display:grid;gap:.28rem;color:#2d5361;font-weight:600;font-size:.85rem}.planning-form-grid input,.planning-form-grid select{border:1px solid #c7d6de;border-radius:.55rem;padding:.5rem .58rem;background:#fbfdfe}.planning-checkbox{display:inline-flex;align-items:center;gap:.45rem;height:2.2rem}.planning-checkbox input{accent-color:#0f6f7d}.planning-toggle{font-weight:700}.planning-toggle-help{grid-column:span 2;margin-top:-.3rem}.planning-reason-field{grid-column:span 2}.planning-form-actions{margin-top:.75rem}.planning-list-grid{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));gap:.75rem}.planning-list-card{background:#f3f8fa;border:1px solid #d8e5eb;border-radius:.75rem;padding:.75rem;min-height:130px}.planning-list-card h3{margin:0 0 .4rem;color:#1d4455;font-size:.95rem}.planning-item-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem 0;border-bottom:1px solid #e3edf1}.planning-item-text{color:#385f6f;font-size:.9rem;line-height:1.35}.planning-empty{margin:.2rem 0 0;color:#5a7683;font-weight:600}.stats-period{color:#436674;font-weight:700;margin:0 0 .8rem}@media (max-width: 900px){.auth-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh}.dashboard-page{grid-template-columns:1fr}.sidebar{min-height:auto}.stats-grid{grid-template-columns:1fr}.products-create{grid-template-columns:1fr;align-items:stretch}.product-form-grid,.products-filters-grid,.export-format-grid,.planning-form-grid{grid-template-columns:1fr}.planning-reason-field,.planning-toggle-help{grid-column:span 1}.planning-list-grid{grid-template-columns:1fr}.planning-hero-card{padding:1.05rem .8rem}.planning-hero-title{font-size:1.65rem}.planning-hero-switch{width:min(340px,100%)}.planning-hero-switch-label{padding-left:.75rem;font-size:1.12rem}.planning-hero-switch-knob{width:62px;height:62px}.planning-hero-switch-knob:after{width:28px;height:28px}.planning-hero-message{font-size:1rem}.product-price-input{max-width:none;width:100%}}.menu button{position:relative}.sidebar-notification-badge{position:absolute;top:50%;right:.6rem;transform:translateY(-50%);background:#e53e3e;color:#fff;font-size:.68rem;font-weight:700;min-width:1.25rem;height:1.25rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 .3rem;line-height:1}.notification-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;background:#0e2d3f;color:#e5f7f8;border-radius:.85rem;box-shadow:0 8px 24px #06142473;padding:.9rem 1rem;display:flex;align-items:center;gap:.75rem;max-width:340px;animation:toast-slide-in .25s ease-out}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.notification-toast-icon{font-size:1.3rem;flex-shrink:0}.notification-toast-body{flex:1;min-width:0}.notification-toast-title{margin:0;font-weight:700;font-size:.88rem}.notification-toast-subtitle{margin:.2rem 0 0;font-size:.78rem;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-toast-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.vt-summary{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.65rem 1rem;background:#f3f8fa;border:1px solid #d8e5eb;border-radius:.65rem}.vt-summary span{color:#597583;font-size:.88rem}.vt-avg{font-size:1.05rem;font-weight:700}.vt-badge{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.82rem;font-weight:700;border:1px solid transparent}.vt--fast{background:#e8f8ee;color:#166534;border-color:#bbf7d0}.vt--medium{background:#fff8e1;color:#92400e;border-color:#fde68a}.vt--slow{background:#fff0f0;color:#991b1b;border-color:#fecaca}.vt--na{background:#f1f5f9;color:#64748b;border-color:#e2e8f0}.notification-toast-btn-view{border:none;border-radius:.5rem;background:linear-gradient(135deg,#063c74,#08437b);color:#fff;font-size:.78rem;font-weight:700;padding:.35rem .65rem;cursor:pointer;white-space:nowrap}.notification-toast-btn-close{border:none;background:#ffffff1a;color:#a0c4cf;border-radius:.4rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem}.elapsed-timer{display:flex;flex-direction:column;gap:4px}.elapsed-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap}.elapsed--ok{background:#d1fae5;color:#065f46}.elapsed--late{background:#fee2e2;color:#991b1b;animation:pulse-red 1s infinite}.elapsed-warning{font-size:.72rem;color:#b91c1c;font-weight:600;margin:0}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.6}}