:root{color:#243b53;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--navy-950:#0b2032;--navy-900:#102a43;--navy-800:#183b56;--navy-700:#244e68;--teal-700:#087f75;--teal-600:#0f9688;--teal-100:#d9f3ef;--blue-100:#e2efff;--blue-700:#1769aa;--green-100:#dff5e9;--green-700:#157347;--amber-100:#fff1d6;--amber-700:#a86107;--red-100:#fee7e7;--red-700:#b4232c;--slate-25:#fbfcfd;--slate-50:#f7f9fb;--slate-100:#edf1f5;--slate-200:#d9e2ec;--slate-300:#bcccdc;--slate-500:#627d98;--slate-600:#486581;--slate-700:#334e68;--slate-900:#102a43;--white:#fff;--shadow-sm:0 1px 2px #0f2a430d;--shadow-md:0 12px 30px #0f2a431a;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;background:#f4f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f4f7fa;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin-top:0}svg{display:block}::selection{color:var(--navy-950);background:#a9e3da}:focus-visible{outline-offset:2px;outline:3px solid #0f968852}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:40;color:#dce8f2;background:radial-gradient(circle at 18% 4%, #1f968c33, transparent 28%), linear-gradient(180deg, var(--navy-900), var(--navy-950));border-right:1px solid #ffffff0f;flex-direction:column;width:264px;transition:width .2s,transform .22s;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:82px;padding:0 22px;display:flex}.brand__mark{width:39px;height:39px;color:var(--white);letter-spacing:-1px;background:linear-gradient(145deg,#23aa9b,#0b7b71);border-radius:11px;place-items:center;font-size:21px;font-weight:800;display:grid;box-shadow:0 8px 20px #00000038}.brand strong,.brand span{display:block}.brand strong{color:var(--white);letter-spacing:.08em;font-size:17px;line-height:1.15}.brand span{color:#9fb7c9;letter-spacing:.12em;text-transform:uppercase;margin-top:3px;font-size:11px}.navigation{flex:1;padding:22px 14px}.navigation__group+.navigation__group{margin-top:23px}.navigation__label{color:#7f9bb0;letter-spacing:.15em;text-transform:uppercase;margin:0 10px 8px;font-size:10px;font-weight:700}.navigation__item{color:#bed0de;border-radius:9px;align-items:center;gap:12px;min-height:43px;padding:0 11px;font-size:13px;font-weight:550;text-decoration:none;transition:color .16s,background .16s,transform .16s;display:flex}.navigation__item+.navigation__item{margin-top:3px}.navigation__item svg{color:#88a8bd;flex:none;width:18px;height:18px}.navigation__item:not(.navigation__item--disabled):hover{color:var(--white);background:#ffffff0f;transform:translate(2px)}.navigation__item--active{color:var(--white);background:linear-gradient(90deg,#1a9e9147,#1a9e911f);box-shadow:inset 3px 0 #3bc0b0}.navigation__item--active svg{color:#64d5c8}.navigation__item--disabled{opacity:.58;cursor:default}.navigation__item small{color:#97afbf;background:#ffffff0f;border-radius:20px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:600}.sidebar__footer{color:#7896aa;border-top:1px solid #ffffff12;padding:17px 23px 22px;font-size:10px}.sidebar__version{color:#a9c0cf;letter-spacing:.06em;margin-bottom:4px;font-weight:700}.app-main{width:calc(100% - 264px);min-height:100vh;margin-left:264px;transition:width .2s,margin-left .2s}.topbar{z-index:25;border-bottom:1px solid var(--slate-200);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(22px,3vw,42px);display:flex;position:sticky;top:0}.topbar__title{align-items:center;gap:14px;display:flex}.topbar__title span,.topbar__title strong{display:block}.topbar__title span{color:var(--slate-500);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:10px;font-weight:650}.topbar__title strong{color:var(--navy-900);font-size:18px}.profile-chip{align-items:center;gap:10px;display:flex}.profile-chip__avatar{color:#086c63;background:var(--teal-100);border:1px solid #b9e5df;border-radius:50%;place-items:center;width:37px;height:37px;font-size:12px;font-weight:800;display:grid}.profile-chip__text strong,.profile-chip__text span{display:block}.profile-chip__text strong{color:var(--slate-900);font-size:12px}.profile-chip__text span{color:var(--slate-500);margin-top:2px;font-size:10px}.page-content{width:min(100%,1500px);margin:0 auto;padding:32px clamp(22px,3vw,42px) 52px}.eyebrow{color:var(--teal-700);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:750;display:block}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-heading h1{color:var(--navy-900);letter-spacing:-.035em;margin:7px 0;font-size:clamp(26px,2.2vw,34px);line-height:1.1}.page-heading p{color:var(--slate-500);margin:0;font-size:13px}.button{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button svg{width:17px;height:17px}.button:not(:disabled):hover{transform:translateY(-1px)}.button:disabled{opacity:.58}.button--primary{color:var(--white);background:var(--teal-700);box-shadow:0 5px 14px #087f752e}.button--primary:not(:disabled):hover{background:#066e66;box-shadow:0 8px 18px #087f753d}.button--secondary{color:var(--slate-700);background:var(--white);border-color:var(--slate-200)}.button--secondary:not(:disabled):hover{background:var(--slate-50);border-color:var(--slate-300)}.icon-button{width:37px;height:37px;color:var(--slate-600);background:var(--white);border:1px solid var(--slate-200);border-radius:9px;place-items:center;padding:0;display:inline-grid}.icon-button:hover:not(:disabled){color:var(--navy-900);background:var(--slate-50)}.icon-button:disabled{opacity:.4}.icon-button svg{width:18px;height:18px}.mobile-menu{display:none}.desktop-sidebar-toggle{border-radius:8px;width:31px;height:31px}@media (width>=841px){.app-shell--sidebar-collapsed .sidebar{width:78px}.app-shell--sidebar-collapsed .app-main{width:calc(100% - 78px);margin-left:78px}.sidebar--collapsed .brand{justify-content:center;padding-inline:0}.sidebar--collapsed .brand>div:last-child{display:none}.sidebar--collapsed .navigation{padding-inline:12px}.sidebar--collapsed .navigation__group+.navigation__group{border-top:1px solid #ffffff12;margin-top:14px;padding-top:14px}.sidebar--collapsed .navigation__label,.sidebar--collapsed .navigation__item>span,.sidebar--collapsed .navigation__item>small,.sidebar--collapsed .sidebar__footer{display:none}.sidebar--collapsed .navigation__item{justify-content:center;gap:0;padding:0}.sidebar--collapsed .navigation__item:hover{transform:none}.sidebar--collapsed .navigation__item--active{box-shadow:inset 0 0 0 1px #64d5c838}}.dashboard-page{gap:22px;display:grid}.welcome-card{min-height:188px;color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:radial-gradient(circle at 82% 30%,#40ccbc4d,#0000 24%),linear-gradient(118deg,#0c2a43,#15445d 62%,#0d6b68);align-items:center;padding:35px 38px;display:flex;position:relative;overflow:hidden}.welcome-card:after{content:"";border:30px solid #ffffff0d;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-130px;right:-76px}.welcome-card .eyebrow{color:#7ce3d6}.welcome-card h1{letter-spacing:-.04em;max-width:630px;margin:10px 0 9px;font-size:clamp(25px,3vw,38px);line-height:1.08}.welcome-card p{color:#c6dce8;max-width:590px;margin:0;font-size:13px}.welcome-card__accent{color:#ffffffc7;background:#ffffff14;border:1px solid #ffffff26;border-radius:26px;place-items:center;width:95px;height:95px;display:grid;position:absolute;right:clamp(32px,7vw,110px);transform:rotate(-4deg)}.welcome-card__accent svg{width:48px;height:48px}.summary-grid,.partner-counts{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.summary-card,.partner-count-card{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-md);min-height:124px;box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:20px;display:flex}.summary-card__icon,.partner-count-card__icon{border-radius:12px;flex:none;place-items:center;width:45px;height:45px;display:grid}.summary-card__icon svg,.partner-count-card__icon svg{width:22px;height:22px}.summary-card__icon--blue,.partner-count-card__icon--blue{color:var(--blue-700);background:var(--blue-100)}.summary-card__icon--green,.partner-count-card__icon--green{color:var(--green-700);background:var(--green-100)}.summary-card__icon--amber,.partner-count-card__icon--amber{color:var(--amber-700);background:var(--amber-100)}.summary-card span,.summary-card strong,.summary-card small,.partner-count-card span,.partner-count-card strong,.partner-count-card small{display:block}.summary-card span,.partner-count-card span{color:var(--slate-500);font-size:11px;font-weight:600}.summary-card strong,.partner-count-card strong{color:var(--navy-900);letter-spacing:-.03em;margin:3px 0;font-size:25px;line-height:1.15}.summary-card small,.partner-count-card small{color:#829ab1;font-size:10px}.summary-card strong.summary-card__status{align-items:center;gap:8px;min-height:29px;font-size:16px;display:flex}.status-dot{background:#d64545;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #d645451a}.status-dot--online{background:#26a269;box-shadow:0 0 0 4px #26a2691f}.dashboard-panel,.data-panel{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.dashboard-panel{padding:24px}.dashboard-panel__heading h2{color:var(--navy-900);margin:5px 0 17px;font-size:19px}.quick-link{color:inherit;background:var(--slate-25);border:1px solid var(--slate-200);border-radius:10px;align-items:center;gap:14px;padding:16px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.quick-link:hover{border-color:#9ed8d1;transform:translateY(-1px);box-shadow:0 8px 20px #0f2a4312}.quick-link__icon{width:42px;height:42px;color:var(--teal-700);background:var(--teal-100);border-radius:10px;place-items:center;display:grid}.quick-link__icon svg,.quick-link>svg{width:20px;height:20px}.quick-link>div:nth-child(2){flex:1}.quick-link strong,.quick-link span{display:block}.quick-link strong{color:var(--navy-900);margin-bottom:3px;font-size:13px}.quick-link span{color:var(--slate-500);font-size:11px}.quick-link>svg{color:var(--slate-500)}.dashboard-monitoring{gap:18px}.monitoring-hero{min-height:145px;color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:radial-gradient(circle at 82% 20%,#4ad2c13d,#0000 25%),linear-gradient(118deg,#0c2a43,#15445d 65%,#0d6b68);justify-content:space-between;align-items:center;gap:25px;padding:27px 30px;display:flex;overflow:hidden}.monitoring-hero .eyebrow{color:#82e7db}.monitoring-hero h1{letter-spacing:-.04em;margin:8px 0 6px;font-size:clamp(25px,2.5vw,35px)}.monitoring-hero p{color:#c6dce8;margin:0;font-size:12px}.monitoring-live{background:#ffffff17;border:1px solid #ffffff24;border-radius:10px;grid-template-columns:10px 1fr;align-items:center;column-gap:9px;min-width:174px;padding:12px 14px;display:grid}.monitoring-live i{background:#55ddac;border-radius:50%;grid-row:1/3;width:8px;height:8px;box-shadow:0 0 0 4px #55ddac1f}.monitoring-live span,.monitoring-live small{display:block}.monitoring-live span{font-size:9px;font-weight:700}.monitoring-live small{color:#aac8d7;margin-top:2px;font-size:8px}.monitoring-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.monitoring-metric{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-md);min-height:105px;box-shadow:var(--shadow-sm);align-items:center;gap:13px;padding:17px;display:flex}.monitoring-metric__icon{border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.monitoring-metric__icon svg{width:19px}.monitoring-metric__icon--blue{color:var(--blue-700);background:var(--blue-100)}.monitoring-metric__icon--teal{color:var(--teal-700);background:var(--teal-100)}.monitoring-metric__icon--amber{color:var(--amber-700);background:var(--amber-100)}.monitoring-metric__icon--red{color:var(--red-700);background:var(--red-100)}.monitoring-metric__icon--green{color:var(--green-700);background:var(--green-100)}.monitoring-metric small,.monitoring-metric strong,.monitoring-metric p{display:block}.monitoring-metric small{color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:700}.monitoring-metric strong{color:var(--navy-900);margin:4px 0 3px;font-size:21px;line-height:1}.monitoring-metric p{color:#829ab1;margin:0;font-size:8px}.project-monitor-panel{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.project-monitor-header{border-bottom:1px solid var(--slate-200);justify-content:space-between;align-items:center;gap:20px;min-height:86px;padding:18px 20px;display:flex}.project-monitor-header h2{color:var(--navy-900);margin:4px 0 3px;font-size:17px}.project-monitor-header p{color:var(--slate-500);margin:0;font-size:9px}.project-filter{background:var(--slate-100);border-radius:8px;gap:2px;padding:3px;display:flex}.project-filter button{min-height:31px;color:var(--slate-600);background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:0 11px;font-size:9px;font-weight:700;display:flex}.project-filter button:hover{color:var(--navy-900)}.project-filter .project-filter--active{color:var(--teal-700);background:var(--white);box-shadow:var(--shadow-sm)}.project-filter b{min-width:17px;height:17px;color:var(--red-700);background:var(--red-100);border-radius:20px;place-items:center;font-size:8px;display:grid}.project-list{background:var(--slate-50)}.project-row{background:var(--white);border-bottom:1px solid var(--slate-200);grid-template-columns:minmax(210px,1.35fr) minmax(135px,.8fr) minmax(180px,1.15fr) minmax(210px,1fr) minmax(125px,.7fr);align-items:center;gap:18px;min-height:112px;margin:0;padding:17px 20px;display:grid}.project-row:last-child{border-bottom:0}.project-row:hover{z-index:1;position:relative;box-shadow:0 7px 22px #0f2a4312}.project-row__identity{align-items:center;gap:11px;display:flex}.project-row__mark{width:38px;height:38px;color:var(--teal-700);background:var(--teal-100);border-radius:10px;flex:none;place-items:center;font-size:10px;font-weight:800;display:grid}.project-row__identity a{width:fit-content;color:var(--navy-900);align-items:center;gap:4px;text-decoration:none;display:flex}.project-row__identity a:hover{color:var(--teal-700)}.project-row__identity a svg{width:12px}.project-row__identity strong,.project-row__identity span,.project-row__identity small{display:block}.project-row__identity strong{font-size:11px}.project-row__identity span{color:var(--slate-700);margin-top:3px;font-size:9px}.project-row__identity small{color:#829ab1;margin-top:2px;font-size:8px}.project-row__status>small,.project-row__status>strong{display:block}.project-row__status>small{color:var(--slate-500);font-size:8px}.project-row__status>strong{color:var(--navy-900);margin:4px 0 7px;font-size:10px}.project-row__progress>div:first-child{color:var(--slate-600);justify-content:space-between;align-items:center;font-size:8px;display:flex}.project-row__progress>div:first-child strong{color:var(--navy-900);font-size:10px}.project-progress-track{background:var(--slate-100);border-radius:10px;height:6px;margin:7px 0 5px;overflow:hidden}.project-progress-track i{background:linear-gradient(90deg,var(--teal-600),#48c8b9);border-radius:inherit;height:100%;display:block}.project-row__progress>small{color:#829ab1;font-size:8px}.project-row__production{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.project-row__production div{text-align:center;background:var(--slate-50);border-radius:6px;padding:7px 4px}.project-row__production span,.project-row__production strong{display:block}.project-row__production span{color:var(--slate-500);text-transform:uppercase;font-size:7px}.project-row__production strong{color:var(--navy-900);margin-top:3px;font-size:10px}.project-row__deadline{text-align:right}.project-row__deadline small,.project-row__deadline strong{display:block}.project-row__deadline small{color:var(--slate-500);font-size:8px}.project-row__deadline strong{margin-top:6px;font-size:9px}.deadline--normal{color:var(--green-700)}.deadline--warning{color:var(--amber-700)}.deadline--danger{color:var(--red-700)}.monitoring-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:270px;display:flex}.monitoring-empty>svg{width:42px;height:42px;color:var(--teal-700);background:var(--teal-100);border-radius:50%;padding:10px}.monitoring-empty h3{color:var(--navy-900);margin:13px 0 5px;font-size:14px}.monitoring-empty p{color:var(--slate-500);margin:0;font-size:10px}@media (width<=1200px){.monitoring-metrics{grid-template-columns:1fr 1fr}.project-row{grid-template-columns:1.2fr .8fr 1fr;grid-template-areas:"identity status deadline""progress production production"}.project-row__identity{grid-area:identity}.project-row__status{grid-area:status}.project-row__progress{grid-area:progress}.project-row__production{grid-area:production}.project-row__deadline{grid-area:deadline}}@media (width<=720px){.monitoring-hero{flex-direction:column;align-items:flex-start;padding:24px}.monitoring-live{width:100%}.monitoring-metrics{grid-template-columns:1fr 1fr}.project-monitor-header{flex-direction:column;align-items:flex-start}.project-filter{width:100%;overflow-x:auto}.project-filter button{white-space:nowrap;flex:1;justify-content:center}.project-row{grid-template-columns:1fr 1fr;grid-template-areas:"identity identity""status deadline""progress progress""production production";gap:14px}.project-row__deadline{text-align:right}}@media (width<=480px){.monitoring-metrics{grid-template-columns:1fr}.project-row{grid-template-columns:1fr;grid-template-areas:"identity""status""deadline""progress""production"}.project-row__deadline{text-align:left}.project-row__production{grid-template-columns:1fr 1fr}}.partner-counts{margin-bottom:20px}.partner-count-card{min-height:98px;padding:17px 19px}.partner-count-card strong{font-size:22px}.data-toolbar{border-bottom:1px solid var(--slate-200);justify-content:space-between;align-items:center;gap:14px;padding:17px 18px;display:flex}.search-field{width:min(390px,100%);position:relative}.search-field svg{width:17px;height:17px;color:var(--slate-500);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search-field input,.filter-group select,.form-field input,.form-field select,.form-field textarea{width:100%;color:var(--slate-900);background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-sm);outline:none;transition:border-color .15s,box-shadow .15s}.search-field input{background:var(--slate-50);height:39px;padding:0 13px 0 39px;font-size:11px}.search-field input:focus,.filter-group select:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#58bdb1;box-shadow:0 0 0 3px #0f96881a}.filter-group{align-items:center;gap:9px;display:flex}.filter-group select{min-width:135px;height:39px;color:var(--slate-600);padding:0 31px 0 11px;font-size:11px}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:960px}.data-table th{height:43px;color:var(--slate-500);background:var(--slate-50);border-bottom:1px solid var(--slate-200);letter-spacing:.08em;text-transform:uppercase;padding:0 15px;font-size:9px;font-weight:750}.data-table td{color:var(--slate-700);border-bottom:1px solid var(--slate-100);vertical-align:middle;padding:13px 15px;font-size:11px}.data-table tbody tr{transition:background .13s}.data-table tbody tr:hover{background:#fafcfd}.data-table tbody tr:last-child td{border-bottom:0}.partner-identity{align-items:center;gap:11px;min-width:210px;display:flex}.partner-identity__avatar{color:#176575;background:#e0f0f3;border-radius:9px;flex:none;place-items:center;width:35px;height:35px;font-size:10px;font-weight:800;display:grid}.partner-identity strong,.partner-identity span,.contact-cell span,.contact-cell small{display:block}.partner-identity strong{color:var(--navy-900);margin-bottom:3px;font-size:11px}.partner-identity span,.contact-cell small{color:#829ab1;font-size:9px}.contact-cell span{color:var(--slate-700);margin-bottom:3px}.contact-phone{align-items:center;gap:7px;display:flex}.contact-phone small{display:block}.contact-phone a{color:#fff;background:#25d366;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;transition:transform .15s,background .15s;display:inline-grid}.contact-phone a:hover{background:#128c4a;transform:translateY(-1px)}.contact-phone a svg{stroke-width:1.9px;width:15px;height:15px}.type-badge,.status-badge{white-space:nowrap;border-radius:50px;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.type-badge{padding:5px 8px}.type-badge--customer{color:var(--blue-700);background:var(--blue-100)}.type-badge--supplier{color:var(--green-700);background:var(--green-100)}.type-badge--subcon{color:var(--amber-700);background:var(--amber-100)}.status-badge{gap:5px;padding:5px 8px}.status-badge i{border-radius:50%;width:5px;height:5px}.status-badge--active{color:var(--green-700);background:var(--green-100)}.status-badge--active i{background:#28a56c}.status-badge--inactive{color:var(--slate-600);background:var(--slate-100)}.status-badge--inactive i{background:#829ab1}.row-actions{justify-content:flex-end;align-items:center;gap:6px;min-width:158px;display:flex}.table-action{min-height:28px;color:var(--slate-600);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:0 8px;font-size:9px;font-weight:650;display:inline-flex}.table-action:hover{color:var(--navy-900);background:var(--slate-100)}.table-action svg{width:13px;height:13px}.table-action--danger{color:var(--red-700)}.table-action--success{color:var(--green-700)}.pagination{min-height:58px;color:var(--slate-500);border-top:1px solid var(--slate-200);justify-content:space-between;align-items:center;gap:14px;padding:10px 18px;font-size:10px;display:flex}.pagination>div{align-items:center;gap:10px;display:flex}.pagination .icon-button{width:31px;height:31px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding:42px 20px;display:flex}.empty-state__icon{width:54px;height:54px;color:var(--teal-700);background:var(--teal-100);border-radius:16px;place-items:center;margin-bottom:14px;font-size:22px;font-weight:800;display:grid}.empty-state__icon--error{color:var(--red-700);background:var(--red-100)}.empty-state__icon svg{width:24px;height:24px}.empty-state h3{color:var(--navy-900);margin:0 0 6px;font-size:16px}.empty-state p{color:var(--slate-500);margin:0 0 18px;font-size:11px}.table-loading{padding:15px 18px}.skeleton-row{background:linear-gradient(90deg,#f2f5f7,#e6edf2,#f2f5f7) 0 0/220% 100%;border-radius:8px;height:55px;animation:1.2s ease-in-out infinite skeleton}.skeleton-row+.skeleton-row{margin-top:9px}@keyframes skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.drawer-layer{z-index:80;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#07192780;border:0;width:100%;height:100%;padding:0;animation:.16s ease-out fade-in;position:absolute;inset:0}.drawer{background:var(--white);flex-direction:column;width:min(560px,100%);height:100%;animation:.22s ease-out drawer-in;display:flex;position:relative;box-shadow:-18px 0 50px #0719272e}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer__header{border-bottom:1px solid var(--slate-200);justify-content:space-between;align-items:center;min-height:81px;padding:17px 22px;display:flex}.drawer__header h2{color:var(--navy-900);letter-spacing:-.025em;margin:4px 0 0;font-size:20px}.partner-form{flex-direction:column;flex:1;min-height:0;display:flex}.drawer__body{flex:1;min-height:0;padding:23px 22px 32px;overflow-y:auto}.drawer__footer{background:var(--slate-25);border-top:1px solid var(--slate-200);justify-content:flex-end;align-items:center;gap:9px;min-height:72px;padding:14px 22px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 15px;display:grid}.form-field{display:block}.form-field--wide{grid-column:1/-1}.form-field>span{color:var(--slate-700);margin-bottom:7px;font-size:10px;font-weight:700;display:block}.form-field>span b{color:#d14343}.form-field input,.form-field select{height:40px;padding:0 11px;font-size:11px}.form-field textarea{resize:vertical;min-height:78px;padding:10px 11px;font-size:11px}.form-field input::placeholder,.form-field textarea::placeholder,.search-field input::placeholder{color:#9fb3c4}.form-field input[aria-invalid=true],.form-field select[aria-invalid=true],.form-field textarea[aria-invalid=true]{border-color:#db6b71}.field-error{color:var(--red-700);margin-top:5px;font-size:9px;display:block}.alert{border-radius:8px;margin-bottom:18px;padding:10px 12px;font-size:10px}.alert--error{color:var(--red-700);background:var(--red-100);border:1px solid #f5c2c5}.alert--success{color:var(--green-700);background:var(--green-100);border:1px solid #bde2d2}.field-hint{color:var(--slate-500);margin-top:5px;font-size:9px;display:block}.toast{z-index:100;max-width:min(390px,100vw - 32px);color:var(--navy-900);background:var(--white);border:1px solid #bde2d2;border-radius:10px;align-items:center;gap:10px;padding:12px 15px 12px 11px;font-size:11px;font-weight:600;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:25px;right:26px;box-shadow:0 16px 38px #0f2a432e}.toast>span{width:27px;height:27px;color:var(--green-700);background:var(--green-100);border-radius:50%;place-items:center;display:grid}.toast svg{width:15px;height:15px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar-backdrop{display:none}@media (width<=1100px){.summary-grid,.partner-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card:last-child,.partner-count-card:last-child{grid-column:span 2}.welcome-card__accent{opacity:.45}}@media (width<=840px){.desktop-sidebar-toggle{display:none}.sidebar{transition:transform .22s;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-backdrop{z-index:35;background:#07192780;border:0;padding:0;display:block;position:fixed;inset:0}.app-main{width:100%;margin-left:0}.mobile-menu{display:inline-grid}.page-content{padding-top:24px}.welcome-card{padding:30px}.welcome-card__accent{right:25px}.data-toolbar{flex-direction:column;align-items:stretch}.search-field{width:100%}.filter-group select{flex:1}}@media (width<=620px){.topbar{height:70px;padding-inline:15px}.topbar__title span,.profile-chip__text{display:none}.topbar__title strong{font-size:16px}.page-content{padding:20px 14px 40px}.page-heading{flex-direction:column;align-items:stretch}.page-heading .button{align-self:flex-start}.welcome-card{min-height:205px;padding:27px 23px}.welcome-card h1{max-width:85%;font-size:27px}.welcome-card p{max-width:88%}.welcome-card__accent{bottom:-14px;right:-17px}.summary-grid,.partner-counts{grid-template-columns:1fr}.summary-card:last-child,.partner-count-card:last-child{grid-column:auto}.filter-group{flex-direction:column;align-items:stretch}.pagination{flex-direction:column;align-items:flex-start;padding-block:13px}.form-grid{grid-template-columns:1fr}.form-field--wide{grid-column:auto}.drawer__body,.drawer__header,.drawer__footer{padding-inline:17px}.drawer__footer .button{flex:1}.toast{bottom:16px;right:16px}}.production-tabs{margin-bottom:20px}.production-table{min-width:850px}.wip-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px;margin-bottom:20px;display:grid}.wip-grid article{background:linear-gradient(145deg,var(--navy-900),#163d59);border-radius:var(--radius-md);color:#fff;box-shadow:var(--shadow-sm);padding:18px}.wip-grid span,.wip-grid small,.wip-grid strong{display:block}.wip-grid span{color:#94dacf;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:750}.wip-grid strong{margin:9px 0 4px;font-size:23px}.wip-grid small{color:#b8ccd8;font-size:9px}.production-scan{border-bottom:1px solid var(--slate-200);background:var(--slate-50);grid-template-columns:minmax(170px,1.2fr) repeat(3,minmax(130px,1fr)) auto;align-items:end;gap:12px;padding:18px;display:grid}.production-scan h3,.production-action-card h3,.panel-heading h3{color:var(--navy-900);margin:4px 0 0;font-size:15px}.production-scan input,.production-scan select{height:39px}.bundle-row,.packing-row{grid-template-columns:1fr 1fr 1fr .7fr 36px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.packing-row{grid-template-columns:1fr 110px 36px}.add-row-button{margin-top:6px}.production-action-card{grid-template-columns:240px 1fr;gap:25px;margin-bottom:20px;padding:22px;display:grid}.production-action-card p{color:var(--slate-500);font-size:10px;line-height:1.6}.production-action-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;display:grid}.production-action-form>.button{justify-self:end}.finish-checks{grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.finish-checks label,.koli-picker label{border:1px solid var(--slate-200);background:var(--white);border-radius:8px;align-items:center;gap:9px;padding:10px;font-size:10px;display:flex}.finish-checks input,.koli-picker input{accent-color:var(--teal-700)}.delivery-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.panel-heading{border-bottom:1px solid var(--slate-200);padding:18px 20px}.koli-picker{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.koli-picker label{cursor:pointer}.koli-picker span,.koli-picker small{display:block}.koli-picker small{color:var(--slate-500);margin-top:3px}.toast--error{color:#9f2f2f;background:#fff1f1;border-color:#f0b5b5}.variance-strip{border-radius:var(--radius-md);background:#edf7f6;border:1px solid #c6e8e3;align-items:stretch;gap:9px;margin-bottom:16px;padding:10px;display:flex;overflow-x:auto}.variance-strip>span{min-width:120px;color:var(--teal-700);text-transform:uppercase;align-self:center;font-size:9px;font-weight:750;line-height:1.5}.variance-strip article{background:var(--white);border-radius:7px;min-width:170px;padding:9px 11px;position:relative}.variance-strip strong,.variance-strip small{padding-right:42px;display:block}.variance-strip strong{color:var(--navy-900);font-size:10px}.variance-strip small{color:var(--slate-500);margin-top:4px;font-size:8px}.variance-strip b{font-size:10px;position:absolute;top:10px;right:10px}.variance-over{color:#b45309}.variance-under{color:var(--teal-700)}@media (width<=1050px){.production-scan{grid-template-columns:1fr 1fr}.production-scan>div{grid-column:1/-1}.delivery-grid{grid-template-columns:1fr}}@media (width<=720px){.production-action-card,.production-action-form{grid-template-columns:1fr}.finish-checks,.bundle-row{grid-template-columns:1fr 1fr}.bundle-row .icon-button{grid-column:2}.packing-row{grid-template-columns:1fr 80px 36px}.koli-picker{grid-template-columns:1fr}}.delivery-heading__action{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.delivery-heading__action small{color:var(--slate-500);font-size:9px}.delivery-workflow{border:1px solid var(--slate-200);border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-sm);grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px;display:grid;overflow:hidden}.delivery-step{border-right:1px solid var(--slate-200);grid-template-columns:32px 1fr auto;align-items:center;gap:11px;min-height:88px;padding:17px 18px;display:grid}.delivery-step:last-child{border-right:0}.delivery-step__marker{width:31px;height:31px;color:var(--slate-500);background:var(--slate-100);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid}.delivery-step small,.delivery-step strong{display:block}.delivery-step small{color:var(--slate-500);margin-bottom:4px;font-size:8px;line-height:1.35}.delivery-step strong{color:var(--navy-900);font-size:11px}.delivery-step>b{min-width:29px;height:29px;color:var(--navy-900);background:var(--slate-100);border-radius:20px;place-items:center;padding:0 7px;font-size:11px;display:grid}.delivery-step--loaded .delivery-step__marker,.delivery-step--loaded>b{color:var(--teal-700);background:var(--teal-100)}.delivery-step--shipped .delivery-step__marker{color:var(--white);background:var(--teal-700)}.delivery-tabs{margin-bottom:14px}.delivery-tabs .tab-count{background:var(--slate-100);border-radius:20px;place-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 6px;font-size:8px;display:grid}.delivery-tabs .master-tab--active .tab-count{color:var(--white);background:var(--teal-700)}.delivery-panel{overflow:hidden}.delivery-panel__header{border-bottom:1px solid var(--slate-200);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:16px 20px;display:flex}.delivery-panel__header h3{color:var(--navy-900);margin:4px 0 0;font-size:15px}.delivery-toolbar{gap:9px;display:flex}.delivery-toolbar .search-field{width:min(310px,35vw)}.delivery-toolbar select{min-width:145px}.delivery-result-count{color:var(--slate-600);background:var(--slate-100);border-radius:20px;padding:6px 9px;font-size:9px;font-weight:700}.delivery-result-bar{min-height:34px;color:var(--slate-500);background:var(--slate-50);border-bottom:1px solid var(--slate-200);justify-content:space-between;align-items:center;padding:7px 20px;font-size:9px;display:flex}.delivery-result-bar button{color:var(--teal-700);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-weight:700;display:flex}.delivery-result-bar svg{width:12px}.delivery-table{min-width:980px}.delivery-table--warehouse{min-width:1060px}.delivery-koli-identity{align-items:center;gap:10px;min-width:170px;display:flex}.delivery-koli-identity>span{width:31px;height:31px;color:var(--teal-700);background:var(--teal-100);border-radius:8px;flex:none;place-items:center;display:grid}.delivery-koli-identity svg{width:16px}.delivery-koli-identity strong,.delivery-koli-identity small{display:block}.delivery-koli-identity small{color:var(--slate-500);margin-top:3px;font-size:8px}.delivery-next-action{min-width:130px;height:32px;color:var(--teal-700);cursor:pointer;background:#f0faf8;border:1px solid #b9e2dc;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:9px;font-weight:750;display:inline-flex}.delivery-next-action:hover{background:var(--teal-100)}.delivery-next-action:disabled{opacity:.55;cursor:wait}.delivery-next-action svg{width:13px}.delivery-waiting,.delivery-complete{color:var(--slate-600);white-space:nowrap;align-items:center;gap:6px;font-size:9px;font-weight:650;display:inline-flex}.delivery-waiting i{background:#f59e0b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #fef3c7}.delivery-complete{color:var(--teal-700)}.delivery-complete svg{width:14px}.delivery-row-actions{flex-wrap:wrap;gap:5px;min-width:215px;display:flex}.delivery-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:275px;padding:45px 20px;display:flex}.delivery-empty>span{width:48px;height:48px;color:var(--teal-700);background:var(--teal-100);border-radius:14px;place-items:center;display:grid}.delivery-empty svg{width:23px}.delivery-empty h3{color:var(--navy-900);margin:14px 0 5px;font-size:14px}.delivery-empty p{max-width:340px;color:var(--slate-500);margin:0;font-size:10px;line-height:1.55}.delivery-form-note{color:#315b68;background:#edf7f6;border:1px solid #c6e8e3;border-radius:9px;align-items:center;gap:11px;margin-bottom:18px;padding:12px;display:flex}.delivery-form-note>svg{width:20px;color:var(--teal-700);flex:none}.delivery-form-note strong,.delivery-form-note span{display:block}.delivery-form-note strong{font-size:10px}.delivery-form-note span{margin-top:3px;font-size:8px}.delivery-selection-heading{justify-content:space-between;align-items:center;gap:12px;margin:23px 0 10px;display:flex}.delivery-selection-heading h3{color:var(--navy-900);margin:0 0 3px;font-size:13px}.delivery-selection-heading span{color:var(--slate-500);font-size:8px}.delivery-selection-heading b{color:var(--teal-700);background:var(--teal-100);border-radius:20px;padding:5px 8px;font-size:8px}.koli-picker--delivery label{min-height:63px;transition:border-color .15s,background .15s}.koli-picker--delivery label>span{flex:1}.koli-picker--delivery .doc-status{margin-left:auto}.koli-picker--delivery .koli-picker__item--selected{border-color:var(--teal-600);box-shadow:inset 0 0 0 1px var(--teal-600);background:#f0faf8}@media (width<=1050px){.delivery-workflow{grid-template-columns:1fr 1fr}.delivery-step:nth-child(2){border-right:0}.delivery-step:nth-child(-n+2){border-bottom:1px solid var(--slate-200)}.delivery-panel__header--toolbar{flex-direction:column;align-items:flex-start}.delivery-toolbar,.delivery-toolbar .search-field{width:100%}}@media (width<=620px){.delivery-heading__action{align-items:stretch;width:100%}.delivery-heading__action small{text-align:center}.delivery-workflow{grid-template-columns:1fr}.delivery-step{border-right:0;min-height:73px;border-bottom:1px solid var(--slate-200)!important}.delivery-step:last-child{border-bottom:0!important}.delivery-tabs{width:100%}.delivery-tabs .master-tab{min-width:max-content}.delivery-panel__header{align-items:flex-start}.delivery-toolbar{flex-direction:column}.delivery-toolbar select{width:100%}.delivery-result-bar{padding-inline:14px}.koli-picker--delivery .doc-status{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.master-tabs{background:var(--slate-100);border-radius:10px;gap:3px;width:fit-content;margin-bottom:20px;padding:4px;display:flex}.master-tab{min-height:36px;color:var(--slate-500);background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:0 14px;font-size:10px;font-weight:700;display:inline-flex}.master-tab svg{width:15px;height:15px}.master-tab--active{color:var(--navy-900);background:var(--white);box-shadow:var(--shadow-sm)}.item-counts{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:20px;display:grid}.item-counts article{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-md);min-height:92px;box-shadow:var(--shadow-sm);align-items:center;gap:13px;padding:17px;display:flex}.item-counts__icon{border-radius:11px;flex:none;place-items:center;width:42px;height:42px;display:grid}.item-counts__icon svg{width:20px;height:20px}.item-counts__icon--blue{color:var(--blue-700);background:var(--blue-100)}.item-counts__icon--green{color:var(--green-700);background:var(--green-100)}.item-counts__icon--amber{color:var(--amber-700);background:var(--amber-100)}.item-counts small,.item-counts strong,.item-counts article div>span{display:block}.item-counts small{color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:9px;font-weight:700}.item-counts strong{color:var(--navy-900);font-size:23px}.item-counts article div>span{color:var(--slate-500);margin-top:2px;font-size:9px}.item-table{min-width:1020px}.unit-table{min-width:850px}.item-identity{align-items:center;gap:11px;min-width:230px;display:flex}.item-identity__icon{border-radius:9px;flex:none;place-items:center;width:35px;height:35px;display:grid}.item-identity__icon svg{width:17px;height:17px}.item-identity__icon--fabric{color:var(--blue-700);background:var(--blue-100)}.item-identity__icon--trim{color:var(--green-700);background:var(--green-100)}.item-identity__icon--packaging{color:var(--amber-700);background:var(--amber-100)}.item-identity strong,.item-identity span,.unit-name{display:block}.item-identity strong{color:var(--navy-900);margin-bottom:3px;font-size:11px}.item-identity span,.unit-name{color:#829ab1;font-size:9px}.unit-code{color:var(--navy-800);font-size:10px}.unit-code--large{color:var(--teal-700);background:var(--teal-100);border-radius:6px;padding:5px 8px;display:inline-block}.conversion-count{color:var(--teal-700);font-size:9px;font-weight:700}.muted-value{color:var(--slate-500);font-size:9px}.type-badge--fabric{color:var(--blue-700);background:var(--blue-100)}.type-badge--trim{color:var(--green-700);background:var(--green-100)}.type-badge--packaging{color:var(--amber-700);background:var(--amber-100)}.drawer--wide{width:min(680px,100%)}.button--small{min-height:33px;padding-inline:10px;font-size:9px}.conversion-section{border-top:1px solid var(--slate-200);margin-top:25px;padding-top:21px}.conversion-section__heading{justify-content:space-between;align-items:flex-start;gap:13px;margin-bottom:13px;display:flex}.conversion-section h3{color:var(--navy-900);margin:0 0 4px;font-size:14px}.conversion-section p{color:var(--slate-500);margin:0;font-size:9px}.conversion-empty{color:var(--slate-500);background:var(--slate-50);border:1px dashed var(--slate-300);text-align:center;border-radius:8px;padding:17px;font-size:9px}.conversion-list{gap:8px;display:grid}.conversion-row{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:9px;grid-template-columns:auto minmax(120px,.8fr) auto minmax(130px,1fr) auto auto;align-items:center;gap:8px;padding:9px;display:grid}.conversion-row .form-field select,.conversion-row .form-field input{height:36px}.conversion-row__formula{color:var(--slate-500);font-size:11px;font-weight:700}.conversion-row>strong{min-width:42px;color:var(--navy-800);font-size:10px}.icon-button--danger{color:var(--red-700)}.icon-button--danger:hover{background:var(--red-100);border-color:#f3c2c5}@media (width<=840px){.item-counts{grid-template-columns:1fr}}@media (width<=620px){.master-tabs{width:100%}.master-tab{flex:1;justify-content:center}.conversion-section__heading{flex-direction:column;align-items:stretch}.conversion-section__heading .button{align-self:flex-start}.conversion-row{grid-template-columns:auto 1fr auto}.conversion-row .form-field:nth-of-type(2){grid-column:2/3}.conversion-row>strong{grid-area:2/3}.conversion-row .icon-button{grid-area:2/1}}.variant-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:20px;display:grid}.variant-summary article{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-md);min-height:88px;box-shadow:var(--shadow-sm);align-items:center;gap:13px;padding:16px 18px;display:flex}.variant-summary__icon{width:42px;height:42px;color:var(--blue-700);background:var(--blue-100);border-radius:11px;place-items:center;display:grid}.variant-summary__icon--green{color:var(--green-700);background:var(--green-100)}.variant-summary__icon svg{width:20px;height:20px}.variant-summary small,.variant-summary strong{display:block}.variant-summary small{color:var(--slate-500);letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:700}.variant-summary strong{color:var(--navy-900);font-size:23px}.variant-table{min-width:780px}.sort-order{width:28px;height:28px;color:var(--slate-600);background:var(--slate-100);border-radius:7px;place-items:center;font-size:9px;font-weight:750;display:inline-grid}.size-code{min-width:42px;color:var(--teal-700);background:var(--teal-100);text-align:center;border-radius:7px;padding:7px 10px;font-size:11px;display:inline-block}.color-identity{align-items:center;gap:10px;min-width:210px;display:flex}.color-identity>span{border:1px solid #0f2a4321;border-radius:8px;flex:none;width:31px;height:31px;box-shadow:inset 0 0 0 2px #ffffff80}.color-identity strong{color:var(--navy-900);font-size:11px}.hex-code{color:var(--slate-600);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.form-note{color:var(--slate-600);background:var(--blue-100);border-radius:8px;align-items:center;gap:9px;margin-top:20px;padding:12px;font-size:9px;line-height:1.5;display:flex}.form-note svg{width:18px;height:18px;color:var(--blue-700);flex:none}.color-input-group{grid-template-columns:52px 1fr;gap:8px;display:grid}.color-input-group input[type=color]{cursor:pointer;width:52px;padding:4px}.color-preview{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:9px;align-items:center;gap:11px;margin-top:20px;padding:13px;display:flex}.color-preview>span{border:1px solid #0f2a4324;border-radius:10px;width:42px;height:42px;box-shadow:inset 0 0 0 2px #ffffff8c}.color-preview strong,.color-preview small{display:block}.color-preview strong{color:var(--navy-900);margin-bottom:3px;font-size:10px}.color-preview small{color:var(--slate-500);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}@media (width<=620px){.variant-summary{grid-template-columns:1fr}}.style-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:20px;display:grid}.style-summary article{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-md);min-height:88px;box-shadow:var(--shadow-sm);align-items:center;gap:13px;padding:16px 18px;display:flex}.style-summary article>span{width:42px;height:42px;color:var(--blue-700);background:var(--blue-100);border-radius:11px;place-items:center;display:grid}.style-summary article>span.style-summary__green{color:var(--green-700);background:var(--green-100)}.style-summary svg{width:20px;height:20px}.style-summary small,.style-summary strong{display:block}.style-summary small{color:var(--slate-500);letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:700}.style-summary strong{color:var(--navy-900);font-size:23px}.style-table{min-width:980px}.style-identity{align-items:center;gap:11px;min-width:230px;display:flex}.style-identity>span,.style-identity>img{border-radius:9px;flex:none;width:40px;height:40px}.style-identity>span{color:var(--teal-700);background:var(--teal-100);place-items:center;display:grid}.style-identity>span svg{width:19px;height:19px}.style-identity>img{object-fit:cover;background:var(--slate-100)}.style-identity strong,.style-identity small{display:block}.style-identity strong{color:var(--navy-900);margin-bottom:3px;font-size:11px}.style-identity small{color:var(--slate-500);font-size:9px}.style-variants{flex-wrap:wrap;gap:6px;display:flex}.style-variants span{color:var(--slate-600);background:var(--slate-100);border-radius:6px;align-items:center;gap:4px;padding:5px 7px;font-size:9px;font-weight:700;display:inline-flex}.style-variants svg{width:13px;height:13px}.bom-active-label{color:var(--green-700);background:var(--green-100);border-radius:6px;padding:5px 8px;font-size:9px;font-weight:750}.table-action--accent{color:var(--teal-700)}.variant-picker{border:0;margin:22px 0 0;padding:0}.variant-picker legend{color:var(--navy-900);font-size:12px;font-weight:750}.variant-picker legend b{color:#d14343}.variant-picker>p{color:var(--slate-500);margin:4px 0 11px;font-size:9px}.variant-picker__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.variant-picker__grid label{min-width:0}.variant-picker__grid input{opacity:0;pointer-events:none;position:absolute}.variant-picker__grid label>span{min-height:46px;color:var(--slate-700);background:var(--white);border:1px solid var(--slate-200);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:9px 10px;font-size:10px;font-weight:750;display:flex}.variant-picker__grid label>span small{color:var(--slate-500);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:8px;font-weight:500;overflow:hidden}.variant-picker__grid label>span i{border:1px solid #0f2a4326;border-radius:5px;flex:none;width:16px;height:16px}.variant-picker__grid input:checked+span{color:var(--teal-700);background:var(--teal-100);border-color:#72c9bd;box-shadow:inset 0 0 0 1px #72c9bd}.variant-picker__grid input:focus-visible+span{outline:2px solid var(--blue-500);outline-offset:2px}.bom-drawer{width:min(1120px,100%)}.bom-layout{flex:1;grid-template-columns:230px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.bom-versions{background:var(--slate-50);border-right:1px solid var(--slate-200);padding:18px 13px;overflow-y:auto}.bom-versions__heading{color:var(--navy-900);justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px;font-size:11px;display:flex}.bom-hint,.bom-empty{color:var(--slate-500);background:var(--white);border:1px dashed var(--slate-300);border-radius:8px;padding:11px;font-size:9px;line-height:1.5}.bom-version-list{gap:7px;display:grid}.bom-version{width:100%;color:var(--slate-600);background:var(--white);border:1px solid var(--slate-200);text-align:left;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:7px;padding:10px;display:flex}.bom-version:hover,.bom-version--selected{border-color:#79c9be}.bom-version--selected{background:var(--teal-100);box-shadow:inset 3px 0 var(--teal-600)}.bom-version strong,.bom-version small{display:block}.bom-version strong{color:var(--navy-900);margin-bottom:3px;font-size:10px}.bom-version small{color:var(--slate-500);font-size:8px}.bom-status{text-transform:uppercase;border-radius:5px;padding:4px 6px;font-size:7px;font-weight:800}.bom-status--draft{color:var(--amber-700);background:var(--amber-100)}.bom-status--active{color:var(--green-700);background:var(--green-100)}.bom-status--archived{color:var(--slate-600);background:var(--slate-200)}.bom-editor{flex-direction:column;min-width:0;min-height:0;display:flex}.bom-editor__heading{border-bottom:1px solid var(--slate-200);justify-content:space-between;align-items:center;min-height:67px;padding:13px 20px;display:flex}.bom-editor__heading h3{color:var(--navy-900);margin:3px 0 0;font-size:16px}.bom-editor__body{flex:1;min-height:0;padding:20px;overflow-y:auto}.bom-editor__placeholder{color:var(--slate-500);text-align:center;margin:auto;padding:40px}.bom-editor__placeholder svg{width:40px;height:40px;color:var(--teal-600)}.bom-editor__placeholder h3{color:var(--navy-900);margin:12px 0 5px}.bom-editor__placeholder p{margin:0;font-size:10px}.bom-meta{grid-template-columns:190px 1fr}.bom-material-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin:23px 0 11px;display:flex}.bom-material-heading h3{color:var(--navy-900);margin:0 0 4px;font-size:13px}.bom-material-heading p{color:var(--slate-500);margin:0;font-size:9px}.bom-material-list{gap:8px;display:grid}.bom-material-row{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:9px;grid-template-columns:minmax(190px,1.6fr) minmax(90px,.6fr) minmax(80px,.5fr) minmax(130px,1fr) auto;align-items:end;gap:8px;padding:10px;display:grid}.bom-material-row .form-field input,.bom-material-row .form-field select{height:36px}.bom-material-row .icon-button{margin-bottom:1px}.bom-editor__footer{border-top:1px solid var(--slate-200);justify-content:space-between;align-items:center;gap:10px;padding:13px 20px;display:flex}.bom-editor__footer>div{gap:7px;display:flex}.button--danger{color:var(--red-700);background:var(--red-100);border:1px solid #f3c2c5}.button--danger:hover:not(:disabled){background:#fbdfe0}@media (width<=840px){.style-summary{grid-template-columns:1fr}.bom-layout{grid-template-columns:1fr;overflow-y:auto}.bom-versions{border-right:0;border-bottom:1px solid var(--slate-200);max-height:210px}.bom-editor,.bom-editor__body{overflow:visible}.bom-material-row{grid-template-columns:1fr 1fr}.bom-material-row__item,.bom-material-row__notes{grid-column:1/-1}}@media (width<=620px){.variant-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bom-meta{grid-template-columns:1fr}.bom-editor__footer{flex-direction:column;align-items:stretch}.bom-editor__footer>div,.bom-editor__footer .button{width:100%}.bom-editor__footer>div{flex-direction:column}}.transaction-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:20px;display:grid}.transaction-summary article{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-md);min-height:82px;box-shadow:var(--shadow-sm);padding:16px 18px}.transaction-summary small,.transaction-summary strong{display:block}.transaction-summary small{color:var(--slate-500);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:700}.transaction-summary strong{color:var(--navy-900);font-size:23px}.transaction-table{min-width:980px}.transaction-table td>strong{color:var(--navy-900);font-size:10px}.cell-sub{color:var(--slate-500);margin-top:4px;font-size:8px;display:block}.doc-status{text-transform:uppercase;border-radius:6px;padding:5px 7px;font-size:8px;font-weight:800;display:inline-block}.doc-status--draft{color:var(--amber-700);background:var(--amber-100)}.doc-status--confirmed,.doc-status--issued{color:var(--blue-700);background:var(--blue-100)}.doc-status--in_production,.doc-status--partially_received,.doc-status--partial_shipped{color:#805ad5;background:#f0e8ff}.doc-status--completed,.doc-status--received,.doc-status--closed{color:var(--green-700);background:var(--green-100)}.doc-status--cancelled{color:var(--red-700);background:var(--red-100)}.transaction-drawer{width:min(940px,100%)}.transaction-drawer form{flex-direction:column;flex:1;min-height:0;display:flex}.transaction-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dual-input{grid-template-columns:1fr 1fr;gap:7px;display:grid}.matrix-section{margin-top:24px}.matrix-section h3,.section-title{color:var(--navy-900);margin:0 0 11px;font-size:13px}.inline-empty{color:var(--slate-500);background:var(--slate-50);border:1px dashed var(--slate-300);text-align:center;border-radius:8px;padding:17px;font-size:9px}.order-matrix{border-collapse:collapse;width:100%;min-width:570px}.order-matrix th,.order-matrix td{border:1px solid var(--slate-200);text-align:center;padding:7px}.order-matrix thead th{color:var(--slate-600);background:var(--slate-50);font-size:9px}.order-matrix tbody th{min-width:140px;color:var(--navy-800);text-align:left;font-size:9px}.order-matrix tbody th i{border:1px solid var(--slate-300);vertical-align:middle;border-radius:4px;width:13px;height:13px;margin-right:6px;display:inline-block}.order-matrix input{border:1px solid var(--slate-300);text-align:center;border-radius:6px;width:62px;height:33px;padding:5px}.document-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:23px;display:grid}.document-meta>div{background:var(--slate-50);border-radius:8px;padding:12px}.document-meta small,.document-meta strong{display:block}.document-meta small{color:var(--slate-500);text-transform:uppercase;margin-bottom:5px;font-size:8px}.document-meta strong{color:var(--navy-900);font-size:10px}.qty-shortage{color:var(--red-700);font-weight:750}.qty-ok{color:var(--green-700);font-weight:750}.line-editor-heading{justify-content:space-between;align-items:flex-start;gap:10px;margin:25px 0 11px;display:flex}.line-editor-heading h3{color:var(--navy-900);margin:0 0 4px;font-size:13px}.line-editor-heading p{color:var(--slate-500);margin:0;font-size:9px}.line-editor-heading>div:last-child{gap:7px;display:flex}.document-lines,.receipt-lines{gap:8px;display:grid}.document-line{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:9px;grid-template-columns:minmax(180px,1.5fr) minmax(110px,.7fr) minmax(100px,.6fr) minmax(130px,1fr) auto;align-items:end;gap:8px;padding:10px;display:grid}.document-line .form-field input,.document-line .form-field select{height:36px}.issue-line{grid-template-columns:minmax(220px,1.5fr) minmax(110px,.6fr) minmax(140px,1fr) auto}.inventory-tabs{width:fit-content;max-width:100%;overflow-x:auto}.receipt-line{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:9px;grid-template-columns:minmax(220px,1fr) 170px;align-items:end;gap:10px;padding:12px;display:grid}.receipt-line>div:first-child strong,.receipt-line>div:first-child small{display:block}.receipt-line>div:first-child strong{color:var(--navy-900);font-size:10px}.receipt-line>div:first-child small{color:var(--slate-500);margin-top:4px;font-size:8px}.roll-fields{border-top:1px dashed var(--slate-300);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:10px;display:grid}@media (width<=840px){.transaction-summary{grid-template-columns:1fr}.document-line{grid-template-columns:1fr 1fr}.document-line .form-field:first-child{grid-column:1/-1}.roll-fields{grid-template-columns:1fr 1fr}}@media (width<=620px){.transaction-form-grid,.document-meta,.document-line,.issue-line,.receipt-line,.roll-fields{grid-template-columns:1fr}.line-editor-heading{flex-direction:column}.line-editor-heading>div:last-child{flex-direction:column;width:100%}.line-editor-heading .button{width:100%}}.profile-area{align-items:center;gap:12px;display:flex}.profile-chip--link{border-radius:10px;text-decoration:none;transition:background .15s}.profile-chip--link:hover{background:var(--slate-100)}.security-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:20px;display:grid}.security-summary article{background:var(--white);border:1px solid var(--slate-200);border-radius:var(--radius-md);min-height:92px;box-shadow:var(--shadow-sm);align-items:center;gap:13px;padding:17px;display:flex}.security-summary__icon{width:42px;height:42px;color:var(--blue-700);background:var(--blue-100);border-radius:11px;flex:none;place-items:center;display:grid}.security-summary__icon--green{color:var(--green-700);background:var(--green-100)}.security-summary__icon--amber{color:var(--amber-700);background:var(--amber-100)}.security-summary__icon svg{width:20px;height:20px}.security-summary small,.security-summary strong{display:block}.security-summary small{color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:9px;font-weight:650}.security-summary strong{color:var(--navy-900);font-size:23px}.security-summary strong.security-summary__text{font-size:17px}.user-table{min-width:1160px}.user-table .partner-identity{min-width:205px}.self-label{color:var(--teal-700);background:var(--teal-100);border-radius:5px;margin-left:7px;padding:2px 5px;font-size:8px;font-style:normal}.role-badges{flex-wrap:wrap;gap:5px;max-width:240px;display:flex}.role-badge{color:var(--navy-700);background:var(--slate-100);border-radius:5px;padding:4px 7px;font-size:8px;font-weight:750}.status-badge--locked{color:var(--red-700);background:var(--red-100)}.status-badge--locked i{background:#d14343}.status-badge--warning{color:var(--amber-700);background:var(--amber-100)}.status-badge--warning i{background:#d88b1d}.security-ok{color:var(--green-700);align-items:center;gap:5px;font-size:9px;font-weight:700;display:inline-flex}.security-ok svg{width:14px;height:14px}.date-cell{color:var(--slate-600);white-space:nowrap}.user-actions{min-width:290px}.role-fieldset{border:0;min-width:0;margin:0;padding:0}.role-fieldset legend{color:var(--slate-700);margin-bottom:9px;font-size:10px;font-weight:700}.role-fieldset legend b{color:#d14343}.role-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.role-option{border:1px solid var(--slate-200);cursor:pointer;border-radius:8px;align-items:flex-start;gap:9px;padding:10px 11px;transition:border-color .15s,background .15s;display:flex}.role-option:hover{background:#fbfefd;border-color:#8dccbf}.role-option input{width:15px;height:15px;accent-color:var(--teal-600);margin:2px 0 0}.role-option strong,.role-option small{display:block}.role-option strong{color:var(--navy-900);font-size:10px}.role-option small{color:var(--slate-500);margin-top:2px;font-size:9px;line-height:1.4}.role-option:has(input:checked){border-color:var(--teal-600);box-shadow:inset 0 0 0 1px var(--teal-600);background:#f0faf8}.manual-password-block{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:10px;margin-top:5px;padding:14px}.manual-password-block__heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.manual-password-block__heading span,.manual-password-block__heading small{display:block}.manual-password-block__heading span{color:var(--slate-700);font-size:10px;font-weight:700}.manual-password-block__heading span b{color:#d14343}.manual-password-block__heading small{color:var(--slate-500);margin-top:3px;font-size:8px}.password-visibility{color:var(--teal-700);background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;font-weight:700;display:inline-flex}.password-visibility:hover{background:var(--teal-100)}.password-visibility svg{width:14px}.manual-password-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.password-rule-hint{color:var(--slate-500);margin:9px 0 0;font-size:8px;line-height:1.5}.modal-layer{z-index:110;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07192794;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--white);border-radius:17px;width:min(470px,100%);padding:30px;box-shadow:0 28px 70px #07192747}.modal-card__icon{width:46px;height:46px;color:var(--teal-700);background:var(--teal-100);border-radius:13px;place-items:center;margin-bottom:18px;display:grid}.modal-card__icon svg{width:22px;height:22px}.modal-card h2{color:var(--navy-900);margin:5px 0 8px;font-size:22px}.modal-card>p{color:var(--slate-500);margin-bottom:19px;font-size:11px;line-height:1.55}.credential-box{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:8px;margin-top:9px;padding:11px 13px}.credential-box span,.credential-box strong{display:block}.credential-box span{color:var(--slate-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:8px;font-weight:700}.credential-box strong{color:var(--navy-900);word-break:break-all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px}.modal-card__warning{color:var(--amber-700);background:var(--amber-100);border-radius:7px;margin:15px 0;padding:9px 11px;font-size:9px}.modal-card__actions{justify-content:flex-end;gap:8px;display:flex}.reset-password-modal form{gap:13px;display:grid}.reset-password-modal .modal-card__actions{margin-top:4px}.password-page{background:radial-gradient(circle at 20% 15%, #0f968817, transparent 27%), var(--slate-50);place-items:center;min-height:100vh;padding:35px 20px;display:grid}.security-card{background:var(--white);border:1px solid var(--slate-200);width:min(560px,100%);box-shadow:var(--shadow-md);border-radius:19px;padding:34px}.security-card__back{color:var(--slate-600);background:0 0;border:0;border-radius:7px;align-items:center;gap:4px;margin:-6px 0 22px -7px;padding:6px 8px;font-size:10px;font-weight:700;display:inline-flex}.security-card__back:hover{color:var(--navy-900);background:var(--slate-100)}.security-card__back svg{width:15px;height:15px}.security-card__heading{align-items:flex-start;gap:15px;margin-bottom:23px;display:flex}.security-card__icon{width:48px;height:48px;color:var(--teal-700);background:var(--teal-100);border-radius:13px;flex:none;place-items:center;display:grid}.security-card__icon svg{width:23px;height:23px}.security-card h1{color:var(--navy-900);margin:5px 0 6px;font-size:25px}.security-card__heading p{color:var(--slate-500);margin:0;font-size:11px;line-height:1.55}.security-card form{gap:15px;display:grid}.security-card .form-field input{height:44px}.password-input{position:relative}.password-input input{padding-right:43px}.password-input button{width:31px;height:31px;color:var(--slate-500);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.password-input button:hover{color:var(--teal-700);background:var(--teal-100)}.password-input button svg{width:17px;height:17px}.password-rules{color:var(--slate-600);background:var(--slate-50);border-radius:9px;gap:6px;margin-bottom:20px;padding:13px 15px;font-size:9px;display:grid}.password-rules strong{color:var(--navy-900);font-size:10px}.password-rules span:before{content:"✓";color:var(--green-700);margin-right:7px;font-weight:800}.security-card__actions{justify-content:flex-end;gap:8px;margin-top:7px;display:flex}@media (width<=840px){.security-summary{grid-template-columns:1fr}}@media (width<=620px){.security-card{padding:26px 20px}.security-card__heading{flex-direction:column}.security-card__actions,.modal-card__actions{flex-direction:column-reverse;align-items:stretch}.security-card__actions .button,.modal-card__actions .button{width:100%}.role-options,.manual-password-grid{grid-template-columns:1fr}.manual-password-block__heading{flex-direction:column}}.logout-button{color:var(--slate-500)}.logout-button:hover:not(:disabled){color:var(--red-700);background:var(--red-100);border-color:#f3c2c5}.auth-loading{min-height:100vh;color:var(--slate-500);background:var(--slate-50);flex-direction:column;justify-content:center;align-items:center;gap:13px;font-size:12px;display:flex}.auth-loading__mark{width:48px;height:48px;color:var(--white);background:linear-gradient(145deg,#23aa9b,#0b7b71);border-radius:14px;place-items:center;font-size:24px;font-weight:800;display:grid;box-shadow:0 10px 25px #087f7533}.login-page{background:var(--white);grid-template-columns:minmax(420px,1.05fr) minmax(440px,.95fr);min-height:100vh;display:grid}.login-showcase{min-height:100vh;color:var(--white);background:radial-gradient(circle at 78% 16%,#32c6b53d,#0000 25%),radial-gradient(circle at 12% 78%,#288bac33,#0000 30%),linear-gradient(145deg,#092238,#113d55 58%,#0b625f);flex-direction:column;padding:38px clamp(38px,5vw,76px);display:flex;position:relative;overflow:hidden}.login-showcase:before,.login-showcase:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute}.login-showcase:before{width:420px;height:420px;bottom:-105px;right:-210px;box-shadow:0 0 0 60px #ffffff06,0 0 0 120px #ffffff05}.login-showcase:after{width:190px;height:190px;top:29%;left:-100px}.login-brand{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.login-brand>span{width:43px;height:43px;color:var(--white);background:linear-gradient(145deg,#32beae,#0b8075);border:1px solid #ffffff29;border-radius:12px;place-items:center;font-size:22px;font-weight:800;display:grid;box-shadow:0 10px 25px #0000002e}.login-brand strong,.login-brand small{display:block}.login-brand strong{letter-spacing:.1em;font-size:18px}.login-brand small{color:#a8c8d7;letter-spacing:.12em;text-transform:uppercase;margin-top:2px;font-size:10px}.login-showcase__content{z-index:1;width:min(100%,650px);margin:auto 0;padding:70px 0;position:relative}.login-kicker{color:#88e4d9;letter-spacing:.11em;text-transform:uppercase;background:#1fb8a81c;border:1px solid #48d3c438;border-radius:50px;margin-bottom:18px;padding:6px 10px;font-size:9px;font-weight:750;display:inline-block}.login-showcase h1{letter-spacing:-.052em;max-width:620px;margin:0 0 17px;font-size:clamp(37px,4.2vw,60px);line-height:1.02}.login-showcase__content>p{color:#bdd4df;max-width:570px;margin:0;font-size:14px;line-height:1.7}.login-features{gap:13px;margin-top:34px;display:grid}.login-features>div{color:#d7e7ee;align-items:center;gap:11px;font-size:11px;font-weight:550;display:flex}.login-features svg{color:#65d4c7;width:18px;height:18px}.login-showcase__footer{z-index:1;color:#7195a8;letter-spacing:.05em;font-size:9px;position:relative}.login-form-side{background:linear-gradient(#f1f6f98c 1px, transparent 1px), linear-gradient(90deg, #f1f6f98c 1px, transparent 1px), var(--white);background-size:32px 32px;justify-content:center;align-items:center;min-height:100vh;padding:46px clamp(34px,6vw,92px);display:flex}.login-card{border:1px solid var(--slate-200);background:#fffffff7;border-radius:20px;width:min(100%,405px);padding:37px;box-shadow:0 24px 65px #0f2a4321}.login-card__icon{width:45px;height:45px;color:var(--teal-700);background:var(--teal-100);border-radius:13px;place-items:center;margin-bottom:22px;display:grid}.login-card__icon svg{width:22px;height:22px}.login-card h2{color:var(--navy-900);letter-spacing:-.035em;margin:8px 0 7px;font-size:27px}.login-card>p{color:var(--slate-500);margin:0 0 27px;font-size:11px}.login-card form{gap:17px;display:grid}.login-card .form-field input{height:44px}.login-alert{margin-top:-10px}.login-submit{width:100%;min-height:45px;margin-top:4px}.login-help{color:#829ab1;text-align:center;margin-top:21px;font-size:9px;display:block}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-showcase{min-height:auto;padding:27px 30px 38px}.login-showcase__content{padding:70px 0 24px}.login-showcase h1{max-width:680px;font-size:clamp(34px,7vw,52px)}.login-features,.login-showcase__footer{display:none}.login-form-side{min-height:auto;padding:46px 24px 70px}}@media (width<=620px){.profile-area{gap:7px}.logout-button{width:35px;height:35px}.login-showcase{padding-inline:21px}.login-showcase__content{padding-top:54px}.login-showcase h1{font-size:34px}.login-showcase__content>p{font-size:12px}.login-form-side{background:var(--slate-50);padding:31px 14px 48px}.login-card{border-radius:16px;padding:28px 22px}}.role-management-heading{justify-content:space-between;align-items:center;gap:20px;margin:22px 0 14px;display:flex}.role-management-heading h2{color:#102a43;margin:0;font-size:20px}.role-management-heading p{color:#627d98;margin:5px 0 0}.role-card-grid{grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:16px;display:grid}.role-card{background:#fff;border:1px solid #d9e2ec;border-radius:12px;flex-direction:column;min-height:220px;padding:20px;display:flex;box-shadow:0 4px 12px #102a430a}.role-card--system{background:linear-gradient(145deg,#fff,#f1fbfa);border-color:#9bd7d2}.role-card__header{align-items:center;gap:12px;display:flex}.role-card__header>div{flex-direction:column;gap:3px;min-width:0;display:flex}.role-card__header strong{color:#102a43;font-size:16px}.role-card__header code{color:#627d98;font-size:11px}.role-card__header em{color:#087f75;text-transform:uppercase;background:#d9f5f2;border-radius:20px;margin-left:auto;padding:4px 8px;font-size:10px;font-style:normal;font-weight:800}.role-card>p{color:#627d98;min-height:40px;margin:18px 0;line-height:1.5}.role-card__stats{color:#627d98;border-top:1px solid #edf2f7;gap:18px;padding:13px 0;font-size:12px;display:flex}.role-card__stats b{color:#102a43;font-size:15px}.role-card__actions{align-items:center;gap:8px;min-height:34px;margin-top:auto;display:flex}.role-card__actions>span{color:#087f75;font-size:12px}.role-notice{margin-bottom:14px}.role-drawer{width:min(720px,100vw)}.permission-heading{margin:24px 0 12px}.permission-heading h3{color:#102a43;margin:0}.permission-heading p{color:#627d98;margin:4px 0;font-size:12px}.permission-groups{grid-template-columns:1fr 1fr;gap:12px;display:grid}.permission-group{border:1px solid #d9e2ec;border-radius:10px;min-width:0;padding:14px}.permission-group legend{color:#102a43;padding:0 5px;font-weight:800}.permission-group label{cursor:pointer;align-items:flex-start;gap:9px;padding:7px 0;display:flex}.permission-group input{accent-color:#087f75;margin-top:3px}.permission-group label span{flex-direction:column;display:flex}.permission-group label strong{color:#243b53;font-size:13px}.permission-group label small{color:#829ab1;margin-top:2px;line-height:1.35}.alert--info{color:#0f766e;background:#ecfdfb;border:1px solid #9bd7d2}@media (width<=700px){.permission-groups{grid-template-columns:1fr}.role-management-heading{flex-direction:column;align-items:flex-start}.role-management-heading .button{width:100%}}.inline-role-trigger{justify-content:center;width:100%;margin-top:12px}.inline-role-notice{color:#0f766e;background:#ecfdfb;border-radius:8px;align-items:center;gap:7px;margin-top:10px;padding:9px 11px;font-size:12px;font-weight:700;display:flex}.inline-role-notice svg{width:15px;height:15px}.inline-role-builder{background:#f8fffe;border:1px solid #9bd7d2;border-radius:12px;padding:18px}.inline-role-builder__heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.inline-role-builder__heading h3{color:#102a43;margin:3px 0 0;font-size:17px}.inline-role-builder__heading>small{color:#627d98;text-align:right;max-width:220px}.inline-role-builder__footer{border-top:1px solid #d9e2ec;justify-content:flex-end;margin-top:16px;padding-top:14px;display:flex}@media (width<=700px){.inline-role-builder{padding:14px}.inline-role-builder__heading{flex-direction:column}.inline-role-builder__heading>small{text-align:left}.inline-role-builder__footer .button{width:100%}}.drawer-back-button{color:#087f75;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin:0 0 9px;padding:0;font-size:12px;font-weight:800;display:flex}.drawer-back-button svg{width:15px;height:15px}.style-image-upload{background:#f8fafc;border:1px dashed #bcccdc;border-radius:10px;align-items:center;gap:16px;padding:14px;display:flex}.style-image-upload>img,.style-image-upload__placeholder{object-fit:cover;border-radius:9px;flex:none;width:96px;height:96px}.style-image-upload__placeholder{color:#829ab1;background:#e9eff5;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.style-image-upload__placeholder svg{width:28px;height:28px}.style-image-upload__placeholder small{font-size:10px}.style-image-upload>div{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.style-image-upload label{cursor:pointer}.style-image-upload label input{display:none}.style-image-upload>div>small{color:#829ab1;font-size:10px}.style-image-upload .field-error{color:#c0392b}@media (width<=600px){.style-image-upload{flex-direction:column;align-items:stretch}.style-image-upload>img,.style-image-upload__placeholder{width:100%;height:180px}}