:root{--bg:#f8f6f2;--surface:#fff;--surface-2:#f5f3ef;--gold:#c99a2e;--gold-soft:#f3dfaa;--heading:#2f2924;--text:#6f6a63;--border:#e7d5a7;--danger:#b42318;--shadow:0 18px 45px #2f29241a;background:var(--bg);color:var(--heading);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;max-width:100%;overflow-x:hidden}body{width:100%;max-width:100%;color:var(--heading);background:radial-gradient(circle at 0 0,#fff8e8 0,#f8f6f2 36%,#f1ede5 100%);margin:0;overflow-x:hidden}#root{width:100%;max-width:100%;overflow-x:hidden}body.dark-mode{--bg:#1e1b18;--surface:#2a2520;--surface-2:#332d27;--heading:#fff;--text:#d0cbc4;--border:#4a433d;--gold-soft:#5c4618;background:radial-gradient(circle at 0 0,#4b3512 0,#1e1b18 34%,#14110f 100%)}button,select,input,textarea{font:inherit}button{background:var(--gold);color:#fff;cursor:pointer;border:0;border-radius:16px;align-items:center;gap:8px;padding:12px 16px;font-weight:800;display:inline-flex}button:hover{filter:brightness(.98);transform:translateY(-1px)}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:20;background:linear-gradient(#3a3025,#2f2924 62%,#211b16);flex-direction:column;gap:26px;width:292px;height:100vh;padding:24px;display:flex;position:sticky;top:0;box-shadow:12px 0 35px #2f29241f}.brand,.drawer-profile{align-items:center;gap:13px;display:flex}.brand span,.drawer-profile span,.usercard span,.muted,.eyebrow{color:var(--text);margin-top:4px;font-size:13px;display:block}.brand span,.drawer-profile span,.usercard span{color:#d7c9aa}.logo,.login-logo,.avatar{background:linear-gradient(135deg,var(--gold),#8f6518);color:#fff;letter-spacing:.5px;border-radius:18px;place-items:center;width:48px;height:48px;font-weight:950;display:grid;box-shadow:0 12px 30px #c99a2e4d}.avatar{border-radius:16px;width:42px;height:42px}.brand b{font-size:16px}nav{gap:8px;display:grid}.sidebar nav button,.mobile-nav button{color:#e9ddc5;text-align:left;background:0 0;justify-content:flex-start}.sidebar nav button.active,.sidebar nav button:hover,.mobile-nav button.active,.mobile-nav button:hover{color:#fff;background:#c99a2e2e}.sidebar-bottom{gap:12px;margin-top:auto;display:grid}.usercard{background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:12px;padding:12px;display:flex}.logout-btn{color:#fff;background:#ffffff1c;justify-content:center}.sidebar small,.drawer-footer small{color:#d7c9aa;text-align:center}.mobile-appbar,.drawer-overlay,.mobile-drawer{display:none}main{flex:1;width:100%;min-width:0;max-width:1540px;margin:0 auto;padding:28px;overflow-x:hidden}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.topbar h1{letter-spacing:-.03em;margin:0;font-size:34px}.top-actions{align-items:center;gap:10px;display:flex}.topbar select,.form input,.form select,.form textarea{border:1px solid var(--border);background:var(--surface);color:var(--heading);border-radius:16px;min-height:46px;padding:12px}.topbar select{min-width:340px}.ghost,.theme-toggle{background:var(--surface);border:1px solid var(--border);color:var(--heading);box-shadow:0 8px 24px #2f29240f}.theme-toggle.active{background:var(--gold);color:#fff;border-color:var(--gold)}.notif-trigger{background:var(--surface);border:1px solid var(--border);width:44px;height:44px;color:var(--heading);border-radius:16px;place-items:center;padding:0;display:grid;position:relative;box-shadow:0 8px 24px #2f29240f}.notif-trigger i{background:var(--gold);color:#fff;border:1px solid #ffffffd1;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:11px;font-style:normal;font-weight:950;line-height:18px;display:grid;position:absolute;top:-5px;right:-4px;box-shadow:0 6px 14px #c99a2e57}.notif-popover{z-index:60;background:var(--surface);border:1px solid var(--border);width:min(340px,100vw - 32px);box-shadow:var(--shadow);border-radius:24px;padding:20px;position:fixed;top:86px;right:28px}.notif-popover h3{margin:0 0 12px}.notif-popover p{color:var(--text);margin:10px 0}.icon-only{background:var(--surface-2);width:38px;height:38px;color:var(--heading);border-radius:14px;place-items:center;padding:0;display:grid}.notif-popover .close{position:absolute;top:12px;right:12px}.cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.metric,.panel{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd6;border-radius:26px}body.dark-mode .metric,body.dark-mode .panel{background:#2a2520e0}.metric{gap:8px;padding:18px;display:grid}.metric svg{color:var(--gold)}.metric span{color:var(--text);font-size:13px}.metric strong{font-size:22px;line-height:1.15}.metric.danger strong,.badge.danger{color:var(--danger)}.grid{gap:18px;min-width:0;display:grid}.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stack{gap:18px;min-width:0;display:grid}.panel{min-width:0;max-width:100%;padding:22px;overflow:hidden}.panel h2{margin:0 0 16px;font-size:20px}.row,.event-card{border-top:1px solid color-mix(in srgb,var(--border) 65%,transparent);justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:14px 0;display:flex}.row:first-of-type,.event-card:first-of-type{border-top:0}.row>div,.event-card>div{min-width:0}.row strong,.row p,.event-card strong,.event-card p{overflow-wrap:anywhere}.row p,.event-card p{color:var(--text);margin:4px 0 0;font-size:13px}.badge{background:var(--surface-2);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.badge.approved,.badge.paid{color:#137333;background:#e8f7ee}.badge.submitted,.badge.partially_paid{color:#946200;background:#fff4db}.badge.rejected,.badge.overdue{color:#b42318;background:#fde8e7}.form{gap:12px;display:grid}.form textarea{resize:vertical;min-height:140px}.small{border-radius:10px;padding:8px 10px;font-size:12px}.event-card{grid-template-columns:1.6fr auto auto auto;display:grid}.report{background:var(--surface-2);border:1px dashed var(--gold);border-radius:20px;padding:20px}.login-page{background:radial-gradient(circle at 50% -10%,#fff2c4 0,#f8e2a7 30%,#f8f6f2 68%,#efe7d6 100%);place-items:center;min-height:100vh;padding:22px;display:grid;position:relative}.dark-mode .login-page{background:radial-gradient(circle at 50% -10%,#8f6518 0,#5c4618 34%,#2a2520 72%,#1e1b18 100%)}.login-mobile-card{border:1px solid var(--border);background:#ffffffed;border-radius:36px;flex-direction:column;justify-content:flex-start;width:min(430px,100%);min-height:min(760px,100vh - 44px);padding:34px 24px 24px;display:flex;position:relative;box-shadow:0 26px 70px #2f29242e}.dark-mode .login-mobile-card{background:#2a2520f0}.login-mobile-header{text-align:center;justify-items:center;gap:14px;margin:34px 0;display:grid}.login-logo.mobile-logo{background:0 0;border-radius:32px;width:92px;height:92px;font-size:28px;box-shadow:0 18px 40px #c99a2e33}.login-brand-copy{justify-items:center;gap:6px;display:grid}.login-mobile-header h1{letter-spacing:-.04em;color:var(--heading);margin:0;font-size:28px;line-height:1.1}.login-brand-copy p{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:14px;font-weight:900}.login-tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:22px;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px;padding:7px;display:grid}.login-tabs button{height:48px;color:var(--text);background:0 0;border-radius:16px;justify-content:center;font-weight:900}.login-tabs button.active{color:#fff;background:linear-gradient(135deg,#e8bb55,#c99a2e);box-shadow:0 12px 24px #c99a2e3d}.login-form{gap:16px;display:grid}.login-form.compact{gap:15px}.login-form label{color:var(--heading);gap:8px;font-size:13px;font-weight:850;display:grid}.login-field{border:1px solid var(--border);background:var(--surface);border-radius:18px;align-items:center;gap:10px;min-height:54px;padding:0 14px;display:flex;box-shadow:0 10px 24px #2f29240d}.login-field svg{color:var(--gold);flex:none}.login-field input,.login-field select{color:var(--heading);width:100%;min-height:52px;font:inherit;background:0 0;border:0;outline:0;padding:0}.field-action{background:var(--surface-2);width:34px;height:34px;color:var(--heading);border-radius:12px;flex:none;place-items:center;padding:0;display:grid}.official-login-note{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:16px;align-items:center;gap:8px;padding:12px 14px;font-size:12px;font-weight:850;line-height:1.35;display:flex}.official-login-note svg{color:var(--gold);flex:none}.login-error{color:var(--danger);margin:0;font-size:13px;font-weight:850}.login-submit{background:linear-gradient(135deg,#e8bb55,#c99a2e);border-radius:18px;justify-content:center;width:100%;min-height:56px;margin-top:6px;font-size:16px;box-shadow:0 16px 30px #c99a2e3d}.login-theme{background:var(--surface-2);border:1px solid var(--border);width:44px;height:44px;color:var(--heading);z-index:3;border-radius:16px;place-items:center;padding:0;display:grid;position:absolute;top:18px;right:18px;box-shadow:0 10px 24px #2f292414}.dark-mode .login-theme{background:#2a2520e6}.bottom-nav{display:none}@media (width<=1120px){.cards{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr}.topbar{align-items:flex-start;display:grid}.top-actions{flex-wrap:wrap}.topbar select{width:100%;min-width:0}.event-card{grid-template-columns:1fr}}@media (width<=760px){body{background:var(--bg)}.app-shell{width:100%;max-width:100%;display:block;overflow-x:hidden}.sidebar{display:none}.mobile-appbar{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#f8f6f2eb;justify-content:space-between;align-items:center;height:66px;padding:10px 14px;display:flex;position:sticky;top:0}.dark-mode .mobile-appbar{background:#1e1b18eb}.hamburger,.notif-btn{background:var(--surface);border:1px solid var(--border);width:44px;height:44px;color:var(--heading);border-radius:16px;place-items:center;padding:0;display:grid}.mobile-icons{gap:8px;display:flex}.notif-btn{position:relative}.notif-btn i{background:var(--gold);color:#fff;border:1px solid #ffffffd1;border-radius:999px;place-items:center;min-width:18px;height:18px;font-size:11px;font-style:normal;font-weight:950;line-height:18px;display:grid;position:absolute;top:-5px;right:-4px;box-shadow:0 6px 14px #c99a2e57}.drawer-overlay{opacity:0;pointer-events:none;z-index:70;background:#1e1b1873;transition:all .2s;display:block;position:fixed;inset:0}.drawer-overlay.show{opacity:1;pointer-events:auto}.mobile-drawer{z-index:80;color:#fff;background:linear-gradient(#3a3025,#211b16);flex-direction:column;gap:20px;width:min(330px,86vw);padding:20px;transition:all .24s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:20px 0 50px #00000047}.mobile-drawer.open{transform:translate(0)}.drawer-profile{align-items:flex-start}.drawer-profile .icon-only{color:#fff;background:#ffffff1f;margin-left:auto}.mobile-nav{gap:8px}.drawer-footer{gap:10px;margin-top:auto;display:grid}.drawer-footer .logout-btn{width:100%}main{width:100%;max-width:100vw;padding:18px 14px 130px}.topbar{display:none}.cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.metric{border-radius:22px;padding:14px}.metric strong{font-size:18px}.panel{border-radius:24px;padding:18px}.panel h2{font-size:18px}.recharts-wrapper,.recharts-surface{max-width:100%!important}.row{grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:8px;display:grid}.row button{grid-column:span 2}.bottom-nav{z-index:65;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-radius:28px;grid-template-columns:repeat(5,1fr);padding:8px;display:grid;position:fixed;bottom:14px;left:14px;right:14px;box-shadow:0 18px 45px #2f29242e}.dark-mode .bottom-nav{background:#2a2520f5}.bottom-nav button{height:58px;color:var(--text);background:0 0;border-radius:20px;place-items:center;gap:2px;padding:5px 2px;font-size:11px;display:grid}.bottom-nav button span{border-radius:14px;place-items:center;width:32px;height:30px;display:grid}.bottom-nav button b{font-size:10px;line-height:1.05}.bottom-nav button.active{color:var(--heading);background:var(--gold-soft)}.bottom-nav button.active span{background:var(--gold);color:#fff}.notif-popover{width:auto;top:74px;left:14px;right:14px}.login-page{background:linear-gradient(#2f2924 0%,#4c3817 38%,#f8f6f2 38% 100%);padding:16px}.dark-mode .login-page{background:linear-gradient(#14110f 0%,#3a2a10 38%,#1e1b18 38% 100%)}.login-shell{border-radius:32px;max-width:430px;display:block}.login-hero{justify-content:flex-end;min-height:250px;padding:26px}.login-logo.big{border-radius:22px;width:60px;height:60px;margin-bottom:34px;font-size:20px}.login-hero h1{font-size:34px}.login-hero p{font-size:14px}.login-stats{display:none}.login-card{background:#fffffff5;border-radius:0;padding:24px}.login-title h2{font-size:28px}.login-theme{top:12px;right:12px}.form input,.form select,.form textarea,.login-field input,.login-field select{font-size:16px}}@media (width<=420px){.cards{grid-template-columns:1fr}.bottom-nav{bottom:8px;left:8px;right:8px}.bottom-nav button b{font-size:9px}}@media print{.sidebar,.topbar,.mobile-appbar,.bottom-nav,.mobile-drawer,.drawer-overlay,button{display:none!important}main{padding:0}.panel{box-shadow:none;border:0}.report{border:0}}.tabs{flex-wrap:wrap;gap:8px;margin:4px 0 16px;display:flex}.tabs button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:8px 12px;font-weight:700}.tabs button.active{color:#2d1c08;background:linear-gradient(135deg,#e8bb55,#c99a2e);border-color:#0000}.event-row-btn{text-align:left;width:100%;color:inherit;background:0 0;border:0;margin:0;padding:0;display:block}.event-row-btn:focus-visible{border-radius:18px;outline:2px solid #c99a2e}.table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:18px;width:100%;margin-top:12px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:820px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:12px 14px}th{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:linear-gradient(#e8bb5529,#c99a2e0f);font-size:12px;font-weight:900}td{color:var(--text);font-size:14px}tr:last-child td{border-bottom:0}td input,td select,.recipe-form input{border:1px solid var(--border);background:var(--surface-soft);width:100%;color:var(--text);border-radius:12px;padding:10px}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.small,.mini{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);border-radius:12px;padding:8px 10px;font-weight:800}.small.active,.mini.active,.recipe-form button,.menu-recipes-page button:not(.small):not(.mini){color:#2d1c08;background:linear-gradient(135deg,#e8bb55,#c99a2e);border:0;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-weight:900;display:inline-flex}.small.danger,.mini.danger{color:#b91c1c;background:#ef44441a;border-color:#ef444440}.recipe-form{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:12px;display:grid}.recipe-form label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;gap:6px;font-size:12px;font-weight:900;display:grid}.recipe-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px;display:grid}@media (width<=760px){table{min-width:760px}.table-wrap{border-radius:16px}th,td{padding:10px}.recipe-form{grid-template-columns:1fr}.menu-recipes-page{padding-bottom:90px}}.search-box{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);border-radius:16px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:none;font-weight:700}.danger-row td{background:#ef44440f}.danger-row td:first-child{border-left:4px solid #ef4444}.raw-materials-page .table-wrap td:first-child{color:#8a5a12;font-weight:900}.raw-materials-page .recipe-form button{align-self:end}.purchase-lines{gap:14px;margin:16px 0;display:grid}.purchase-line{border:1px solid var(--border);background:linear-gradient(180deg,var(--surface),#e8bb550f);border-radius:18px;padding:14px}.purchase-line-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.purchase-line-head>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.small.active{color:#7a4d0b;background:#e8bb552e;border-color:#c99a2e59}.purchase-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.purchase-actions button{color:#2d1c08;background:linear-gradient(135deg,#e8bb55,#c99a2e);border:0;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-weight:900;display:inline-flex}.purchase-total{text-align:right;gap:2px;margin-left:auto;display:grid}.purchase-total span{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:12px;font-weight:900}.purchase-total strong{color:var(--text);font-size:20px}@media (width<=760px){.purchase-line-head,.purchase-actions{flex-direction:column;align-items:stretch}.purchase-total{text-align:left;margin-left:0}}.kitchen-realization-page button:not(.small):not(.mini){color:#2d1c08;background:linear-gradient(135deg,#e8bb55,#c99a2e);border:0;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-weight:900;display:inline-flex}.kitchen-realization-page .add-line{margin:14px 0}.kitchen-realization-page .add-line label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;gap:6px;font-size:12px;font-weight:900;display:grid}.kitchen-realization-page .add-line input{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);border-radius:12px;padding:10px}.image-logo{object-fit:contain;background:#ffffff14;padding:5px}.login-logo.image-logo{background:0 0;padding:0}.brand .image-logo,.drawer-profile .image-logo{background:#ffffff1a;border:1px solid #ffffff29}.upload-tile{border:1px dashed var(--gold);background:var(--surface-2);text-align:center;min-height:96px;color:var(--heading);cursor:pointer;border-radius:18px;place-items:center;padding:18px;font-weight:850;display:grid}.upload-tile input{display:none}.upload-tile svg{color:var(--gold)}.schedule-view-header{border:1px solid var(--border);background:linear-gradient(135deg,#f3dfaa94,#ffffffb8);border-radius:22px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:14px;display:flex}.dark-mode .schedule-view-header{background:linear-gradient(135deg,#5c461873,#2a2520b8)}.schedule-view-header strong{color:var(--heading);font-size:15px;display:block}.schedule-view-header span{color:var(--text);margin-top:3px;font-size:12px;display:block}.segmented-control{border:1px solid var(--border);background:var(--surface);border-radius:18px;gap:7px;padding:6px;display:flex}.segmented-control button{color:var(--text);box-shadow:none;background:0 0;border-radius:13px;padding:9px 12px}.segmented-control button.active{color:#2d1c08;background:linear-gradient(135deg,#e8bb55,#c99a2e)}.schedule-detail-view{gap:10px;display:grid}.calendar-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:14px 0;display:flex}.calendar-toolbar .secondary{background:var(--surface-2);border:1px solid var(--border);color:var(--heading);box-shadow:none}.calendar-title{text-align:center;gap:3px;display:grid}.calendar-title strong{text-transform:capitalize;font-size:18px}.calendar-title span{color:var(--text);font-size:12px;font-weight:800}.month-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.weekday{text-align:center;color:var(--gold);text-transform:uppercase;letter-spacing:.06em;padding:8px;font-size:12px;font-weight:950}.month-cell{border:1px solid var(--border);background:#ffffffc7;border-radius:18px;align-content:start;gap:8px;min-height:128px;padding:10px;display:grid;overflow:hidden}.dark-mode .month-cell{background:#2a2520c7}.month-cell.muted{opacity:.52}.month-cell.today{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold),0 10px 24px #c99a2e24}.month-cell.has-event{background:linear-gradient(#ffffffeb,#f3dfaa3d)}.dark-mode .month-cell.has-event{background:linear-gradient(#2a2520eb,#5c461847)}.date-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.date-row strong{font-size:14px}.date-row span{color:#2d1c08;background:var(--gold-soft);border-radius:999px;padding:4px 7px;font-size:10px;font-weight:950}.plan-stack{gap:6px;display:grid}.plan-pill{text-align:left;color:#2d1c08;background:linear-gradient(135deg,#e8bb55,#c99a2e);border-radius:13px;gap:2px;width:100%;padding:8px 9px;font-weight:900;display:grid;box-shadow:0 8px 18px #c99a2e38}.plan-pill span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.plan-pill small{color:#2d1c08c7;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800;overflow:hidden}.plan-pill.ready,.plan-pill.running{background:linear-gradient(135deg,#f1c76a,#b98118)}.plan-pill.completed,.plan-pill.closed{background:linear-gradient(135deg,#d7c9aa,#9d865d)}.more-plans{color:var(--gold);font-size:11px;font-weight:950}@media (width<=760px){.events-page{grid-template-columns:1fr;display:grid}.schedule-view-header,.calendar-toolbar{flex-direction:column;align-items:stretch}.segmented-control{width:100%}.segmented-control button{flex:1;justify-content:center}.month-calendar{gap:5px}.weekday{padding:5px;font-size:10px}.month-cell{border-radius:14px;min-height:104px;padding:7px}.date-row span{display:none}.plan-pill{border-radius:10px;padding:6px}.plan-pill span{font-size:10px}.plan-pill small{font-size:9px}}.events-page{grid-template-columns:1fr}.event-create-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.event-create-form button{justify-content:center}.events-page>.panel{width:100%}.events-page>.panel:last-child{grid-column:1/-1}@media (width<=1120px){.event-create-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.event-create-form{grid-template-columns:1fr}}.forms-page{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;width:100%;display:grid}.forms-page>.panel{grid-column:1/-1;width:100%;max-width:100%}.form-ba-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.form-ba-grid .upload-tile{min-height:54px}.status-form-list{gap:12px;display:grid}.status-form-row{grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:14px;display:grid}.status-form-row .row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (width<=1120px){.form-ba-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-form-row{grid-template-columns:1fr;align-items:flex-start}.status-form-row .row-actions{justify-content:flex-start}}@media (width<=760px){.forms-page{gap:14px}.forms-page>.panel{border-radius:22px;padding:16px;overflow:visible}.form-ba-grid{grid-template-columns:1fr;gap:12px;display:grid}.form-ba-grid label,.form-ba-grid button{width:100%;min-width:0}.form-ba-grid .upload-tile{border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:58px;padding:12px;display:flex}.form-ba-grid .upload-tile span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.status-form-list{gap:10px}.status-form-row{border:1px solid var(--border);background:var(--surface);border-radius:18px;grid-template-columns:minmax(0,1fr);gap:10px;padding:14px;display:grid}.status-form-row>div:first-child{width:100%;min-width:0}.status-form-row .badge{width:max-content}.status-form-row .row-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.status-form-row .row-actions .small{justify-content:center;width:100%;min-height:40px;padding:9px 8px;font-size:12px}.status-form-row .row-actions .small:first-child{grid-column:1/-1}}@media (width<=380px){.status-form-row .row-actions{grid-template-columns:1fr}}@media (width<=760px){main{overflow-x:hidden}.grid,.stack,.two,.events-page,.purchases-page,.kitchen-realization-page,.raw-materials-page,.menu-recipes-page{gap:14px;width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)!important}.panel{width:100%;max-width:100%;overflow:hidden}.panel h2{overflow-wrap:anywhere;line-height:1.2}.form,.recipe-form{width:100%;grid-template-columns:minmax(0,1fr)!important}.form label,.recipe-form label,.form input,.form select,.form textarea,.recipe-form input,.recipe-form select,.recipe-form textarea{width:100%;min-width:0;max-width:100%}button{white-space:normal;text-align:center;justify-content:center;max-width:100%}.row{width:100%;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:8px!important;display:grid!important}.row>*,.event-card>*{overflow-wrap:anywhere;min-width:0;max-width:100%}.row span:not(.badge),.row strong,.row small{overflow-wrap:anywhere;max-width:100%;display:block}.row .badge{width:max-content;max-width:100%}.row button{grid-column:auto;width:100%}.event-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;gap:8px;margin-bottom:10px;padding:14px;grid-template-columns:minmax(0,1fr)!important;display:grid!important}.tabs{scroll-snap-type:x proximity;flex-wrap:nowrap;gap:8px;margin-inline:-2px;padding-bottom:6px;display:flex;overflow-x:auto}.tabs button{white-space:nowrap;scroll-snap-align:start;flex:none}.cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.metric{min-width:0;overflow:hidden}.metric strong{overflow-wrap:anywhere}.report{border-radius:18px;padding:16px;overflow:hidden}.report h2,.report p{overflow-wrap:anywhere}.report button{width:100%;margin-top:8px}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.table-wrap:before{content:"Geser tabel ke samping";color:var(--text);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);border-bottom:1px solid var(--border);padding:8px 10px;font-size:11px;font-weight:900;display:block}table{min-width:680px}th,td{white-space:normal;overflow-wrap:anywhere}.schedule-view-header{grid-template-columns:1fr;gap:10px;display:grid}.segmented-control{grid-template-columns:1fr 1fr;width:100%;display:grid}.segmented-control button{justify-content:center}.calendar-toolbar{grid-template-columns:44px 1fr 44px;display:grid}.calendar-title strong{font-size:15px}.month-calendar{padding-bottom:4px;overflow-x:auto}.month-grid,.week-grid{min-width:650px}.purchase-line{border-radius:16px;padding:12px;overflow:hidden}.purchase-line-head{align-items:stretch!important}.purchase-line-head>div{grid-template-columns:1fr;gap:8px;display:grid}.purchase-actions button,.purchase-line button{justify-content:center;width:100%}.purchase-total{text-align:left!important;margin-left:0!important}.row-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid!important}.row-actions .small,.row-actions .mini{justify-content:center;width:100%}.search-box{width:100%;min-width:0}.search-box input{min-width:0}}@media (width<=420px){.cards{grid-template-columns:minmax(0,1fr)!important}.row-actions{grid-template-columns:1fr!important}.bottom-nav{border-radius:22px;bottom:8px;left:8px;right:8px}.bottom-nav button b{font-size:9px}.panel{border-radius:20px;padding:14px}main{padding-left:10px;padding-right:10px}}.brand b,.drawer-profile b{letter-spacing:-.04em;white-space:nowrap;font-size:14px;line-height:1;display:block}.brand>div,.drawer-profile>div{min-width:0}.brand span,.drawer-profile span{white-space:nowrap}@media (width<=380px){.drawer-profile b{letter-spacing:-.05em;font-size:13px}}