:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#13293d;background:#f4f7f9;font-synthesis:none;--navy: #13293d;--navy-2: #1e3d59;--blue: #1479b8;--teal: #168c89;--gold: #d8a736;--line: #dce5ea;--muted: #627683;--danger: #b13b3b;--shadow: 0 10px 30px rgba(19, 41, 61, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(140deg,#f7fafb,#eef3f6)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--navy)}h1{font-size:clamp(1.75rem,3vw,2.45rem);letter-spacing:-.04em;margin-bottom:.4rem}h2{font-size:1.15rem;margin-bottom:.6rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:1rem;background:#fff;padding:.7rem 1rem;z-index:100;border-radius:.5rem}.skip-link:focus{top:1rem}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:1.25rem 1rem;background:linear-gradient(180deg,#102638,#163b50);color:#e9f2f5;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:.8rem;padding:.35rem .5rem 1.6rem}.brand-mark,.avatar{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(145deg,#2eb3a5,#1b7daa);color:#fff;border-radius:12px;font-family:Manrope;font-weight:800;box-shadow:0 6px 18px #071f2b66}.brand strong,.brand span,.profile strong,.profile span{display:block}.brand span{color:#9db6c3;font-size:.78rem}.sidebar nav{display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.sidebar nav a{display:flex;align-items:center;gap:.75rem;color:#bcd0da;text-decoration:none;padding:.72rem .8rem;border-radius:.65rem;font-weight:500;transition:.18s}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ffffff13}.sidebar nav a.active{box-shadow:inset 3px 0 #2bb6a5}.profile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;margin-top:auto;padding:1rem .5rem .15rem;border-top:1px solid #ffffff19}.profile .avatar{width:36px;height:36px;font-size:.78rem}.profile strong{font-size:.82rem}.profile span{color:#9db6c3;font-size:.7rem;max-width:110px;overflow:hidden;text-overflow:ellipsis}.profile button,.close-menu{color:#bcd0da;background:none;border:0;cursor:pointer}.close-menu,.mobile-menu,.backdrop{display:none}.content{margin-left:260px;padding:2.2rem clamp(1.25rem,3vw,3.3rem) 5rem;min-height:100vh;max-width:1700px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.65rem}.eyebrow{margin:0 0 .3rem;color:var(--teal);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.eyebrow.light{color:#7ad7cc}.page-description,.card-heading p,.muted{color:var(--muted);margin-bottom:0}.page-action,.action-group{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:.45rem;min-height:42px;padding:.65rem 1rem;border:1px solid transparent;border-radius:.65rem;font-weight:700;cursor:pointer;text-decoration:none;transition:.18s;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-primary{background:var(--navy);color:#fff;box-shadow:0 6px 14px #13293d25}.button-primary:hover{background:#20455e}.button-secondary{background:#fff;color:var(--navy);border-color:#cbd9df}.button-danger{color:#9d2828;background:#fff1f0;border-color:#f0c6c3}.button-ghost{background:transparent;color:var(--muted);padding:.35rem .55rem;min-height:34px}.card{background:#fff;border:1px solid #e2e9ed;border-radius:1rem;box-shadow:var(--shadow);padding:1.25rem}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.2rem}.metric{display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;right:-20px;top:-25px;background:currentColor;opacity:.07}.metric-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:.8rem;background:#ecf4f8;color:var(--blue)}.metric strong,.metric span{display:block}.metric strong{font:800 1.7rem Manrope}.metric span{color:var(--muted);font-size:.85rem}.metric-teal .metric-icon{color:var(--teal);background:#e8f7f5}.metric-gold .metric-icon{color:#a77709;background:#fff6db}.metric-violet .metric-icon{color:#7456a4;background:#f3edfb}.metric-orange .metric-icon{color:#b4611f;background:#fff0e4}.metric-green .metric-icon{color:#26815f;background:#e9f7ef}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.card-heading a,.text-link{color:var(--blue);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem}.operation-list{display:flex;flex-direction:column}.operation-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.8rem 0;text-decoration:none;border-top:1px solid #edf1f3}.operation-row:first-child{border-top:0}.operation-row strong,.operation-row span{display:block}.operation-row span{font-size:.78rem;color:var(--muted)}.operation-type{width:38px;height:38px;display:grid;place-items:center;border-radius:.6rem;background:#eaf3fa;color:var(--blue)}.operation-type.dispatch{color:var(--teal);background:#e7f7f4}.progress-list{display:flex;flex-direction:column;gap:.65rem}.progress-list>div{display:flex;justify-content:space-between;padding:.75rem;background:#f7f9fa;border-radius:.6rem}.progress-list span{color:var(--muted)}.status{display:inline-flex;align-items:center;width:max-content;padding:.28rem .55rem;border-radius:1rem;background:#edf2f4;color:#526a76;font-size:.72rem;font-weight:800;white-space:nowrap}.status-scheduled,.status-confirmed{background:#e6f1f9;color:#176697}.status-receiving,.status-inprogress,.status-arrived{background:#fff1d6;color:#8b5a00}.status-completed,.status-received,.status-closed,.status-active{background:#e3f5eb;color:#267250}.status-cancelled,.status-rejected{background:#fde8e6;color:#a23535}.status-submitted{background:#f0eaf9;color:#694696}.status-draft{background:#edf1f3;color:#61717a}.status-dispatched{background:#e1f5f2;color:#15706d}.filters,.agenda-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;background:#fff;border:1px solid var(--line);padding:.7rem;border-radius:.85rem}.filters label,.agenda-filters{display:flex;align-items:center;gap:.5rem}.filters .search{flex:1}.filters input,.filters select,.agenda-toolbar input,.agenda-toolbar select{border:0;outline:0;min-height:36px;background:transparent}.filters .search input{width:100%}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:.9rem;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:#71838d;background:#f7f9fa;padding:.8rem 1rem}td{padding:.9rem 1rem;border-top:1px solid #e9eef1;color:#405764}td strong{color:var(--navy)}.table-link{font-weight:700;color:var(--blue);text-decoration:none}.cell-subtitle{display:block;color:var(--muted);font-size:.75rem;margin-top:.2rem}.state,.empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}.empty-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#e9f1f4;color:var(--navy);font-weight:800;margin-bottom:.7rem}.empty h3{margin-bottom:.3rem}.empty p{max-width:380px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabs{display:flex;background:#edf2f4;padding:.25rem;border-radius:.65rem}.tabs button{border:0;background:none;padding:.45rem .8rem;border-radius:.5rem;cursor:pointer;color:var(--muted);font-weight:700}.tabs button[data-state=active]{background:#fff;color:var(--navy);box-shadow:0 2px 8px #13293d18}.agenda-filters{gap:.8rem}.agenda-list{display:flex;flex-direction:column;gap:.65rem}.agenda-item{display:grid;grid-template-columns:72px auto 1fr auto;align-items:center;gap:.9rem;background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue);padding:.9rem 1rem;border-radius:.75rem;text-decoration:none;box-shadow:0 5px 16px #13293d08}.agenda-dispatch{border-left-color:var(--teal)}.agenda-item time{font:800 1.05rem Manrope}.agenda-icon{width:38px;height:38px;display:grid;place-items:center;background:#edf4f8;color:var(--blue);border-radius:.6rem}.agenda-dispatch .agenda-icon{color:var(--teal);background:#e7f7f4}.agenda-item strong,.agenda-item span{display:block}.agenda-item span{font-size:.77rem;color:var(--muted)}.stepper{display:flex;list-style:none;padding:0;margin:0 0 1rem;overflow:auto}.stepper li{min-width:130px;flex:1}.stepper button{width:100%;border:0;border-bottom:3px solid #dce5ea;background:none;padding:.55rem;color:#758791;font-size:.72rem;cursor:pointer}.stepper button span{display:grid;place-items:center;margin:0 auto .35rem;width:25px;height:25px;border:1px solid #cbd9df;border-radius:50%;background:#fff}.stepper .active button{color:var(--navy);border-color:var(--blue);font-weight:800}.stepper .active span,.stepper .complete span{background:var(--blue);color:#fff;border-color:var(--blue)}.wizard-card{min-height:420px}.wizard-heading{border-bottom:1px solid #e9eef1;margin:-.2rem 0 1.2rem;padding-bottom:.8rem}.wizard-heading span{font-size:.72rem;color:var(--muted)}.wizard-actions,.sticky-actions{display:flex;justify-content:space-between;gap:.7rem;margin-top:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field{display:flex;flex-direction:column;gap:.35rem;color:#3e5663;font-size:.82rem;font-weight:700}.field input,.field select,.field textarea,.inline-form input,.catalog-layout select,.comment-box textarea{width:100%;border:1px solid #cddae0;border-radius:.58rem;padding:.67rem .72rem;background:#fff;color:var(--navy);outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1479b817}.field small{font-weight:400;color:var(--muted)}.field-error{color:var(--danger)!important}.check,.toggle{display:flex;align-items:center;gap:.55rem;color:#405764;font-weight:600}.check input,.toggle input{width:17px;height:17px;accent-color:var(--blue)}.privacy-note{background:#eef7f8;color:#305f69;padding:.8rem 1rem;border-left:3px solid var(--teal);border-radius:.5rem;margin-bottom:1rem}.line-editor{display:flex;flex-direction:column;gap:1rem}.goods-line{border:1px solid #dde6ea;padding:1rem;border-radius:.75rem;background:#fafcfc}.line-heading{display:flex;align-items:center;justify-content:space-between}.upload-placeholder{min-height:260px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.upload-placeholder svg{width:42px;height:42px;color:var(--teal);margin-bottom:.8rem}.confirmation{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.confirmation>div{background:#f6f9fa;padding:.8rem;border-radius:.6rem}.confirmation span,.confirmation strong{display:block}.confirmation span{font-size:.72rem;color:var(--muted);margin-bottom:.25rem}.confirmation p{grid-column:1/-1;background:#eef7f8;padding:1rem;border-radius:.6rem;color:#315b66}.back-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--muted);text-decoration:none;font-weight:700;margin-bottom:1rem}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.span-2{grid-column:span 2}.detail-section h2{border-bottom:1px solid #e9eef1;padding-bottom:.7rem}.data-list{display:flex;flex-direction:column;gap:.7rem}.data{display:flex;justify-content:space-between;gap:1rem}.data span{color:var(--muted);font-size:.78rem}.data strong{text-align:right;font-size:.85rem}.masked-note{font-size:.72rem;background:#fff6db;color:#795506;padding:.45rem;border-radius:.4rem}.goods-summary{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:.7rem;align-items:center;border-top:1px solid #edf1f3;padding:.75rem 0}.goods-summary:first-child{border:0}.goods-summary span,.goods-summary strong{display:block}.goods-summary span{font-size:.72rem;color:var(--muted)}.line-number{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#edf3f6;font-weight:800}.timeline>div{display:grid;grid-template-columns:auto 1fr;gap:.7rem;position:relative;padding-bottom:1rem}.timeline>div:not(:last-child):before{content:"";position:absolute;left:5px;top:12px;bottom:0;border-left:2px solid #dce5e9}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--teal);margin-top:.35rem;z-index:1}.timeline p{margin:.4rem 0 .2rem;color:#405764}.timeline small{color:var(--muted)}.comment-box{display:flex;flex-direction:column;gap:.5rem}.comment{border-top:1px solid #e9eef1;padding:.7rem 0}.comment p{margin-bottom:.2rem}.comment small{color:var(--muted)}.attachment{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;padding:.55rem 0;border-top:1px solid #e9eef1;font-size:.8rem}.attachment small{color:var(--muted)}.entry-lines{margin-top:1rem}.difference{display:flex;justify-content:space-between;align-items:center;border-radius:.6rem;padding:.65rem .8rem}.difference-ok{background:#e8f6ed;color:#267250}.difference-alert{background:#fff0e9;color:#9a4823}.sticky-actions{position:sticky;bottom:1rem;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.8rem;border:1px solid var(--line);border-radius:.8rem;box-shadow:var(--shadow)}.roles-layout,.catalog-layout{display:grid;grid-template-columns:300px 1fr;gap:1rem}.role-button{display:flex;width:100%;align-items:center;gap:.7rem;border:0;background:none;padding:.8rem;border-radius:.6rem;text-align:left;cursor:pointer}.role-button:hover,.role-button.active{background:#eef4f6}.role-button strong,.role-button small{display:block}.role-button small{color:var(--muted)}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem}.permission{display:flex;gap:.55rem;padding:.55rem;background:#f7f9fa;border-radius:.45rem;font-size:.8rem}.permission input{accent-color:var(--blue)}.inline-form{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.catalog-list>div{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:.7rem;padding:.65rem;border-top:1px solid #e9eef1}.code,code{font-family:ui-monospace,monospace;font-size:.75rem;background:#edf2f4;padding:.2rem .4rem;border-radius:.3rem}.success{color:#28815f}.danger{color:var(--danger)}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.dock-list{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.dock-list span{padding:.4rem .6rem;background:#edf3f5;border-radius:.45rem;font-size:.78rem}.integration-card{display:flex;align-items:center;gap:1.2rem;max-width:650px}.health-indicator{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#e5f5eb;color:#267250}.health-indicator.unhealthy{background:#fde9e7;color:var(--danger)}.health-indicator svg{width:34px;height:34px}.narrow-card{max-width:620px}.alert{padding:.8rem 1rem;border-radius:.55rem;margin-bottom:1rem}.alert-error{background:#fdebea;color:#8f3030;border:1px solid #f0c7c4}.alert-success{background:#e6f6ec;color:#286c4e;border:1px solid #bfe2cd}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.auth-panel{padding:clamp(2rem,6vw,6rem);display:flex;flex-direction:column}.auth-intro{justify-content:space-between;background:linear-gradient(150deg,#10283a,#145265);color:#dcecf0;position:relative;overflow:hidden}.auth-intro:after{content:"";position:absolute;width:460px;height:460px;border:1px solid #ffffff17;border-radius:50%;right:-180px;bottom:-180px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.auth-intro h1{color:#fff;font-size:clamp(2.3rem,5vw,4.4rem);max-width:700px}.auth-intro p{font-size:1.08rem;max-width:600px;color:#bcd2da}.auth-brand{display:flex;align-items:center;gap:.6rem;font-weight:800}.auth-form{justify-content:center;background:#fff}.auth-form form{width:min(420px,100%);margin:auto;display:flex;flex-direction:column;gap:1rem}.auth-form h2{font-size:2rem;margin:0}.auth-form p{color:var(--muted)}.auth-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:.8rem;background:#e8f5f4;color:var(--teal)}.auth-form .button{width:100%;margin-top:.4rem}.text-link{text-align:center;justify-content:center}.centered-page,.fullscreen-state{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card,.error-card{width:min(470px,100%);background:#fff;border:1px solid var(--line);border-radius:1rem;padding:2rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem}.error-card{text-align:center;align-items:center}.error-card>span{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#fdebea;color:var(--danger);font:800 1.6rem Manrope}@media(max-width:1000px){.metric-grid,.detail-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.span-2{grid-column:span 2}.auth-page{grid-template-columns:1fr}.auth-intro{display:none}.roles-layout,.catalog-layout,.cards-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translate(-105%);transition:.2s}.sidebar-open{transform:translate(0)}.content{margin-left:0;padding:4.6rem 1rem 4rem}.mobile-menu{display:grid;place-items:center;position:fixed;top:1rem;left:1rem;width:42px;height:42px;border:0;border-radius:.65rem;background:var(--navy);color:#fff;z-index:20}.close-menu{display:block;margin-left:auto}.backdrop{display:block;position:fixed;inset:0;background:#07151f99;border:0;z-index:25}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-action,.action-group{width:100%}.page-action .button{flex:1}.metric-grid{grid-template-columns:1fr 1fr}.filters,.agenda-toolbar{align-items:stretch;flex-direction:column}.filters label,.agenda-filters{width:100%}.form-grid,.confirmation,.permission-grid,.detail-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.goods-summary{grid-template-columns:auto 1fr}.agenda-item{grid-template-columns:56px auto 1fr}.agenda-item .status{display:none}.wizard-actions .button{flex:1}.cards-grid{grid-template-columns:1fr}}@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.metric{padding:1rem}.action-group .button{width:100%}.auth-panel{padding:1.5rem}.goods-line{padding:.8rem}.stepper li{min-width:95px}.stepper button{font-size:.64rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
