:root{--color-primary: #9c182b;--color-secondary: #64a936;--color-bg: #121212;--color-surface: #1e1e1e;--color-text: #f5f5f5;--color-muted: #888888;--color-white: #ffffff;--color-border: #2a2a2a;--color-focus: #c22b40;--radius-xs: 10px;--radius-sm: 14px;--radius-md: 18px;--radius-pill: 999px;--shadow-soft: 0 12px 28px rgba(0, 0, 0, .26);--shadow-strong: 0 22px 60px rgba(0, 0, 0, .4);--transition-fast: .18s ease;font-family:Outfit,Avenir Next,Segoe UI,sans-serif;line-height:1.45;color:var(--color-text)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at 15% -10%,rgba(156,24,43,.25),transparent 40%),radial-gradient(circle at 88% 0%,rgba(100,169,54,.12),transparent 35%),linear-gradient(180deg,#151515,#101010);color:var(--color-text);font-size:16px}p,h1,h2,h3,h4{margin:0}a{color:inherit}.page{min-height:100vh;padding:14px 12px 96px}.page-frame{max-width:980px;margin:0 auto;display:grid;gap:16px}.main-card{display:grid;gap:16px}.session-selection-controls{display:grid;gap:16px;justify-items:center}.session-selection-field,.session-selection-action{width:min(100%,460px)}.session-selection-field .field-label{text-align:center}.session-selection-select{text-align:center;text-align-last:center}.surface-card{background:linear-gradient(180deg,#232323f2,#1c1c1cf2);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:14px}.surface-card--elevated{box-shadow:var(--shadow-strong)}.surface-card--subtle{background:#ffffff05}.topbar{display:grid;gap:12px}.topbar__brand-block{display:flex;align-items:center;gap:10px}.topbar__logo{width:58px;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.28))}.topbar__brand-name{font-weight:500;font-size:.94rem;letter-spacing:.02em}.topbar__brand-sub{color:var(--color-muted);font-size:.78rem;letter-spacing:.02em}.topbar__content{display:grid;gap:6px}.topbar__back-link{color:#d9d9d9;font-size:.9rem;text-decoration:none;width:fit-content;min-height:44px;display:inline-flex;align-items:center;transition:color var(--transition-fast)}.topbar__back-link:hover{color:var(--color-white)}.topbar__title{font-size:1.52rem;line-height:1.2;font-weight:500;letter-spacing:.01em}.topbar__title-row{display:flex;align-items:center;gap:8px}.topbar__title-icon-link{width:30px;height:30px;border-radius:8px;color:#dbdbdb;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);background:#ffffff05;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.topbar__title-icon-link:hover{color:#fff;border-color:#ffffff4d;background:#ffffff0f;transform:translateY(-1px)}.topbar__title-icon-link svg{width:17px;height:17px;fill:currentColor}.topbar__subtitle{color:var(--color-muted);font-size:.96rem}.section-kicker{color:var(--color-secondary);text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;font-weight:500}.section-title{font-size:1.1rem;font-weight:500}.stack-md{display:grid;gap:12px}.stack-lg{display:grid;gap:18px}.field{display:grid;gap:7px}.field-label{color:#e7e7e7;font-size:.9rem;font-weight:500;letter-spacing:.01em}.field-required{color:var(--color-primary);margin-left:4px}.field-message{color:var(--color-muted);font-size:.82rem}.field-message--error{color:#f08792;font-weight:500}.text-input,.text-area,select,.qty-input{width:100%;min-height:44px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid #3a3a3a;background:#0b0b0b9e;color:var(--color-text);font-family:inherit;font-size:.96rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}select option{background:#111;color:var(--color-text)}.text-area{min-height:96px;resize:vertical}.field--invalid .text-input,.field--invalid .text-area{border-color:#f08792}.text-input:focus-visible,.text-area:focus-visible,select:focus-visible,.qty-input:focus-visible,.ui-button:focus-visible,.primary-link:focus-visible,.text-link:focus-visible,.point-card__address-link:focus-visible,.point-details-toggle:focus-visible,.product-compact-note-trigger:focus-visible,.topbar__title-icon-link:focus-visible,.toast__close:focus-visible{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px #c22b404d}.muted{color:var(--color-muted);font-size:.92rem}.ui-button{border:1px solid transparent;border-radius:var(--radius-sm);min-height:44px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:500;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.ui-button--full{width:100%}.ui-button__content{white-space:nowrap}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:active:not(:disabled){transform:translateY(0)}.ui-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.ui-button--primary{background:linear-gradient(160deg,#b51f35,#871223);color:var(--color-white);border-color:#ffffff14}.ui-button--primary:hover:not(:disabled){background:linear-gradient(160deg,#c8263d,#941526)}.ui-button--secondary{background:#ffffff0a;color:#e6e6e6;border-color:#ffffff26}.ui-button--ghost{background:transparent;color:#e1e1e1;border-color:#ffffff29}.ui-button--ghost:hover:not(:disabled){background:#ffffff0d}.ui-button--destructive{background:#8f1f2e;color:var(--color-white);border-color:#af3143}.primary-link{text-decoration:none;min-height:44px;border-radius:var(--radius-sm);padding:10px 14px;background:linear-gradient(160deg,#b51f35,#871223);color:var(--color-white);display:inline-flex;align-items:center;justify-content:center;font-weight:500;transition:transform var(--transition-fast)}.primary-link:hover{transform:translateY(-1px)}.text-link{min-height:44px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.17);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#dedede;font-weight:400;transition:background var(--transition-fast)}.text-link:hover{background:#ffffff0d}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kpi-card{padding:8px 10px;min-height:auto}.kpi-compact{font-size:.86rem;font-weight:400;color:#d9d9d9;line-height:1.2;text-align:center}.kpi-compact__value{font-size:1.16rem;font-weight:600}.kpi-compact--delivered{color:#b8e89d}.kpi-compact__value--delivered{color:var(--color-secondary)}.kpi-compact--issues{color:#ffd1a5}.kpi-compact__value--issues{color:#ff9f43}.point-list{display:grid;gap:12px}.point-card{display:grid;gap:11px}.point-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.point-card__title{font-size:1.06rem;font-weight:500}.point-card__address{margin-top:3px;font-size:.92rem}.point-card__address-link{color:#d8d8d8;text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.35);transition:color var(--transition-fast),border-color var(--transition-fast)}.point-card__address-link:hover{color:#fff;border-bottom-color:#c22b40e6}.point-card__meta{display:grid;gap:4px}.point-note-row{display:flex;align-items:flex-start;gap:6px}.point-details-toggle{flex-shrink:0;width:22px;height:22px;border:0;border-radius:6px;background:transparent;color:#d6d6d6;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:transform var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.point-details-toggle:hover{background:#ffffff0d;color:#fff}.point-details-toggle svg{width:16px;height:16px;fill:currentColor;transform-origin:center;transform:rotate(0);transition:transform var(--transition-fast)}.point-details-toggle.is-open svg{transform:rotate(90deg)}.point-details-content{display:grid;gap:4px;margin-top:2px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:#ffffff05}.pod-chip{width:fit-content}.point-card__actions{display:grid;gap:8px}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:26px;border-radius:var(--radius-pill);padding:4px 10px;font-size:.78rem;font-weight:500;letter-spacing:.02em;border:1px solid transparent}.status-chip--pending{color:#dadada;background:#ffffff14;border-color:#ffffff1f}.status-chip--progress{color:#f7df97;background:#cea72329;border-color:#cea72366}.status-chip--delivered{color:#a6dc88;background:#64a93629;border-color:#64a93666}.status-chip--issue{color:#f6a7b1;background:#9c182b3d;border-color:#9c182b73}.status-chip--success{color:#bef1a1;background:#64a9362e;border-color:#64a93680}.inline-alert{display:flex;gap:10px;align-items:flex-start;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#ffffff05;padding:11px 12px}.inline-alert__icon{width:9px;height:9px;border-radius:50%;margin-top:.38rem;flex-shrink:0}.inline-alert__title{font-size:.88rem;font-weight:500;margin-bottom:2px}.inline-alert__text{color:#ddd;font-size:.89rem}.inline-alert--info .inline-alert__icon{background:#b9b9b9}.inline-alert--success{border-color:#64a9366b;background:#64a9361c}.inline-alert--success .inline-alert__icon{background:var(--color-secondary)}.inline-alert--error{border-color:#c13f5180;background:#9c182b2b}.inline-alert--error .inline-alert__icon{background:#f08792}.point-detail-card{padding-bottom:92px}.note-block{display:grid;gap:14px;padding:0 0 14px;border-bottom:1px solid rgba(255,255,255,.1)}.note-block:last-of-type{padding-bottom:2px;border-bottom:0}.note-card__header{display:grid;gap:6px}.note-card__title{font-size:1rem;font-weight:500}.note-card__kg{font-size:.86rem}.segment-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.segment-option{min-height:44px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center;padding:10px;color:#e2e2e2;font-size:.9rem;font-weight:400;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.segment-option.is-active{background:#9c182b42;border-color:#c22b40b3;color:var(--color-white)}.segment-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.products-mobile-list{display:grid;gap:6px}.product-compact-item{display:grid;gap:5px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff05}.product-compact-line1{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.product-compact-name{font-size:.88rem;color:#e6e6e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-compact-code{font-size:.72rem;color:#cfcfcf;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.product-compact-line2{display:grid;grid-template-columns:minmax(70px,1fr) auto 34px;align-items:center;gap:6px}.product-compact-ordered{font-size:.76rem;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-compact-qty-wrap{display:inline-flex;align-items:center;gap:6px;justify-self:end}.product-compact-qty-label{font-size:.72rem;color:#b8b8b8;letter-spacing:.02em;white-space:nowrap}.product-compact-qty,.product-compact-note{min-height:34px;padding:6px 8px;font-size:.82rem;border-radius:10px}.product-compact-qty{width:4.5ch;min-width:4.5ch;max-width:4.5ch;min-height:30px;padding:4px;text-align:center}.product-compact-note-trigger{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff08;color:#d7d7d7;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.product-compact-note-trigger:hover{transform:translateY(-1px);background:#ffffff14;color:#fff}.product-compact-note-trigger.is-filled{border-color:#9c182bcc;background:#9c182b29;color:#ffc7cf}.product-compact-note-trigger svg{width:15px;height:15px;fill:currentColor}.product-compact-note-trigger:disabled{opacity:.45;cursor:not-allowed;transform:none}.line-note-modal{gap:10px}.line-note-modal__product{margin-top:-2px}.line-note-modal__textarea{min-height:120px}.point-secondary-risk{justify-self:center;width:92%;min-height:40px;padding:8px 12px;font-size:.84rem;opacity:.88}.point-secondary-risk.is-armed{opacity:1}.products-desktop-table{display:none}.table-scroll{overflow-x:auto}.products-table{width:100%;min-width:640px;border-collapse:collapse;border-spacing:0}.products-table th,.products-table td{border-bottom:1px solid rgba(255,255,255,.1);padding:9px 8px;text-align:left;vertical-align:top;font-size:.87rem}.products-table th{color:#cbcbcb;font-weight:500}.pod-evidence-card{display:grid;gap:12px}.evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.evidence-label{color:var(--color-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.sticky-actions{position:sticky;bottom:8px;z-index:10;display:grid;gap:8px;padding:10px;border-radius:var(--radius-sm);background:#101010db;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;padding:12px;display:grid;align-items:end;background:#0000009e}.modal-card{width:100%;max-width:720px;margin:0 auto;border-radius:20px 20px 16px 16px;border:1px solid var(--color-border);background:linear-gradient(180deg,#222,#1a1a1a);box-shadow:var(--shadow-strong);padding:16px;display:grid;gap:12px}.modal-title{font-size:1.25rem;font-weight:500}.modal-intro{margin-top:-3px}.modal-geo-note{font-size:.84rem}.modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px}.flow-stepper{margin:2px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.flow-stepper__item{display:grid;gap:5px;justify-items:center;text-align:center}.flow-stepper__dot{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;border:1px solid rgba(255,255,255,.2);background:#ffffff08;color:#c8c8c8}.flow-stepper__label{color:var(--color-muted);font-size:.78rem}.flow-stepper__item.is-active .flow-stepper__dot{border-color:#c22b40d9;color:var(--color-white)}.flow-stepper__item.is-complete .flow-stepper__dot{border-color:#64a9368c;background:#64a93633;color:#d8ffd0}.flow-stepper__item.is-active .flow-stepper__label,.flow-stepper__item.is-complete .flow-stepper__label{color:#dfdfdf}.signature-wrapper{border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);overflow:hidden;background:#ffffff05}.signature-canvas{width:100%;height:190px;display:block;background:#fff}.signature-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px}.signature-action-button{min-height:36px;padding:6px 10px}.signature-status{color:var(--color-muted);font-size:.82rem;margin-left:auto}.signature-status.is-captured{color:#b6e39a}.toast-viewport{position:fixed;inset:auto 10px 12px 10px;z-index:120;display:grid;gap:8px;pointer-events:none}.toast{pointer-events:auto;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#141414f2;padding:10px 12px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;box-shadow:var(--shadow-soft)}.toast--success{border-color:#64a93680}.toast--error{border-color:#c13f51a6}.toast__message{font-size:.88rem;color:#ececec}.toast__close{border:0;background:transparent;color:#c5c5c5;cursor:pointer;min-height:32px;min-width:32px;border-radius:8px;transition:background var(--transition-fast)}.toast__close:hover{background:#ffffff0f}.page-footer{color:var(--color-muted);font-size:.85rem}@media(min-width:720px){.page{padding:24px 22px 80px}.surface-card{padding:18px}.topbar__title{font-size:1.78rem}.point-card__actions{display:flex;flex-wrap:wrap}.sticky-actions{position:static;grid-template-columns:1fr 1fr;background:transparent;border:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.modal-backdrop{align-items:center}.modal-card{border-radius:18px;padding:20px}.toast-viewport{inset:auto 18px 16px auto;width:min(420px,calc(100vw - 30px))}}@media(min-width:980px){.products-mobile-list{display:none}.products-desktop-table{display:block}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}
