:root{--navy:#17324d;--teal:#16858a;--teal-dark:#11696d;--ink:#203247;--muted:#7b8797;--line:#e8edf2;--bg:#f5f7fa;--white:#fff;--orange:#b87b26;--danger:#bf4c4c;--radius:16px;--shadow:0 12px 38px #17324d0a;font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{border:0}a{color:var(--teal);text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-.8px;font-weight:650}h2{font-size:18px;letter-spacing:-.35px;font-weight:650}h3{font-size:15px;font-weight:650}svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}small{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.money{font-variant-numeric:tabular-nums}.brand{display:block;width:208px;height:48px;object-fit:cover}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:10px;background:var(--teal);color:white;font-weight:600;min-height:42px;transition:background .15s}.button:hover{background:var(--teal-dark)}.button.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.button.secondary:hover{background:var(--bg)}.button.light{background:#eaf5f4;color:var(--teal-dark)}.button.small{padding:7px 12px;min-height:34px;font-size:12px}.button.danger{background:#faebeb;color:var(--danger)}.icon-button{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:transparent;color:var(--muted)}.icon-button:hover{background:var(--bg);color:var(--ink)}.flex{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:14px}.stack{display:flex;flex-direction:column;gap:18px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:600;white-space:nowrap;background:#eaf5f4;color:var(--teal-dark)}.badge.orange{background:#fff5e4;color:#a66c1e}.badge.gray{background:#f0f3f7;color:#788698}.badge.red{background:#faecec;color:var(--danger)}.dot{width:6px;height:6px;background:currentColor;border-radius:50%;display:inline-block}.pill{border-radius:30px;padding:7px 10px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:22px 24px;border-bottom:1px solid var(--line)}.panel-body{padding:24px}.section-label{font-size:10px;letter-spacing:1.4px;color:#9ba6b3;font-weight:700;text-transform:uppercase}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12px;font-weight:600;color:#5e6e80}.input,input:not([type=checkbox]),select,textarea{width:100%;border:1px solid #dfe6ed;border-radius:9px;padding:11px 12px;background:white;color:var(--ink);min-height:42px}input:focus,select:focus,textarea:focus{border-color:var(--teal);outline:2px solid #16858a15}textarea{resize:vertical;min-height:80px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.hint{font-size:12px;color:var(--muted);line-height:1.6}.check{display:flex;align-items:flex-start;gap:8px;line-height:1.6;font-size:12px;color:#617287}.check input{accent-color:var(--teal);margin-top:3px}.notice{border:1px solid #e0ebe9;background:#f3f9f8;color:#557575;border-radius:10px;padding:13px 15px;font-size:12px;line-height:1.7}.notice.orange{background:#fffbf3;border-color:#f2e6cc;color:#9b793e}.notice.red{background:#fff5f5;border-color:#f3d9d9;color:#b25151}.empty{text-align:center;color:var(--muted);padding:55px 24px;line-height:1.8}.empty svg{width:34px;height:34px;margin-bottom:12px;color:#b9c5ce}.empty strong{display:block;color:#627587;font-weight:600}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{font-size:10px;letter-spacing:.65px;text-transform:uppercase;color:#8d9aaa;font-weight:650;background:#fafbfd;padding:14px 20px;border-bottom:1px solid var(--line)}td{padding:15px 20px;border-bottom:1px solid #eff2f5;font-size:12px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfd}.right{text-align:right}.cell-title{font-weight:600;color:var(--ink)}.cell-sub{display:block;font-size:10px;color:var(--muted);margin-top:4px}.search{position:relative;min-width:240px}.search svg{position:absolute;top:12px;left:12px;width:17px;height:17px;color:#97a3b0}.search input{padding-left:39px;background:#fff}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border-radius:8px;padding:8px 13px;font-size:12px;background:white;color:#738194;border:1px solid var(--line)}.filter.active{background:var(--navy);border-color:var(--navy);color:white}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px;flex-wrap:wrap}.boot{height:100vh;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--muted)}.spinner{display:inline-block;width:20px;height:20px;border:2px solid #d3e5e5;border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.auth{min-height:100vh;display:grid;grid-template-columns:1.04fr 1fr;background:white}.auth-aside{background:var(--navy);color:white;padding:48px 64px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.auth-logo{background:white;display:inline-flex;border-radius:12px;padding:8px 20px;width:max-content;position:relative;z-index:1}.auth-hero{position:relative;z-index:1;padding:70px 0 40px;max-width:470px}.auth-hero .eyebrow{font-size:11px;letter-spacing:2px;color:#7ebbbd;text-transform:uppercase;margin-bottom:20px}.auth-hero h1{font-size:46px;letter-spacing:-2px;line-height:1.18;font-weight:600}.auth-hero p{font-size:15px;color:#a8bbc9;line-height:1.9;margin-top:25px;max-width:365px}.auth-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px}.auth-feature{border:1px solid #ffffff14;background:#ffffff05;border-radius:12px;padding:17px}.auth-feature svg{color:#76bec0;margin-bottom:12px}.auth-feature strong{display:block;font-size:12px;font-weight:500}.auth-feature small{font-size:10px;color:#91a8bb;display:block;margin-top:7px}.auth-art{position:absolute;right:-210px;top:15%;width:550px;height:550px;border:1px solid #ffffff09;border-radius:100px;transform:rotate(30deg);box-shadow:0 0 0 50px #ffffff02,0 0 0 100px #ffffff02,0 0 0 150px #ffffff02}.auth-footer{font-size:11px;color:#8199ac;position:relative;z-index:1}.auth-main{display:flex;align-items:center;justify-content:center;padding:44px}.auth-card{width:100%;max-width:390px}.auth-card h2{font-size:28px;margin-bottom:9px}.auth-card>p{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:32px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--bg);padding:5px;border-radius:11px;margin-bottom:27px}.auth-tab{padding:12px 7px;font-weight:600;font-size:12px;background:transparent;color:#8591a0;border-radius:8px}.auth-tab.active{background:white;color:var(--navy);box-shadow:0 2px 8px #17324d0d}.auth-card form{display:flex;flex-direction:column;gap:19px}.auth-card form .button{margin-top:5px}.auth-note{margin-top:27px;border-top:1px solid var(--line);padding-top:22px;display:flex;gap:10px;font-size:11px;color:var(--muted);line-height:1.8}.auth-note svg{width:16px;height:16px;margin-top:2px;color:var(--teal)}.auth-error{color:var(--danger);font-size:12px;min-height:16px}.setup-card{max-width:440px}.setup-card h2{font-size:26px}.setup-card>p{margin-bottom:22px}.setup-card form{gap:14px}.setup-card .input{padding:9px}
.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{position:fixed;top:0;bottom:0;left:0;width:244px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:10}.sidebar-brand{padding:25px 20px 21px;border-bottom:1px solid var(--line)}.sidebar-brand .brand{width:200px;height:43px}.workspace{margin:20px 16px 16px;border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;gap:10px;align-items:center}.workspace-icon{display:grid;place-items:center;background:#eef4f7;border-radius:8px;width:33px;height:33px;color:var(--navy)}.workspace-copy{min-width:0}.workspace-copy strong{display:block;font-size:11px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.workspace-copy small{display:block;font-size:10px;margin-top:4px}.nav-label{padding:12px 28px 8px}.nav{padding:0 14px;display:flex;flex-direction:column;gap:4px;overflow:auto}.nav-item{display:flex;align-items:center;gap:11px;padding:12px 14px;background:transparent;color:#8290a1;border-radius:9px;text-align:left;font-size:12px;position:relative}.nav-item:hover{background:#f6f9fa;color:var(--navy)}.nav-item.active{background:#eaf5f4;color:var(--teal-dark);font-weight:650}.nav-item svg{width:18px;height:18px}.nav-item .tiny-count{margin-left:auto;background:#f3e8d3;color:#b08035;font-size:9px;padding:2px 5px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding:19px 24px;border-top:1px solid var(--line)}.sidebar-bottom p{font-size:10px;color:var(--muted);line-height:1.6}.profile{display:flex;align-items:center;gap:10px;margin-bottom:16px}.avatar{width:34px;height:34px;display:grid;place-items:center;background:var(--navy);color:white;border-radius:10px;font-size:11px;font-weight:600}.profile strong{font-size:11px;display:block}.profile small{font-size:10px;display:block;margin-top:3px}.main{grid-column:2;min-width:0}.topbar{height:77px;border-bottom:1px solid var(--line);background:#ffffffd9;backdrop-filter:blur(8px);padding:0 38px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}.breadcrumbs{font-size:11px;color:#98a3b1;display:flex;align-items:center;gap:12px}.breadcrumbs b{font-weight:500;color:#50647b}.topbar-actions{display:flex;align-items:center;gap:16px}.topbar .date{font-size:11px;color:var(--muted)}.content{padding:33px 38px 46px;max-width:1680px;margin:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading p{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.7}.page-heading .eyebrow{margin-bottom:8px;font-size:10px;letter-spacing:1.4px;font-weight:650;color:var(--teal)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.kpi{padding:20px 22px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.kpi .label{font-size:11px;color:#8b98a7;display:flex;justify-content:space-between;align-items:center;gap:10px}.kpi .label svg{width:17px;height:17px;color:#9ab6bc}.kpi .value{font-size:27px;font-weight:650;letter-spacing:-.9px;margin:15px 0 8px}.kpi .foot{font-size:10px;color:#95a0ae}.kpi.accent{background:var(--navy);color:white;border-color:var(--navy)}.kpi.accent .label{color:#a8becc}.kpi.accent .foot{color:#91b2c3}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:24px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.quick-action{border:1px solid var(--line);border-radius:11px;background:white;min-height:102px;padding:17px;text-align:left;color:var(--ink)}.quick-action:hover{border-color:#a6cfce;background:#faffff}.quick-action svg{display:block;color:var(--teal);margin-bottom:16px}.quick-action strong{display:block;font-size:11px;font-weight:600}.quick-action small{display:block;font-size:9px;margin-top:5px}.activity-item{padding:15px 0;border-bottom:1px solid var(--line);display:flex;gap:11px;align-items:flex-start}.activity-item:last-child{border:0;padding-bottom:0}.activity-icon{width:29px;height:29px;background:#eef5f4;border-radius:8px;display:grid;place-items:center;color:var(--teal);flex-shrink:0}.activity-icon svg{width:14px;height:14px}.activity-item strong{font-size:11px;font-weight:600}.activity-item p{color:var(--muted);font-size:10px;line-height:1.6;margin-top:4px}.activity-time{font-size:9px;color:#a7b0bb;margin-left:auto;white-space:nowrap}.sync-card{background:#f6fafa;border:1px solid #e2edec;border-radius:11px;padding:17px;margin-top:20px}.sync-card h3{font-size:12px;margin-bottom:8px}.sync-card p{font-size:10px;line-height:1.8;color:#779291}.onboarding{padding:21px 24px;background:#edf5f6;border:1px solid #dceaea;border-radius:13px;margin-bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.onboarding strong{font-size:13px}.onboarding p{font-size:11px;line-height:1.7;color:#758e92;margin-top:5px}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.recipe-card{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;text-align:left;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s,border-color .15s;display:flex;flex-direction:column;min-height:195px}.recipe-card:hover{transform:translateY(-2px);border-color:#a8cfd0}.recipe-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.food-icon{display:grid;place-items:center;width:38px;height:38px;background:#eaf4f2;border-radius:11px;color:var(--teal)}.food-icon.soup{background:#fff4e5;color:#bc8e4b}.food-icon.cafe{background:#f4eff7;color:#977aa5}.recipe-card h3{font-size:12px;line-height:1.5;min-height:35px;letter-spacing:.1px}.recipe-card p{font-size:10px;color:var(--muted);margin-top:10px}.recipe-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:18px;padding-top:14px;font-size:10px;color:var(--muted)}.recipe-card-bottom strong{color:var(--teal);font-size:11px;font-weight:600}.recipe-status{font-size:10px;color:#b38b4d}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:25px}.tab{padding:12px 0;color:#8b98a6;background:none;font-size:12px;border-bottom:2px solid transparent}.tab.active{color:var(--teal);font-weight:650;border-bottom-color:var(--teal)}.file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.file-card{padding:20px;background:white;border:1px solid var(--line);border-radius:13px}.file-card svg{color:var(--teal);width:30px;height:30px;margin:10px 0 20px}.file-card h3{font-size:12px;word-break:break-word}.file-card p{font-size:10px;color:var(--muted);margin:9px 0 16px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid .panel-body p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:18px}.role-name{font-size:11px}.hr-actions{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.status-list{display:flex;flex-direction:column;gap:14px;margin-top:12px}.status-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding-bottom:13px;border-bottom:1px solid var(--line)}.status-row:last-child{border:0;padding-bottom:0}.upload-zone{padding:35px;border:1px dashed #b9ced0;background:#f8fcfb;border-radius:13px;text-align:center;margin-bottom:24px}.upload-zone svg{color:var(--teal);width:28px;height:28px;margin-bottom:12px}.upload-zone strong{display:block;font-size:13px;margin-bottom:8px}.upload-zone p{font-size:11px;color:var(--muted);margin-bottom:16px}
dialog{border:1px solid var(--line);border-radius:19px;width:min(610px,calc(100vw - 32px));max-height:90vh;padding:0;box-shadow:0 30px 100px #0e283240;color:var(--ink)}dialog.wide{width:min(880px,calc(100vw - 32px))}dialog::backdrop{background:#14283f66;backdrop-filter:blur(3px)}.modal-head{padding:23px 26px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:19px}.modal-head p{font-size:11px;color:var(--muted);margin-top:6px}.modal-body{padding:25px 26px;overflow:auto}.modal-footer{padding:18px 26px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;gap:10px;background:#fbfcfd}.modal-body .table-wrap{margin:18px -5px}.ingredient-table input{padding:7px;min-height:34px;width:110px}.ingredient-table td{padding:9px 8px}.ingredient-table th{padding:9px 8px}.ingredient-table select{min-width:210px;padding:7px;font-size:11px}.ingredient-table td:first-child{width:45%}.warning-list{font-size:11px;line-height:1.8;color:#aa8244;margin:0;padding-left:17px}.preview-lines td{padding:11px 10px}.preview-lines th{padding:10px}.preview-lines{margin-top:20px}.production-number{font-size:30px!important;font-weight:650;color:var(--navy)!important;padding:15px!important;min-height:65px!important}.receipt{max-width:370px;margin:0 auto;background:white;padding:24px;font-family:'Segoe UI',Arial,sans-serif}.receipt .brand{width:220px;height:52px;margin:auto}.receipt h2{text-align:center;font-size:14px;margin:20px 0 9px}.receipt .receipt-meta{text-align:center;color:var(--muted);font-size:10px;line-height:1.8;margin-bottom:20px}.receipt table th,.receipt table td{padding:10px 4px;white-space:normal;font-size:11px}.receipt-total{border-top:2px solid var(--ink);padding-top:15px;margin-top:10px;font-size:18px;font-weight:700;display:flex;justify-content:space-between}.receipt-note{font-size:9px;color:var(--muted);text-align:center;margin-top:20px;line-height:1.7}.print-form{padding:15px;line-height:1.8}.print-form h2{text-align:center;margin:25px 0}.print-form .line{padding:11px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.signatures{display:flex;justify-content:space-between;padding-top:65px;font-size:12px}#toasts{position:fixed;right:26px;bottom:26px;z-index:100;display:flex;flex-direction:column;gap:10px;max-width:420px}.toast{border:1px solid #cce3df;background:#f6fffc;color:#267369;border-radius:12px;padding:16px 21px;box-shadow:0 8px 35px #17324d18;font-size:12px;line-height:1.7;animation:toast-in .2s}.toast.error{border-color:#edcece;background:#fff8f8;color:#b15151}@keyframes toast-in{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}
.pos{height:100vh;display:flex;flex-direction:column;background:var(--bg)}.pos-header{height:78px;background:white;border-bottom:1px solid var(--line);padding:0 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-shrink:0}.pos-header .brand{width:200px;height:46px}.pos-header .pos-user{font-size:11px;color:var(--muted)}.pos-main{display:grid;grid-template-columns:minmax(0,1fr) 390px;flex:1;min-height:0}.pos-products{padding:26px 30px;overflow:auto}.pos-products h1{font-size:25px;margin-bottom:7px}.pos-products .toolbar{margin:25px 0 22px}.pos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product-tile{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;text-align:left;min-height:164px;display:flex;flex-direction:column;transition:transform .15s}.product-tile:hover{border-color:#89bdbb;transform:translateY(-2px)}.product-tile .food-icon{margin-bottom:14px}.product-tile strong{font-size:12px;line-height:1.5;flex:1}.product-tile .price-row{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.product-tile .price-row b{font-size:16px;color:var(--navy);font-weight:650}.product-tile .price-row small{font-size:9px}.pos-cart{background:white;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.cart-head{padding:25px 24px;border-bottom:1px solid var(--line)}.cart-head h2{font-size:18px}.cart-lines{flex:1;overflow:auto;padding:0 24px}.cart-line{padding:20px 0;border-bottom:1px solid var(--line)}.cart-line h3{font-size:12px;line-height:1.5;max-width:230px}.cart-line .line-top{display:flex;justify-content:space-between;gap:10px}.cart-line .line-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.quantity-control{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;overflow:hidden}.quantity-control button{width:29px;height:29px;display:grid;place-items:center;background:#f8fafb;color:#617587}.quantity-control span{min-width:35px;text-align:center;font-size:12px}.quantity-control svg{width:13px;height:13px}.cart-checkout{border-top:1px solid var(--line);padding:22px 24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 -8px 25px #17324d04}.cart-total{display:flex;justify-content:space-between;align-items:center}.cart-total strong{font-size:26px;color:var(--navy);letter-spacing:-.7px}.payment-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.payment-option{border:1px solid var(--line);background:white;color:#8190a0;border-radius:9px;padding:10px 3px;font-size:9px;display:flex;flex-direction:column;align-items:center;gap:6px}.payment-option svg{width:17px;height:17px}.payment-option.active{border-color:#8ec1bf;background:#eff8f6;color:var(--teal-dark)}.pos-footer{background:#edf4f4;color:#708c8d;padding:9px 28px;font-size:10px;display:flex;justify-content:space-between;border-top:1px solid #e0eaea}.pos-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:220px;color:#a7b3bf;gap:14px}.pos-empty svg{width:40px;height:40px}.pos-empty p{font-size:11px}.demo-banner{font-size:9px;letter-spacing:.6px;color:#b28034;background:#fff6e7;padding:5px 8px;border-radius:5px}.mobile-menu{display:none}
@media(min-width:1500px){.recipe-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pos-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.shell{grid-template-columns:210px 1fr}.sidebar{width:210px}.sidebar-brand{padding:20px 12px}.sidebar-brand .brand{width:185px}.content{padding:27px 24px}.topbar{padding:0 24px}.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-main{grid-template-columns:minmax(0,1fr) 350px}.pos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-aside{padding:40px}.auth-hero h1{font-size:38px}.file-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.auth{grid-template-columns:1fr}.auth-aside{display:none}.auth-main{padding:34px 24px;min-height:100vh}.shell{grid-template-columns:1fr}.sidebar{width:244px;transform:translateX(-100%);transition:transform .2s}.shell.menu-open .sidebar{transform:none;box-shadow:20px 0 80px #17324d22}.main{grid-column:1}.mobile-menu{display:grid}.topbar{height:65px;padding:0 18px}.topbar .date{display:none}.content{padding:24px 18px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.page-heading .button{font-size:11px;padding:10px}.kpis{gap:12px}.kpi{padding:17px}.kpi .value{font-size:24px}.quick-actions{grid-template-columns:1fr 1fr 1fr}.quick-action{padding:12px}.settings-grid{grid-template-columns:1fr}.recipe-grid{gap:12px}.recipe-card{padding:16px}.file-grid{grid-template-columns:1fr}.pos{height:auto;min-height:100vh}.pos-main{grid-template-columns:1fr;min-height:auto}.pos-products{padding:24px 18px}.pos-cart{border-left:0;border-top:1px solid var(--line)}.pos-header{padding:0 16px}.pos-header .brand{width:160px;height:40px}.pos-header .pos-user{display:none}.pos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-lines{max-height:350px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.toolbar .search{min-width:100%;flex:1}.topbar-actions{gap:7px}.topbar-actions .pill{font-size:9px}.panel-head{padding:19px}.panel-body{padding:19px}.onboarding{align-items:flex-start;flex-direction:column}.auth-features{grid-template-columns:1fr 1fr}}
@media print{body{background:white!important}body>*:not(dialog){display:none!important}dialog{display:block!important;position:static!important;max-height:none!important;width:100%!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important}dialog::backdrop,.modal-head,.modal-footer{display:none!important}.modal-body{padding:0!important;overflow:visible!important}.receipt,.print-form{box-shadow:none!important}a{color:inherit}}

/* Accounting workflows */
.wrap{flex-wrap:wrap}.text-button{background:none;color:var(--teal-dark);padding:0;text-align:left;text-decoration:underline;font-size:inherit}.finance-kpis .value{font-size:23px}.account-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.invoice-editor.wide{width:min(1180px,calc(100vw - 32px))}.invoice-header-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.invoice-party-row{display:flex;gap:12px;align-items:flex-end}.invoice-party-row .field{flex:1}.invoice-lines{min-width:900px;table-layout:fixed}.invoice-lines td,.invoice-lines th{padding:10px 7px;vertical-align:top}.invoice-lines th:first-child{width:28%}.invoice-lines th:nth-child(2){width:12%}.invoice-lines th:nth-child(3){width:15%}.invoice-lines th:nth-child(4){width:14%}.invoice-lines th:nth-child(5){width:10%}.invoice-lines th:nth-child(6){width:15%}.invoice-lines th:last-child{width:6%}.invoice-lines input,.invoice-lines select{width:100%;min-width:0;min-height:35px;padding:7px;font-size:11px;margin-bottom:6px}.invoice-lines input[name="line_unit"],.invoice-lines input[name="line_tax_code"],.invoice-lines input[name="line_description"]{font-size:10px}.invoice-lines .money{font-size:12px;padding-top:19px}.invoice-bottom{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);gap:28px}.invoice-totals{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:16px 20px;align-self:start}.invoice-totals>div{font-size:12px;padding:10px 0;border-bottom:1px solid var(--line);gap:20px}.invoice-totals>div:last-child{border:0;color:var(--teal-dark);font-size:16px}.invoice-meta{display:flex;justify-content:space-between;gap:24px;font-size:12px;line-height:1.9;margin:20px 0}.invoice-meta>div{flex:1}.invoice-meta p{font-size:11px;color:var(--muted);white-space:pre-line}.detail-totals{max-width:380px;margin:22px 0 22px auto}.invoice-print .brand{width:210px;height:50px}.invoice-print h2{text-align:left;margin:24px 0;font-size:22px}.opening-panel{border:1px solid var(--line);border-radius:10px;padding:16px}.opening-panel summary{cursor:pointer;font-size:12px;font-weight:600}.opening-panel .form-grid{margin-top:18px}.opening-panel .hint{margin-top:12px}.party-balance{font-size:23px;font-weight:650;text-align:right}.party-balance .cell-sub{font-size:12px;font-weight:400}.modal-footer{flex-wrap:wrap}[hidden]{display:none!important}
@media(max-width:900px){.invoice-header-grid{grid-template-columns:1fr 1fr}.invoice-bottom{grid-template-columns:1fr}.invoice-meta{flex-wrap:wrap}.finance-kpis{grid-template-columns:1fr 1fr}.page-heading>.flex{justify-content:flex-end}.invoice-party-row{flex-wrap:wrap}}
@media print{.invoice-editor{max-width:none!important}.invoice-meta{break-inside:avoid}.invoice-totals{break-inside:avoid}.modal-body .table-wrap{overflow:visible}.invoice-print h2{text-align:left}.text-button{color:inherit;text-decoration:none}.stack{gap:12px}}

/* Reports */
.report-controls{padding:23px;margin-bottom:25px}.report-selection{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:15px}.report-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:18px}.report-run-row{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:21px;padding-top:18px;border-top:1px solid var(--line)}.report-run-row .hint{max-width:70%;line-height:1.8}.report-run-row .button{white-space:nowrap}.report-caption{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:24px 0 19px}.report-caption h2{font-size:17px}.report-caption p{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.7}.report-caption>small{font-size:10px;white-space:nowrap}.report-kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.report-kpis .value{font-size:25px}.report-table-wrap th.numeric,.report-table-wrap td.numeric{text-align:right;font-variant-numeric:tabular-nums}.report-table-wrap tbody tr:hover{background:#f5fafa}.report-table-wrap tfoot td{background:#edf5f4;border-top:2px solid #ccdfdd;font-weight:650;color:var(--navy)}.report-pagination{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.report-pagination .flex>span{padding:0 5px;white-space:nowrap}.report-notes{margin-top:18px;font-size:11px;color:var(--muted);line-height:1.9}.report-stale>.panel,.report-stale>.kpis,.report-stale>.report-caption{opacity:.6}.report-stale>.notice{margin-bottom:20px}.report-chart{margin-bottom:24px}.report-bars{display:flex;align-items:flex-end;gap:20px;padding:24px 28px 18px;overflow-x:auto;min-height:200px}.report-bar-column{flex:1;min-width:58px;max-width:160px;text-align:center}.report-bar-column>span{font-size:10px;white-space:nowrap;color:var(--navy);font-weight:600}.report-bar-track{height:115px;display:flex;align-items:flex-end;justify-content:center;margin:10px 0}.report-bar{width:65%;max-width:48px;background:linear-gradient(180deg,#4eaca9,#16858b);border-radius:6px 6px 0 0;min-height:2px}.report-bar-column small{font-size:10px;color:var(--muted)}.report-print-dialog.wide{width:min(1240px,calc(100vw - 32px))}.report-print-head{text-align:left;margin-bottom:20px}.report-print-head .brand{width:210px;height:50px}.report-print-head h1{font-size:23px;margin:20px 0 10px}.report-print-head strong{font-size:13px}.report-print-head p,.report-print-head small{display:block;font-size:11px;line-height:1.8;margin-top:6px}.report-print-metrics{display:flex;flex-wrap:wrap;gap:22px;border-block:1px solid var(--line);padding:18px 0;margin-bottom:24px}.report-print-metrics small{display:block;font-size:10px}.report-print-metrics strong{display:block;font-size:17px;margin-top:8px}.report-print td,.report-print th{font-size:10px;white-space:normal;min-width:70px}.report-print table{width:100%}
@media(max-width:1100px){.report-selection{grid-template-columns:1fr 1fr}.report-filter-grid{grid-template-columns:1fr 1fr}.report-caption{flex-wrap:wrap}}
@media(max-width:760px){.report-controls{padding:17px}.report-selection,.report-filter-grid{grid-template-columns:1fr 1fr}.report-selection>.field:first-child{grid-column:1/-1}.report-run-row{flex-direction:column;align-items:stretch}.report-run-row .hint{max-width:none}.report-pagination{flex-direction:column;align-items:flex-start}.report-kpis{grid-template-columns:1fr 1fr}.report-kpis .value{font-size:20px}}
@media print{.report-print{font-size:9px}.report-print th,.report-print td{font-size:8px;padding:6px 4px!important;min-width:0!important;overflow-wrap:anywhere}.report-print .table-wrap{overflow:visible!important;margin:0!important}.report-print table{min-width:0!important;table-layout:auto}.report-print thead{display:table-header-group}.report-print tfoot{display:table-row-group}.report-print tr{break-inside:avoid}.report-print-head,.report-print-metrics{break-inside:avoid}.report-print-dialog{max-width:none!important}.report-print .report-notes{font-size:9px}.report-print .report-notes p{break-inside:avoid}}

/* Register opening, closing and mail history */
.retail-landing{min-height:100vh;background:var(--bg)}.retail-welcome{max-width:1120px;margin:auto;padding:58px 35px}.retail-welcome .eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--teal);margin-bottom:14px}.retail-welcome h1{font-size:32px;margin-bottom:14px;letter-spacing:-.8px}.retail-welcome>p{font-size:13px;color:var(--muted);line-height:1.8}.retail-day-info{display:flex;align-items:center;gap:15px;margin:24px 0 30px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.register-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-bottom:30px}.register-card{background:white;border:1px solid var(--line);border-radius:16px;padding:25px;box-shadow:var(--shadow)}.register-card h2{font-size:22px;margin:24px 0 10px}.register-card>p{color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:25px}.register-card>.button{width:100%;justify-content:center}.pos-session-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 28px;border-bottom:1px solid var(--line);background:#edf5f4;gap:20px;flex-shrink:0}.pos-session-bar strong{font-size:13px;margin-right:15px}.pos-session-bar span{font-size:11px;color:var(--muted)}.closing-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:13px}.closing-metrics .value{font-size:22px}.closing-methods{border:1px solid var(--line);border-radius:10px;padding:12px 18px;font-size:12px}.closing-methods>div{padding:10px 0;border-bottom:1px solid var(--line)}.closing-methods>div:last-child{border:0}.day-end-section{margin-top:28px}.day-end-section>h3{font-size:15px;margin-bottom:16px}.day-end-section .table-wrap{margin:0}.day-end-mail{margin-top:28px}.day-end-mail p{font-size:11px;line-height:1.8;margin:10px 0}.day-end-mail .button{margin-top:10px}
@media(max-width:760px){.retail-welcome{padding:30px 20px}.register-grid{grid-template-columns:1fr}.pos-session-bar{padding:12px 18px;align-items:flex-start;flex-wrap:wrap}.pos-session-bar span{display:block;margin-top:7px}.closing-metrics{grid-template-columns:1fr 1fr}.retail-welcome h1{font-size:27px}}
@media print{.day-end-mail{display:none!important}.closing-metrics{grid-template-columns:repeat(4,1fr)}.closing-metrics .kpi{padding:12px}.closing-metrics .value{font-size:16px}.day-end-section{break-inside:auto}.day-end-section h3{break-after:avoid}}

.pos-warehouse-field{max-width:440px;margin:12px 0 18px}.pos-warehouse-field select{width:100%}

#unit-summary-result .report-table-wrap table{min-width:0;width:100%;table-layout:fixed}#unit-summary-result .report-table-wrap th,#unit-summary-result .report-table-wrap td{white-space:normal;overflow-wrap:anywhere;padding:13px 10px}#unit-summary-result .report-table-wrap th{font-size:9px;line-height:1.5}#unit-summary-result .report-table-wrap td{font-size:12px}#unit-summary-result .report-table-wrap th:first-child{width:19%}
.compliance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}.compliance-card .badge{align-self:flex-start;white-space:normal;line-height:1.6}.compliance-card p{line-height:1.85}.compliance-card ul{padding-left:19px;margin:0;color:var(--muted);font-size:12px;line-height:1.9}.source-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}.source-links a{display:flex;align-items:center;gap:9px;color:var(--teal-dark);font-size:12px;line-height:1.6}.source-links svg{width:18px;height:18px;flex-shrink:0}.payroll-work-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-top:24px;align-items:start}.gl-line input,.gl-line select{width:100%;min-width:90px}.gl-line td:first-child{min-width:280px}.gl-line td{padding:9px}.status-row{gap:18px}.status-row .badge{white-space:normal;text-align:right;max-width:56%}.tabs{overflow-x:auto}.tabs .tab{white-space:nowrap}@media(max-width:1000px){.payroll-work-grid{grid-template-columns:1fr}}@media(max-width:760px){.compliance-grid,.source-links{grid-template-columns:1fr}}

.content > .panel + .panel{margin-top:22px}.content > .notice{margin-top:20px}.ops-line input,.ops-line select{min-width:100px;width:100%}.ops-line td:first-child{min-width:230px}.ops-line td{padding:10px}tr[hidden]{display:none!important}.sidebar .nav{min-height:90px;flex:1}.nav-item{flex-shrink:0}

.ocr-text{white-space:pre-wrap;max-height:320px;overflow:auto;padding:16px;background:#f4f7fa;border-radius:8px;font-size:12px}.receipt-signatures{display:flex;justify-content:space-between;gap:60px;margin-top:40px}.receipt-print{padding:24px}#doc-review-lines input{min-width:75px;width:100%}#doc-review-lines td:first-child{min-width:230px}

.draft-paragraph{white-space:pre-wrap;line-height:1.9;margin:1.3em 0}