@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--primary:#173e35;--primary-deep:#102d27;--accent:#d6a83f;--canvas:#f5f3ed;--surface:#fff;--text:#18231f;--muted:#708078;--line:#e6e8e4;--danger:#b94a45;--shadow:0 16px 45px #192d2514;color:var(--text);background:var(--canvas);font-synthesis:none;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--canvas)}button,input,select,textarea{font:inherit}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-family:Manrope,sans-serif}.eyebrow{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;font-size:.71rem;font-weight:700;display:block}.button{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:700;transition:all .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.6;cursor:wait;transform:none}.button--primary{color:#fff;background:var(--primary);box-shadow:0 8px 22px color-mix(in srgb, var(--primary) 22%, transparent)}.button--soft{color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, white);border:1px solid color-mix(in srgb, var(--primary) 13%, white)}.button--wide{width:100%}.icon-button{cursor:pointer;width:38px;height:38px;color:var(--muted);background:0 0;border:0;border-radius:10px;place-items:center;display:inline-grid}.icon-button:hover{color:var(--primary);background:#173e3514}.brand{color:#fff;align-items:center;gap:12px;display:flex}.brand__logo{background:#fff;border-radius:12px;flex:none;place-items:center;width:48px;height:42px;display:grid;overflow:hidden}.brand__logo img{object-fit:cover;width:100%;height:100%}.brand__mark{background:var(--accent);width:42px;height:42px;color:var(--primary-deep);border-radius:13px;flex:none;place-items:center;font:800 1.45rem Manrope;display:grid;box-shadow:inset 0 0 0 1px #ffffff47}.brand strong{letter-spacing:.1em;font-size:1.18rem;display:block}.brand span{color:#ffffff9e;margin-top:2px;font-size:.69rem;display:block}.login{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login__story{color:#fff;background:var(--primary-deep);padding:54px clamp(32px,7vw,104px);position:relative;overflow:hidden}.login__story:before,.login__story:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute}.login__story:before{width:620px;height:620px;bottom:-220px;right:-270px}.login__story:after{width:380px;height:380px;bottom:-90px;right:-120px}.login__story-inner{z-index:1;flex-direction:column;min-height:calc(100vh - 108px);display:flex;position:relative}.login__headline{max-width:610px;margin:auto 0}.login__headline .eyebrow{color:var(--accent)}.login__headline h1{letter-spacing:-.055em;margin:18px 0;font-size:clamp(2.7rem,5vw,5.2rem);line-height:.98}.login__headline p{color:#ffffffad;max-width:530px;font-size:1.06rem;line-height:1.75}.login__features{color:#ffffffc4;flex-wrap:wrap;gap:22px;font-size:.84rem;display:flex}.login__features span{align-items:center;gap:7px;display:flex}.login__features svg{color:var(--accent)}.login__form-area{background:#f3f1eb;place-items:center;padding:32px;display:grid}.login-card{width:min(100%,420px);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:42px}.login-card__icon{width:48px;height:48px;color:var(--primary);background:color-mix(in srgb, var(--accent) 32%, white);border-radius:14px;place-items:center;margin-bottom:28px;display:grid}.login-card h2{letter-spacing:-.03em;margin:8px 0;font-size:1.8rem}.login-card>p{color:var(--muted);margin-bottom:28px}label{color:#48564f;gap:7px;margin-bottom:17px;font-size:.82rem;font-weight:700;display:grid}input,select,textarea{width:100%;color:var(--text);background:#fff;border:1px solid #dce1dd;border-radius:10px;outline:0;transition:all .2s}input,select{height:44px;padding:0 12px}textarea{resize:vertical;padding:12px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 10%, transparent)}.login-card small{color:var(--muted);text-align:center;margin-top:17px;display:block}.form-error{color:#8b302d;background:#fff0ef;border-radius:9px;margin:0 0 16px;padding:11px 13px;font-size:.83rem}.app-shell{min-height:100vh}.sidebar{z-index:30;color:#fff;background:var(--primary-deep);flex-direction:column;width:250px;padding:22px 14px;transition:width .25s,transform .25s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar__top{justify-content:space-between;align-items:center;min-height:48px;padding:0 8px;display:flex}.sidebar__collapse{color:#ffffff80}.sidebar nav{gap:4px;margin-top:42px;display:grid}.sidebar__label{color:#ffffff59;letter-spacing:.12em;text-transform:uppercase;padding:0 13px 10px;font-size:.66rem;font-weight:700}.sidebar nav button{color:#ffffffa8;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;height:46px;padding:0 13px;display:flex}.sidebar nav button:hover{color:#fff;background:#ffffff0f}.sidebar nav button.active{color:#fff;box-shadow:inset 3px 0 var(--accent);background:#ffffff1c}.sidebar__footer{margin-top:auto}.server-state{background:#ffffff0e;border-radius:12px;align-items:center;gap:10px;padding:13px;display:flex}.server-state>span{background:#5ed39a;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #5ed39a1f}.server-state strong,.server-state small{display:block}.server-state strong{font-size:.75rem}.server-state small{color:#ffffff73;margin-top:2px;font-size:.66rem}.sidebar--collapsed{width:82px}.sidebar--collapsed .brand>div:not(.brand__logo),.sidebar--collapsed nav button span,.sidebar--collapsed .server-state div,.sidebar--collapsed .sidebar__collapse{display:none}.sidebar--collapsed nav button{justify-content:center;padding:0}.sidebar--collapsed .sidebar__label{text-align:center;padding-inline:0;font-size:.55rem}.sidebar--collapsed .server-state{justify-content:center}.app-main{min-height:100vh;margin-left:250px;transition:margin .25s}.app-shell--collapsed .app-main{margin-left:82px}.topbar{z-index:20;background:color-mix(in srgb, var(--canvas) 91%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #1a372e14;justify-content:space-between;align-items:center;height:84px;padding:0 clamp(20px,3vw,42px);display:flex;position:sticky;top:0}.topbar__title{align-items:center;gap:12px;display:flex}.topbar h1{letter-spacing:-.02em;margin:3px 0 0;font-size:1.2rem}.topbar__actions,.user-menu{align-items:center;gap:12px;display:flex}.user-menu{border-left:1px solid var(--line);margin-left:4px;padding-left:15px}.user-menu strong,.user-menu span{display:block}.user-menu strong{font-size:.78rem}.user-menu span{color:var(--muted);font-size:.68rem}.avatar{color:#fff;background:var(--primary);border-radius:11px;place-items:center;width:38px;height:38px;font-size:.75rem;font-weight:800;display:grid}.avatar--soft{color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, white)}.mobile-menu{display:none}.content{padding:30px clamp(20px,3vw,42px) 50px}.page{gap:22px;max-width:1580px;margin:0 auto;display:grid}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.page-heading h2{letter-spacing:-.035em;margin-bottom:5px;font-size:1.7rem}.page-heading p{color:var(--muted);margin:0}.welcome{color:#fff;background:linear-gradient(120deg, var(--primary) 0%, var(--primary-deep) 100%);min-height:158px;box-shadow:var(--shadow);border-radius:17px;justify-content:space-between;align-items:center;gap:25px;padding:28px 32px;display:flex;overflow:hidden}.welcome .eyebrow{color:color-mix(in srgb, var(--accent) 80%, white)}.welcome h2{margin:8px 0 5px;font-size:1.55rem}.welcome p{color:#ffffff9e;margin:0}.welcome__migration{background:#ffffff12;border:1px solid #ffffff1f;border-radius:13px;min-width:215px;padding:17px 20px}.welcome__migration span,.welcome__migration small,.welcome__migration strong{display:block}.welcome__migration span{color:#ffffff7a;text-transform:uppercase;font-size:.7rem}.welcome__migration strong{margin:5px 0;font-size:.93rem}.welcome__migration small{color:#ffffff8c}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metrics-grid--two{grid-template-columns:repeat(2,minmax(0,310px))}.metric-card{background:var(--surface);border:1px solid #14392f0f;border-radius:15px;align-items:flex-start;gap:14px;min-height:130px;padding:21px;display:flex;box-shadow:0 8px 28px #17342c0b}.metric-card__icon{width:40px;height:40px;color:var(--primary);background:#e8f2ee;border-radius:11px;flex:none;place-items:center;display:grid}.metric-card__icon--gold{color:#8a6415;background:#fff4d9}.metric-card__icon--blue{color:#32677f;background:#e8f3f7}.metric-card__icon--red{color:#9b4942;background:#f9eae8}.metric-card__content span,.metric-card__content small,.metric-card__content strong{display:block}.metric-card__content span{color:var(--muted);font-size:.76rem}.metric-card__content strong{letter-spacing:-.035em;margin:7px 0 4px;font-size:1.35rem}.metric-card__content small{color:#9aa49f;font-size:.69rem}.dashboard-grid{grid-template-columns:1.65fr 1fr;gap:18px;display:grid}.panel{background:var(--surface);border:1px solid #173e3512;border-radius:16px;min-width:0;padding:23px;box-shadow:0 8px 30px #1432290b}.panel__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.panel__header h3{margin:5px 0 0;font-size:1rem}.filter-button{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#fff;border-radius:9px;align-items:center;gap:6px;padding:0 10px;font-size:.73rem;display:flex}.bar-chart{border-bottom:1px solid var(--line);align-items:flex-end;gap:clamp(12px,3vw,34px);height:220px;padding:25px 10px 0;display:flex}.bar-chart__item{flex:1;grid-template-rows:20px 1fr 24px;justify-items:center;gap:5px;height:100%;display:grid}.bar-chart__value{color:var(--muted);font-size:.61rem}.bar-chart__track{background:#eff2ef;border-radius:7px 7px 0 0;align-items:flex-end;width:min(32px,70%);height:100%;display:flex;overflow:hidden}.bar-chart__track div{background:linear-gradient(var(--primary), color-mix(in srgb, var(--primary) 74%, var(--accent)));border-radius:7px 7px 0 0;width:100%}.bar-chart__item small{color:var(--muted);font-size:.7rem}.production-list{gap:22px;display:grid}.production-list__row{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.production-list__row strong,.production-list__row small{display:block}.production-list__row strong{font-size:.78rem}.production-list__row small{color:var(--muted);margin-top:2px;font-size:.67rem}.production-list__row b{color:var(--primary);font-size:.72rem}.progress{background:#edf0ed;border-radius:999px;height:6px;overflow:hidden}.progress i{border-radius:inherit;background:var(--accent);height:100%;display:block}.live{color:var(--muted);align-items:center;gap:7px;font-size:.7rem;display:flex}.live i{background:#44bc81;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e7f7ef}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{color:#929d97;letter-spacing:.06em;text-align:left;text-transform:uppercase;padding:0 13px 11px;font-size:.65rem}td{color:#55615b;border-top:1px solid #edf0ed;padding:13px;font-size:.78rem}.clickable-row{cursor:pointer;transition:background .18s}.clickable-row:hover{background:color-mix(in srgb, var(--primary) 4%, white)}td strong{color:var(--text);font-size:.78rem}td small{color:#9ba49f;margin-top:3px;font-size:.64rem;display:block}.right{text-align:right}.cell-main{color:var(--text);display:block}.status{color:#4d5b54;background:#f0f2f0;border-radius:999px;align-items:center;gap:6px;width:fit-content;min-height:25px;padding:0 9px;font-size:.66rem;font-weight:700;display:inline-flex}.status i{background:#8d9992;border-radius:50%;width:6px;height:6px}.status--approved,.status--active,.status--delivered,.status--done{color:#287452;background:#e6f5ed}.status--approved i,.status--active i,.status--delivered i,.status--done i{background:#3ba574}.status--production,.status--running{color:#8b6414;background:#fff3d6}.status--production i,.status--running i{background:#d8a128}.status--invoiced{color:#386d85;background:#e8f3f8}.status--invoiced i{background:#4e91ad}.status--cancelled,.status--inactive{color:#98504b;background:#faeae8}.status--cancelled i,.status--inactive i{background:#c25d55}.toolbar{align-items:center;gap:12px;margin-bottom:20px;display:flex}.toolbar select{width:auto;min-width:175px}.search-box{width:min(100%,390px);margin:0;position:relative}.search-box svg{color:#99a49e;position:absolute;top:13px;left:13px}.search-box input{padding-left:40px}.result-count{color:var(--muted);margin-left:auto;font-size:.75rem}.person-cell{align-items:center;gap:10px;display:flex}.person-cell span{display:block}.stock{border-radius:7px;padding:5px 9px;font-size:.65rem;font-weight:700;display:inline-block}.stock--ok{color:#287452;background:#e6f5ed}.stock--low{color:#8b6414;background:#fff3d6}.stock--out{color:#98504b;background:#faeae8}.production-board{grid-template-columns:repeat(3,1fr);align-items:start;gap:17px;display:grid}.production-column{background:color-mix(in srgb, var(--primary) 4%, white);border-radius:16px;min-height:530px;padding:14px}.production-column__title{justify-content:space-between;align-items:center;padding:5px 3px 15px;font-size:.8rem;font-weight:700;display:flex}.production-column__title span{align-items:center;gap:8px;display:flex}.production-column__title b{background:#fff;border-radius:7px;place-items:center;width:24px;height:24px;font-size:.68rem;display:grid}.dot{background:#9ca59f;border-radius:50%;width:8px;height:8px}.dot--running{background:var(--accent)}.dot--done{background:#3ba574}.production-card{background:#fff;border:1px solid #14372d12;border-radius:13px;gap:22px;margin-bottom:12px;padding:18px;display:grid;box-shadow:0 8px 25px #1530280a}.production-card h3{margin:5px 0 0;font-size:.95rem}.production-card__meta{color:var(--muted);justify-content:space-between;gap:10px;font-size:.68rem;display:flex}.production-card__meta span{align-items:center;gap:5px;display:flex}.line-bars{gap:14px;display:grid}.line-bars>div{grid-template-columns:90px 1fr 34px;align-items:center;gap:10px;font-size:.69rem;display:grid}.line-bars span{color:var(--text);font-weight:700}.line-bars i{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:99px;height:8px}.line-bars small{color:var(--muted)}.status-report{gap:12px;display:grid}.status-report>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:11px;display:flex}.status-report strong{font-size:.82rem}.ranking{gap:15px;display:grid}.ranking>div{grid-template-columns:28px minmax(0,1fr) 90px;align-items:center;gap:12px;display:grid}.ranking>div>b{width:26px;height:26px;color:var(--primary);background:#eef3f0;border-radius:8px;place-items:center;font-size:.7rem;display:grid}.ranking span{min-width:0;font-size:.76rem}.ranking span i{background:#edf0ed;border-radius:99px;height:5px;margin-top:7px;display:block;overflow:hidden}.ranking span em{background:var(--primary);height:100%;display:block}.ranking strong{text-align:right;font-size:.72rem}.backup-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.migration-upload{gap:18px;display:grid}.migration-upload__intro{align-items:flex-start;gap:17px;display:flex}.migration-upload__intro .backup-card__icon{flex:none;margin:0}.migration-upload__intro h3{margin:5px 0 7px}.migration-upload__intro p{max-width:850px;color:var(--muted);margin:0;font-size:.78rem;line-height:1.6}.upload-picker{border:1px dashed color-mix(in srgb, var(--primary) 34%, white);min-height:86px;color:var(--primary);background:color-mix(in srgb, var(--primary) 3%, white);cursor:pointer;border-radius:13px;align-items:center;gap:14px;padding:17px 19px;display:flex}.upload-picker:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 6%, white)}.upload-picker>span{flex:1;min-width:0}.upload-picker strong,.upload-picker small{display:block}.upload-picker strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.upload-picker small{color:var(--muted);margin-top:4px;font-size:.68rem}.upload-picker input{display:none}.migration-upload__actions{align-items:center;gap:13px;display:flex}.migration-upload__actions small{color:var(--muted);font-size:.68rem}.migration-progress{background:#f3f5f3;border-radius:11px;padding:15px 17px}.migration-progress>div:first-child{color:var(--text);justify-content:space-between;align-items:center;gap:15px;font-size:.74rem;display:flex}.migration-progress__track{background:#dfe5e1;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.migration-progress__track i{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--accent));height:100%;transition:width .35s;display:block}.migration-progress small{color:var(--muted);margin-top:9px;font-size:.68rem;display:block}.migration-progress--completed{color:#256c4d;background:#eaf8f1}.migration-progress--failed{color:#8b302d;background:#fff0ef}.backup-card__icon{width:50px;height:50px;color:var(--primary);background:#e5f1ec;border-radius:14px;place-items:center;margin-bottom:24px;display:grid}.backup-card__icon--gold{color:#8a6415;background:#fff3d3}.backup-card h3{margin:7px 0 10px}.backup-card>p{min-height:48px;color:var(--muted);font-size:.78rem;line-height:1.6}.backup-card__state{border-top:1px solid var(--line);align-items:center;gap:11px;margin-top:22px;padding-top:18px;display:flex}.backup-card__state>i{background:#42b47d;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #e8f7ef}.backup-card__state strong,.backup-card__state small{display:block}.backup-card__state strong{font-size:.75rem}.backup-card__state small{color:var(--muted);margin-top:2px;font-size:.66rem}.migration-stats{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px;padding-top:18px;display:grid}.migration-stats span{color:var(--muted);font-size:.66rem}.migration-stats strong{color:var(--text);margin-bottom:3px;font-size:.9rem;display:block}.migration-guide{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.migration-guide>div{padding-left:44px;position:relative}.step{color:#fff;background:var(--primary);border-radius:9px;place-items:center;width:30px;height:30px;font-size:.74rem;font-weight:800;display:grid;position:absolute;left:0}.migration-guide h3{margin:3px 0 7px;font-size:.82rem}.migration-guide p{color:var(--muted);margin:0;font-size:.72rem;line-height:1.55}.success-banner{color:#256c4d;background:#eaf8f1;border:1px solid #cce9da;border-radius:11px;align-items:center;gap:11px;padding:13px 16px;display:flex}.success-banner span,.success-banner strong{display:block}.success-banner strong{font-size:.76rem}.success-banner span{font-size:.69rem}.customize-grid{grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);align-items:start;gap:20px;display:grid}.customize-form{padding:28px}.form-section+.form-section{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.form-section h3{margin:5px 0 18px;font-size:.96rem}.field-grid,.color-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.color-grid{grid-template-columns:repeat(3,1fr)}.color-input{align-items:center;gap:8px;display:flex}.color-input input[type=color]{flex:none;width:44px;padding:3px}.custom-preview{padding:12px 0;position:sticky;top:106px}.preview-window{aspect-ratio:1.18;background:var(--canvas);box-shadow:var(--shadow);border:8px solid #fff;border-radius:18px;grid-template-columns:70px 1fr;margin-top:13px;display:grid;overflow:hidden}.preview-sidebar{background:var(--primary-deep);padding:17px 13px}.preview-sidebar .brand__mark{width:34px;height:34px;font-size:1rem}.preview-sidebar i{background:#ffffff24;border-radius:99px;width:32px;height:6px;margin-top:25px;display:block}.preview-content{padding:15px}.preview-header{justify-content:space-between;display:flex}.preview-header span{background:#cbd3ce;border-radius:99px;width:60px;height:7px}.preview-header b{background:var(--primary);border-radius:8px;width:25px;height:25px}.preview-hero{color:#fff;background:var(--primary);border-radius:11px;margin-top:19px;padding:18px}.preview-hero small,.preview-hero strong,.preview-hero span{display:block}.preview-hero small{color:var(--accent);font-size:.38rem}.preview-hero strong{margin:5px 0;font-size:.62rem}.preview-hero span{background:#ffffff40;border-radius:99px;width:60%;height:4px}.preview-cards{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px;display:grid}.preview-cards i{background:#fff;border-radius:8px;height:50px}.preview-table{background:#fff;border-radius:8px;gap:7px;margin-top:10px;padding:11px;display:grid}.preview-table b{background:var(--primary);border-radius:99px;width:30%;height:5px}.preview-table span{background:#e5e9e6;border-radius:99px;height:4px}.drawer-layer{z-index:100;position:fixed;inset:0}.drawer-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#081a1575;border:0;width:100%;position:absolute;inset:0}.drawer{background:#f8f8f5;flex-direction:column;width:min(620px,100%);animation:.24s ease-out slide-in;display:flex;position:absolute;inset:0 0 0 auto;box-shadow:-25px 0 60px #0a1e1829}@keyframes slide-in{0%{transform:translate(100%)}}.drawer__header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;min-height:84px;padding:0 28px;display:flex}.drawer__header h2{margin:4px 0 0;font-size:1.35rem}.drawer form{flex-direction:column;flex:1;min-height:0;display:flex}.drawer__body{flex:1;padding:28px;overflow-y:auto}.drawer__footer{border-top:1px solid var(--line);background:#fff;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:18px 28px;display:grid}.drawer__footer span,.drawer__footer strong{display:block}.drawer__footer span{color:var(--muted);font-size:.68rem}.drawer__footer strong{margin-top:3px;font-size:1.05rem}.drawer__footer--details{justify-content:flex-end;display:flex}.order-detail-grid{grid-template-columns:1.5fr 1fr;gap:10px;display:grid}.order-detail-grid>div{border:1px solid var(--line);background:#fff;border-radius:11px;min-height:82px;padding:14px}.order-detail-grid span,.order-detail-grid strong,.order-detail-grid small{display:block}.order-detail-grid>div>span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.65rem}.order-detail-grid strong{font-size:.78rem}.order-detail-grid small{color:var(--muted);margin-top:4px;font-size:.68rem}.order-items{border:1px solid var(--line);background:#fff;border-radius:13px;margin-top:20px;padding:18px}.order-items .items-editor__title span{color:var(--muted);font-size:.7rem}.order-items .empty{min-height:130px}.order-summary{background:#fff;border-radius:12px;gap:9px;width:min(100%,330px);margin-top:20px;margin-left:auto;padding:17px;display:grid}.order-summary>div{color:var(--muted);justify-content:space-between;gap:12px;font-size:.73rem;display:flex}.order-summary>div strong{color:var(--text)}.order-summary__total{border-top:1px solid var(--line);margin-top:4px;padding-top:12px;font-size:.9rem!important}.order-summary__total strong{color:var(--primary)!important}.order-notes{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:20px;padding:17px}.order-notes span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.order-notes p{color:#526059;white-space:pre-wrap;margin:8px 0 0;font-size:.76rem;line-height:1.6}.items-editor{border:1px solid var(--line);background:#fff;border-radius:13px;margin:25px 0;padding:18px}.items-editor__title{justify-content:space-between;margin-bottom:14px;font-size:.82rem;display:flex}.text-button{color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:.72rem;font-weight:700;display:flex}.item-row{grid-template-columns:1fr 95px 38px;gap:8px;margin-top:8px;display:grid}.loading,.empty{min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.empty{text-align:center;flex-direction:column}.empty strong{color:var(--text);font-size:.88rem}.empty span{font-size:.75rem}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-overlay{display:none}body[data-density=compact] .panel{padding:18px}body[data-density=compact] td{padding-block:9px}body[data-density=compact] .metric-card{min-height:105px;padding:16px}@media (width<=1120px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.customize-grid{grid-template-columns:1fr}.custom-preview{max-width:650px;position:static}}@media (width<=820px){.login{grid-template-columns:1fr}.login__story{min-height:420px}.login__story-inner{min-height:320px}.login__features{display:none}.sidebar,.sidebar--collapsed{width:260px;transform:translate(-100%)}.sidebar--mobile-open{transform:translate(0)}.sidebar--collapsed .brand>div:not(.brand__logo),.sidebar--collapsed nav button span,.sidebar--collapsed .server-state div{display:block}.sidebar--collapsed nav button{justify-content:flex-start;padding:0 13px}.sidebar__collapse{display:none}.app-main,.app-shell--collapsed .app-main{margin-left:0}.mobile-menu{display:grid}.mobile-overlay{z-index:29;background:#08191466;border:0;display:block;position:fixed;inset:0}.production-board{grid-template-columns:1fr}.production-column{min-height:180px}.backup-grid,.migration-guide{grid-template-columns:1fr}.migration-upload__actions{flex-direction:column;align-items:stretch}}@media (width<=620px){.hide-mobile{display:none!important}.topbar{height:72px}.content{padding:20px 14px 38px}.metrics-grid,.metrics-grid--two{grid-template-columns:1fr}.welcome{flex-direction:column;align-items:flex-start;padding:24px}.welcome__migration{width:100%}.page-heading{flex-direction:column;align-items:flex-start}.page-heading .button{width:100%}.toolbar{flex-direction:column;align-items:stretch}.search-box,.toolbar select{width:100%}.result-count{margin-left:0}.field-grid,.color-grid{grid-template-columns:1fr}.drawer__footer{grid-template-columns:1fr 1fr}.drawer__footer>div{grid-column:1/-1}.drawer__footer .button{padding-inline:8px}.item-row{grid-template-columns:1fr 75px 35px}.order-detail-grid{grid-template-columns:1fr}.login__story{padding:34px 25px}.login__headline h1{font-size:2.65rem}.login__form-area{padding:18px}.login-card{padding:28px 23px}}