:root{color:#122941;font-synthesis:none;text-rendering:optimizelegibility;--bg:#edf2f5;--surface:#fff;--surface-2:#e1e7eb;--ink:#122941;--muted:#6c7884;--line:#d3dce2;--nav:#11171d;--lime:#b9ef72;--green:#2f7d4e;--red:#c84747;--amber:#a66d13;--shadow:0 18px 50px #142a3d1f;background:#dce5ea;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}:root[data-theme=dark]{color:#f4f7f8;--bg:#0e1419;--surface:#171e24;--surface-2:#222b32;--ink:#f4f7f8;--muted:#97a3ac;--line:#2c353d;--nav:#f2f5f6;--lime:#b9ef72;--green:#87d9a0;--red:#ff8d8d;--amber:#f1bd6c;--shadow:0 20px 60px #00000059;background:#090d11}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);min-width:320px}button,input{font:inherit;letter-spacing:0}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #5d8cae}button:disabled{cursor:default;opacity:.5}.app-loading{background:#10171d;place-items:center;min-height:100dvh;display:grid}.app-loading img{filter:invert();width:142px;animation:1.2s ease-in-out infinite alternate loading-pulse}@keyframes loading-pulse{to{opacity:.45}}.app-shell{background:var(--bg);width:100%;max-width:520px;min-height:100dvh;box-shadow:var(--shadow);margin:0 auto;position:relative}.offline-banner{z-index:40;top:calc(8px + env(safe-area-inset-top));border:1px solid color-mix(in srgb, var(--amber) 45%, var(--line));background:var(--surface);width:min(100% - 32px,470px);color:var(--amber);box-shadow:var(--shadow);text-align:center;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:750;position:fixed;left:50%;transform:translate(-50%)}.page-area{min-height:100dvh;padding-bottom:calc(102px + env(safe-area-inset-bottom))}.screen{padding:calc(22px + env(safe-area-inset-top)) 20px 28px}.app-header{justify-content:space-between;align-items:center;gap:20px;min-height:62px;margin-bottom:24px;display:flex}.app-header p,.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:650}.app-header h1{margin:0;font-size:29px;font-weight:680;line-height:1.05}.icon-button{border:1px solid var(--line);background:var(--surface);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid;position:relative}.notification-dot{background:var(--red);border:2px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.login-screen{width:100%;max-width:520px;min-height:100dvh;padding:24px 18px calc(20px + env(safe-area-inset-bottom));background:#1b2732;flex-direction:column;justify-content:flex-end;margin:0 auto;display:flex;position:relative;overflow:hidden}.login-video,.login-scrim{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.login-scrim{background:#0a162038}.login-logo{z-index:1;top:calc(22px + env(safe-area-inset-top));filter:invert();width:124px;position:absolute;left:24px}.login-panel{z-index:1;color:#101820;background:#f7fafbf5;border-radius:8px;padding:28px 24px 24px;position:relative;box-shadow:0 22px 70px #00000042}.login-panel h1{margin:0 0 12px;font-size:38px;font-weight:650;line-height:1.02}.login-copy{color:#52616c;max-width:350px;margin:0 0 24px;font-size:16px;line-height:1.45}.primary-button,.passkey-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:54px;font-weight:700;display:flex}.primary-button{color:#fff;background:#11171d}.passkey-button{color:#152a3c;background:0 0;margin-top:8px}.panel-back{position:absolute;top:18px;right:18px}.field-label{color:#566471;text-transform:uppercase;gap:7px;margin:14px 0;font-size:12px;font-weight:700;display:grid}.field-label input{color:#172938;text-transform:none;background:#fff;border:1px solid #d3dce2;border-radius:6px;height:48px;padding:0 14px}.login-error{color:#a43737;margin:0 0 12px;font-size:13px;font-weight:650}.text-button{width:100%;color:var(--muted);background:0 0;border:0;padding:15px}.security-gate{color:#f4f7f8;background:#0e1419;place-items:center;min-height:100dvh;padding:24px;display:grid}.security-gate>img{filter:invert();width:116px;position:fixed;top:28px;left:28px}.security-gate>section{width:min(100%,410px)}.security-gate>section>span{color:#aab5bc;text-transform:uppercase;margin-top:16px;font-size:11px;font-weight:750;display:block}.security-gate h1{margin:7px 0 10px;font-size:30px}.security-gate p,.security-gate .field-label{color:#aab5bc}.hero-metrics{grid-template-columns:1.25fr .85fr;gap:10px;margin-bottom:28px;display:grid}.hero-metrics>div{border-radius:8px;flex-direction:column;min-height:150px;padding:18px;display:flex}.metric-main{color:#fff;background:#12181e}.metric-side{background:var(--surface-2);color:var(--ink)}.hero-metrics span{color:currentColor;opacity:.7;font-size:13px}.hero-metrics strong{margin:auto 0 0;font-size:43px;font-weight:620}.metric-side strong{font-size:25px}.hero-metrics small{opacity:.66;margin-top:4px}.currency-totals{gap:5px;margin-top:auto;display:grid}.currency-totals>div{justify-content:space-between;align-items:baseline;gap:7px;display:flex}.currency-totals strong{margin:0;font-size:17px}.currency-totals small{margin:0;font-size:10px}.section-block{margin-top:28px}.compact-top{margin-top:24px}.section-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.section-heading h2,.date-title h2,.theme-control h2{margin:0;font-size:20px;font-weight:680}.section-heading button{color:var(--muted);background:0 0;border:0;padding:3px;font-size:13px}.section-kicker{text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:750;display:block}.section-kicker.danger{color:var(--red)}.attention-list,.event-list,.client-list,.menu-list{border-top:1px solid var(--line)}.attention-row,.client-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:14px 2px;display:grid}.attention-row span:nth-child(2),.client-info{gap:4px;min-width:0;display:grid}.attention-row strong,.client-row strong{font-size:14px}.attention-row small,.client-row small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.status-icon{border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.status-icon.red{background:color-mix(in srgb, var(--red) 15%, transparent);color:var(--red)}.status-icon.amber{background:color-mix(in srgb, var(--amber) 15%, transparent);color:var(--amber)}.status-icon.green{background:color-mix(in srgb, var(--green) 15%, transparent);color:var(--green)}.inline-empty{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:52px;color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.project-scroller{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:minmax(270px,82%);grid-auto-flow:column;gap:10px;padding-bottom:2px;display:grid;overflow-x:auto}.project-scroller::-webkit-scrollbar{display:none}.project-card{scroll-snap-align:start;color:#fff;background:#12181e;border-radius:8px;min-height:156px;padding:18px}.project-card h3{margin:12px 0 6px;font-size:17px}.project-card p{color:#aeb8bf;margin:0;font-size:12px}.project-card footer{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:24px;font-size:12px;display:flex}.project-card footer strong{text-align:right}.project-card footer span{color:#c4cbd0;align-items:center;gap:5px;display:flex}.status-text{text-transform:uppercase;font-size:11px;font-weight:750}.status-text.green{color:#9de16f}.status-text.red{color:#ff8c8c}.status-text.amber{color:#f5c16f}.progress{background:#39434a;border-radius:2px;height:4px;margin-top:18px;overflow:hidden}.progress span{background:var(--lime);height:100%;display:block}.event-list>div{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr;gap:12px;padding:15px 2px;display:grid}.event-list time{color:var(--muted);font-size:13px}.event-list span{gap:4px;display:grid}.event-list strong{font-size:14px}.event-list small{color:var(--muted)}.search-box{background:var(--surface);border:1px solid var(--line);height:46px;color:var(--muted);border-radius:8px;align-items:center;gap:10px;margin-bottom:12px;padding:0 14px;display:flex}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;min-width:0}.filter-row{scrollbar-width:none;gap:7px;margin-bottom:18px;display:flex;overflow-x:auto}.chip{white-space:nowrap;border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:18px;padding:8px 13px;font-size:12px}.chip.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.client-row{grid-template-columns:auto 1fr auto;padding:15px 2px}.avatar{color:#294331;background:#dbe6ce;border-radius:50%;place-items:center;width:42px;height:42px;font-size:12px;font-weight:750;display:grid}.tone-1{color:#573b30;background:#e7d8cf}.tone-2{color:#2d485a;background:#d4e2eb}.tone-3{color:#493d5a;background:#e1dbeb}.client-stats{justify-items:end;gap:2px;display:grid}.data-error{color:var(--red);font-size:13px;font-weight:650}.empty-state{min-height:280px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:12px;display:grid}.empty-state h2{color:var(--ink);margin:0;font-size:18px}.secondary-button{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:11px 16px;font-weight:700}.segmented{background:var(--surface-2);border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;margin-bottom:16px;padding:3px;display:grid}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:10px 8px;font-size:12px}.segmented button.active{background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 2px 10px #0f202f14}.order-list{gap:10px;display:grid}.order-list-card{background:var(--surface);width:100%;color:var(--ink);border:1px solid var(--line);text-align:left;border-radius:8px;grid-template-columns:86px 1fr auto;align-items:center;gap:13px;padding:10px;display:grid}.order-list-card img{object-fit:cover;background:#fff;border-radius:5px;width:86px;height:108px}.order-list-card h3{margin:6px 0 4px;font-size:15px;line-height:1.25}.order-list-card p,.order-list-card small{color:var(--muted);margin:0;font-size:11px}.order-amount{margin:11px 0 3px;font-size:13px;display:block}.production-summary{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:16px;display:grid}.production-summary>div{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-direction:column;min-height:104px;padding:13px 10px;display:flex}.production-summary span,.production-summary small{color:var(--muted);font-size:10px}.production-summary strong{margin:auto 0 5px;font-size:25px}.production-summary .positive{color:var(--green)}.production-summary .negative{color:var(--red)}.pipeline{border-top:1px solid var(--line)}.pipeline-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;width:100%;padding:13px 2px;display:grid}.pipeline-row>span:nth-child(2){gap:3px;display:grid}.pipeline-row small{color:var(--muted)}.stage-number{color:#26475b;background:#dce9ef;border-radius:6px;place-items:center;width:37px;height:37px;font-weight:750;display:grid}.stage-number.s1{color:#4e4360;background:#e5e0ef}.stage-number.s2{color:#3d512c;background:#e2ead4}.stage-number.s3{color:#644c26;background:#f0e4d1}.stage-status{white-space:nowrap;border-radius:12px;padding:5px 8px;font-size:10px;font-weight:750}.stage-status.waiting{background:var(--surface-2);color:var(--muted)}.stage-status.in_progress,.stage-status.completed{background:color-mix(in srgb, var(--green) 14%, transparent);color:var(--green)}.stage-status.blocked{background:color-mix(in srgb, var(--red) 14%, transparent);color:var(--red)}.project-stack{gap:9px;display:grid}.task-summary{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.task-summary span{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-direction:column;justify-content:center;min-height:88px;padding:14px 16px;display:flex}.task-summary strong{font-size:26px}.task-summary small{color:var(--muted);margin-top:3px}.danger-text{color:var(--red)}.task-list{border-top:1px solid var(--line)}.task-row{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:0 0;grid-template-columns:6px 1fr auto auto;align-items:center;gap:11px;padding:15px 2px;display:grid}.priority-mark{background:var(--muted);border-radius:3px;width:6px;height:38px}.priority-mark.low{background:#7f9eb2}.priority-mark.normal{background:var(--green)}.priority-mark.high{background:var(--amber)}.priority-mark.urgent{background:var(--red)}.task-copy{gap:4px;min-width:0;display:grid}.task-copy small,.task-due{color:var(--muted);font-size:11px}.task-copy small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.task-due{text-align:right;max-width:74px}.material-summary{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px;display:grid}.material-summary>div{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-direction:column;min-height:98px;padding:13px 11px;display:flex}.material-summary span,.material-summary small{color:var(--muted);font-size:10px}.material-summary strong{margin-top:auto;font-size:22px}.material-filters{margin-bottom:12px}.material-list{border-top:1px solid var(--line)}.material-row{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:0 0;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:14px 2px;display:grid}.material-row>span:nth-child(2),.movement-quantity{gap:4px;min-width:0;display:grid}.material-row small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.movement-icon{background:var(--surface-2);width:38px;height:38px;color:var(--muted);border-radius:7px;place-items:center;display:grid}.movement-icon.issued{color:#6d8eae}.movement-icon.used{color:var(--green)}.movement-icon.returned{color:var(--amber)}.movement-icon.loss{color:var(--red)}.movement-quantity{justify-items:end}.movement-quantity strong{font-size:13px}.finance-balances{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:14px;display:grid}.finance-balances article{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-direction:column;min-width:0;min-height:116px;padding:13px 10px;display:flex}.finance-balances article>span{color:var(--muted);font-size:10px;font-weight:750}.finance-balances article>strong{overflow-wrap:anywhere;margin-top:auto;font-size:clamp(15px,4.2vw,21px)}.finance-balances article>small{justify-content:space-between;gap:5px;margin-top:7px;font-size:9px;display:flex}.finance-balances b{font-weight:700}.finance-income,.finance-amount.income{color:var(--green)}.finance-expense,.finance-amount.expense{color:var(--red)}.finance-list{border-top:1px solid var(--line)}.finance-list>button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:68px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 2px;display:grid}.finance-icon{border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.finance-icon.income{color:var(--green);background:color-mix(in srgb, var(--green) 14%, transparent)}.finance-icon.expense{color:var(--red);background:color-mix(in srgb, var(--red) 14%, transparent)}.finance-copy,.finance-amount{gap:4px;min-width:0;display:grid}.finance-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.finance-copy small,.finance-amount small{color:var(--muted);font-size:10px}.finance-amount{text-align:right}.finance-amount strong{white-space:nowrap;font-size:12px}.calendar-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px 12px}.calendar-month{text-align:center;text-transform:capitalize;grid-template-columns:34px 1fr 34px;align-items:center;margin-bottom:14px;display:grid}.calendar-month strong{font-size:14px}.calendar-arrow{background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.calendar-arrow:hover{background:var(--surface-2)}.weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.weekdays span{text-align:center;color:var(--muted);padding-bottom:8px;font-size:10px}.calendar-grid button{aspect-ratio:1;background:0 0;border:0;border-radius:50%;font-size:12px;position:relative}.calendar-grid button:disabled{opacity:0}.calendar-grid button.selected{background:var(--ink);color:var(--bg);font-weight:750}.calendar-grid button.has-event:after{content:"";background:var(--green);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:calc(50% - 2px)}.date-title{justify-content:space-between;align-items:flex-end;margin:24px 0 14px;display:flex}.date-title span{color:var(--muted);font-size:11px}.sync-pill{align-items:center;gap:4px;display:flex;color:var(--green)!important}.timeline{display:grid}.timeline-event{width:100%;min-height:88px;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:58px 3px 1fr;gap:12px;padding:0;display:grid}.timeline time{color:var(--muted);padding-top:11px;font-size:11px}.timeline-line{background:#8ebbd3;width:3px;height:100%}.timeline-line.green{background:#84bd8e}.timeline-line.amber{background:#d4a866}.timeline article{border-bottom:1px solid var(--line);padding:9px 0 15px}.timeline article strong{font-size:14px}.timeline article p{color:var(--muted);margin:5px 0 0;font-size:12px}.day-empty{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:16px 2px;font-size:13px;display:flex}.day-empty button{color:var(--green);background:0 0;border:0;font-weight:750}.toggle-field{min-height:46px;color:var(--ink);text-transform:none;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.toggle-field input{width:19px;height:19px;accent-color:var(--green)}.owner-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:20px;padding:14px;display:grid}.owner-panel div{gap:4px;display:grid}.owner-panel small{color:var(--muted)}.settings-section{margin-top:24px}.settings-section:first-of-type{margin-top:0}.settings-section>h2{margin:0 0 12px;font-size:18px}.settings-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.settings-heading h2{margin:0;font-size:18px}.settings-heading button{align-items:center;gap:5px;display:flex}.settings-row{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:14px;display:grid}.settings-row>div{gap:4px;min-width:0;display:grid}.settings-row small{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.settings-meta{border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 2px;font-size:13px;display:flex}.settings-meta span{color:var(--muted)}.security-option{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:68px;display:grid}.security-option>span{background:var(--surface-2);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.security-option>div{gap:4px;min-width:0;display:grid}.security-option strong{font-size:13px}.security-option small,.security-option em{color:var(--muted);font-size:10px;font-style:normal}.secondary-compact,.danger-link{background:0 0;border:0;font-size:12px;font-weight:750}.secondary-compact{color:var(--green)}.danger-link{color:var(--red)}.sync-status{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:11px;min-height:68px;padding:0 2px;display:grid}.sync-status>span{width:36px;height:36px;color:var(--green);background:color-mix(in srgb, var(--green) 14%, transparent);border-radius:50%;place-items:center;display:grid}.sync-status>span.has-error{color:var(--red);background:color-mix(in srgb, var(--red) 14%, transparent)}.sync-status>div{gap:4px;display:grid}.sync-status strong{font-size:13px}.sync-status small{color:var(--muted);font-size:10px}.sync-queue{display:grid}.sync-queue>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 2px;font-size:11px;display:flex}.sync-queue span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sync-queue small{color:var(--muted);flex:none}.totp-setup{text-align:center}.totp-setup>p{color:var(--muted);max-width:350px;margin:0 auto 14px;font-size:13px;line-height:1.45}.totp-setup>img{background:#fff;border-radius:8px;width:190px;height:190px;margin:0 auto 13px;padding:8px;display:block}.totp-setup>small{color:var(--muted);text-transform:uppercase;font-size:10px;display:block}.totp-setup>code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:7px 0 16px;font-size:11px;display:block}.totp-setup form{text-align:left}.menu-list button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:12px 2px;display:grid}.menu-list button>span{background:var(--surface-2);border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.menu-list button strong{font-size:14px}.theme-control{margin-top:28px}.theme-options{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;display:grid}.theme-options button{border:1px solid var(--line);background:var(--surface);border-radius:8px;place-items:center;gap:5px;min-height:66px;font-size:11px;display:grid}.theme-options button.active{border-color:var(--ink);background:var(--ink);color:var(--bg)}.logout-button{width:100%;color:var(--red);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:20px;display:flex}.bottom-nav{z-index:20;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));color:#aab4bb;background:#11171d;border-radius:25px;grid-template-columns:repeat(5,1fr);width:min(100% - 24px,496px);height:69px;padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 50px #0000003d}.bottom-nav button{min-width:0;color:inherit;background:0 0;border:0;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.bottom-nav button span{font-size:9px}.bottom-nav button.active{color:#fff;background:#2a3138}.bottom-nav .add-button{background:var(--lime);color:#172116;border-radius:50%;place-self:center;width:48px;height:48px}.bottom-nav .add-button span{display:none}.sheet-backdrop{z-index:30;background:#04090d7a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.add-sheet{background:var(--bg);width:min(100%,520px);padding:22px 20px calc(28px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;box-shadow:0 -20px 60px #0003}.client-sheet{max-height:92dvh;overflow-y:auto}.notification-sheet{max-height:82dvh;overflow-y:auto}.notification-list{border-top:1px solid var(--line)}.notification-list button{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 2px;display:grid}.notification-list button>span:nth-child(2){gap:4px;min-width:0;display:grid}.notification-list strong,.notification-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification-list strong{font-size:13px}.notification-list small{color:var(--muted);font-size:10px}.compact-empty{min-height:190px}.compact-empty p{color:var(--muted);margin:0;font-size:12px}.sheet-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sheet-heading span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.sheet-heading h2{margin:4px 0 0;font-size:23px}.client-form{grid-template-columns:1fr 1fr;gap:13px 10px;display:grid}.form-field{color:var(--muted);text-transform:uppercase;gap:7px;font-size:11px;font-weight:700;display:grid}.form-field input,.form-field textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);text-transform:none;resize:vertical;border-radius:7px;padding:0 12px}.form-field input{height:46px}.form-field textarea{min-height:82px;padding-top:11px}.form-field-wide{grid-column:1/-1}.custom-select-field{position:relative}.select-trigger{border:1px solid var(--line);background:var(--surface);width:100%;height:46px;color:var(--ink);text-align:left;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex}.select-trigger.open{border-color:#6e9ab6;box-shadow:0 0 0 3px #6e9ab638}.select-trigger svg{transition:transform .16s}.select-trigger.open svg{transform:rotate(180deg)}.select-trigger .placeholder{color:var(--muted);font-weight:500}.select-menu{z-index:5;border:1px solid var(--line);background:var(--surface);text-transform:none;border-radius:8px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 7px);left:0;right:0;box-shadow:0 16px 38px #00000038}.select-menu button{min-height:42px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.select-menu button:hover,.select-menu button[aria-selected=true]{background:var(--surface-2)}.select-menu button[aria-selected=true]{color:var(--green);font-weight:750}.select-empty{color:var(--muted);padding:12px 10px;font-weight:500}.amount-input{appearance:textfield}.amount-input::-webkit-outer-spin-button{appearance:none;margin:0}.amount-input::-webkit-inner-spin-button{appearance:none;margin:0}.action-grid{gap:8px;display:grid}.action-grid button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:58px;padding:0 14px;display:grid}@media (width>=760px){body{padding:24px 0}.app-shell,.login-screen{border-radius:30px;min-height:calc(100dvh - 48px);overflow:hidden}.bottom-nav{bottom:34px}}@media (width<=370px){.screen{padding-left:14px;padding-right:14px}.hero-metrics{grid-template-columns:1fr}.hero-metrics>div{min-height:112px}.production-summary{grid-template-columns:1fr 1fr}.production-summary>div:last-child{grid-column:1/-1}.bottom-nav{width:calc(100% - 16px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}.login-video{display:none}}