@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg: #f5f9ff;--bg-soft: #eef4fb;--surface: #ffffff;--surface-alt: #f7faff;--ink: #0a2540;--muted: #4f5f7a;--muted-soft: #7a889f;--line: #e3eaf5;--brand: #2f6dfd;--brand-strong: #1f4ed8;--brand-soft: rgba(47, 109, 253, .12);--danger: #c52b2b;--success: #0a8f64;--warning: #b26a00;--info: #2e67d8}*{margin:0;padding:0;box-sizing:border-box;font-family:Manrope,sans-serif}html,body,#root{width:100%;max-width:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,rgba(47,109,253,.05),transparent 45%),radial-gradient(circle at bottom left,rgba(47,109,253,.04),transparent 40%),var(--bg);color:var(--ink);font-size:15px;line-height:1.45;overflow-x:hidden}#root{min-height:100vh}.input-wrapper{position:relative;margin-bottom:.9rem}.input-field{width:100%;height:44px;border-radius:.62rem;border:1px solid var(--line);padding:0 .9rem 0 2.65rem;font-size:.88rem;color:var(--ink);background:var(--surface);transition:border-color .2s ease,box-shadow .2s ease}.input-field:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input-field::placeholder{color:var(--muted-soft)}.input-wrapper i{position:absolute;top:50%;transform:translateY(-50%);left:.72rem;color:var(--muted-soft);pointer-events:none;font-size:1.08rem}.input-wrapper .eye-icon{right:.9rem;left:auto;pointer-events:auto;cursor:pointer;color:var(--ink);display:flex;align-items:center;justify-content:center}.input-wrapper.has-error .input-field{border-color:var(--danger);box-shadow:0 0 0 3px #c52b2b1a}.input-error{margin-top:.35rem;font-size:.74rem;color:var(--danger)}.link-button{border:none;background:none;color:var(--brand);font-weight:600;cursor:pointer;text-decoration:underline}.app-shell{--sidebar-width: 236px;--sidebar-collapsed-width: 78px;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);height:100vh;overflow:hidden;background:radial-gradient(circle at top right,rgba(47,109,253,.06),transparent 45%),var(--bg)}.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;padding:20px 14px 14px;background:var(--surface);color:var(--ink);border-right:1px solid var(--line);position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#2f6dfd33;border-radius:999px}.sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(47,109,253,.08),transparent 58%);pointer-events:none}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:.65rem;position:relative;z-index:1;margin-bottom:22px}.sidebar-brand img{width:118px;transition:width .2s ease,transform .2s ease}.sidebar-toggle{width:30px;height:30px;border:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);background:var(--surface-alt);border:1px solid var(--line);transition:background .2s ease,transform .2s ease}.sidebar-toggle:hover,.sidebar-toggle:focus-visible{background:var(--brand-soft);color:var(--brand);transform:translateY(-1px)}.sidebar-nav{display:grid;gap:.3rem;position:relative;z-index:1}.sidebar-link{display:flex;align-items:center;gap:.65rem;padding:.66rem .78rem;border-radius:.65rem;border:none;background:transparent;color:var(--muted);font-size:.9rem;font-weight:600;text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.sidebar-link:hover,.sidebar-link:focus-visible{background:var(--surface-alt);color:var(--ink);transform:translate(4px)}.sidebar-link.is-active{background:var(--brand-soft);color:var(--brand);box-shadow:inset 0 0 0 1px #2f6dfd2e}.sidebar-link .material-symbols-rounded{font-size:1.1rem}.sidebar-link-label{white-space:nowrap}.sidebar-user{margin-top:auto;display:flex;align-items:center;gap:.65rem;padding:.72rem;border-radius:.85rem;background:var(--surface-alt);border:1px solid var(--line);position:relative;z-index:1}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#2f6dfd33,#2f6dfd14);color:var(--brand);display:grid;place-items:center;font-weight:700;font-size:.95rem}.sidebar-user strong{display:block;font-size:.84rem}.sidebar-user p{font-size:.72rem;color:var(--muted)}.sidebar-user-copy{min-width:0}.sidebar-backdrop{display:none}.mobile-menu-trigger{display:none;width:32px;height:32px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--muted);align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.mobile-menu-trigger .material-symbols-rounded{font-size:1.2rem}.app-shell-main{display:flex;padding:18px 22px;height:100vh;overflow:hidden}.app-shell-surface{flex:1;background:var(--surface);border-radius:22px;border:1px solid var(--line);padding:24px 26px;box-shadow:0 16px 36px #17305214;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);height:100%;overflow:hidden}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:1.1rem;padding-bottom:18px;border-bottom:1px solid var(--line)}.app-topbar-main{display:flex;align-items:flex-start;gap:.6rem;min-width:0}.app-topbar-main>div{min-width:0}.app-topbar-actions{display:inline-flex;align-items:center;gap:.5rem}.app-topbar h1{font-size:1.45rem;font-weight:700;margin-bottom:.2rem}.app-topbar p{color:var(--muted);font-size:.9rem}.ghost-button{display:inline-flex;align-items:center;gap:.55rem;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:.54rem .9rem;border-radius:.65rem;cursor:pointer;font-weight:600;font-size:.88rem;transition:transform .2s ease,box-shadow .2s ease}.ghost-button:hover,.ghost-button:focus-visible{transform:translateY(-1px);box-shadow:0 12px 24px #1730521f;border-color:#2f6dfd40}.primary-button{display:inline-flex;align-items:center;gap:.55rem;border:none;padding:.58rem 1rem;border-radius:.72rem;background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:var(--surface);font-weight:600;font-size:.88rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary-button:hover,.primary-button:focus-visible{transform:translateY(-1px);box-shadow:0 20px 32px #2f6dfd40}.button-secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:.72rem;padding:.58rem 1rem;font-weight:600;font-size:.88rem;cursor:pointer;transition:background .2s ease,transform .2s ease}.button-secondary:hover,.button-secondary:focus-visible{background:var(--surface-alt);transform:translateY(-1px)}.app-content{flex:1;width:100%;padding-top:22px;padding-bottom:10px;padding-right:12px;display:flex;flex-direction:column;gap:22px;overflow-y:auto;scrollbar-gutter:stable both-edges}.app-content::-webkit-scrollbar{width:8px}.app-content::-webkit-scrollbar-thumb{background:#2f6dfd38;border-radius:999px}.app-content>*{width:100%}.app-content--narrow{width:100%;max-width:none;margin-inline:0}.app-shell.sidebar-collapsed .sidebar{padding:16px 8px 12px}.app-shell.sidebar-collapsed .sidebar-brand{flex-direction:column;margin-bottom:20px}.app-shell.sidebar-collapsed .sidebar-brand img{width:30px}.app-shell.sidebar-collapsed .sidebar-nav{justify-items:center}.app-shell.sidebar-collapsed .sidebar-link{width:42px;height:42px;justify-content:center;padding:0;border-radius:.7rem;transform:none}.app-shell.sidebar-collapsed .sidebar-link:hover,.app-shell.sidebar-collapsed .sidebar-link:focus-visible{transform:none}.app-shell.sidebar-collapsed .sidebar-link-label{display:none}.app-shell.sidebar-collapsed .sidebar-user{justify-content:center;padding:.45rem}.app-shell.sidebar-collapsed .sidebar-user-copy{display:none}.section-kicker{text-transform:uppercase;letter-spacing:.22em;font-size:.66rem;font-weight:600;color:var(--brand);margin-bottom:.55rem}.home-view{display:flex;flex-direction:column;gap:22px}.home-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;align-items:center}.home-hero-text h2{font-size:1.9rem;font-weight:700;line-height:1.15;margin-bottom:.75rem}.home-hero-text p{font-size:.92rem;color:var(--muted);max-width:500px;line-height:1.55}.home-hero-actions{margin-top:1.05rem;display:flex;gap:.65rem}.home-hero-card{background:linear-gradient(140deg,#2f6dfd24,#6f4df514 55%),var(--surface);color:var(--ink);padding:1.55rem;border-radius:1.1rem;position:relative;overflow:hidden;border:1px solid var(--line);box-shadow:0 14px 30px #17305214}.home-hero-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(47,109,253,.12),transparent 58%);opacity:.8}.home-hero-card>*{position:relative;z-index:1}.home-hero-card h3{font-size:2rem;margin:.3rem 0}.home-hero-card span{font-size:.86rem;color:var(--muted)}.trend-chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--brand-soft);color:var(--brand);padding:.38rem .68rem;border-radius:999px;margin-top:1rem;font-weight:600;font-size:.78rem}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.home-tile{border:none;text-align:left;background:var(--surface);padding:1.18rem 1.08rem;border-radius:.95rem;border:1px solid var(--line);box-shadow:0 10px 24px #17305212;display:grid;gap:.8rem;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.home-tile:hover,.home-tile:focus-visible{transform:translateY(-3px);box-shadow:0 14px 30px #17305217}.home-tile-icon{width:2.5rem;height:2.5rem;border-radius:.75rem;background:linear-gradient(135deg,#2f6dfd29,#2f6dfd0f);display:grid;place-items:center;color:var(--brand);font-size:1.35rem}.home-tile h3{font-size:1.05rem;font-weight:600}.home-tile p{color:var(--muted);line-height:1.45;font-size:.86rem}.home-feedback{font-size:.82rem;color:var(--brand);background:var(--brand-soft);border-radius:999px;display:inline-flex;align-items:center;gap:.5rem;padding:.42rem .9rem;font-weight:600}.view-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.view-header h2{font-size:1.55rem;font-weight:700;margin-bottom:.4rem}.view-header p{color:var(--muted);max-width:480px;line-height:1.5;font-size:.9rem}.view-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.performance-card{background:var(--surface);border-radius:.95rem;padding:1rem;border:1px solid var(--line);box-shadow:0 10px 24px #17305212;display:grid;gap:.45rem}.performance-card p{color:var(--muted);font-size:.83rem}.performance-card h3{font-size:1.5rem;font-weight:700}.panel-table{background:var(--surface);border-radius:.95rem;border:1px solid var(--line);box-shadow:0 10px 26px #17305214;overflow:auto}.panel-table-head,.panel-table-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(140px,1.2fr) minmax(160px,1.2fr) minmax(120px,.9fr) minmax(130px,.9fr);gap:1rem;padding:.78rem 1rem;align-items:center;min-width:760px}.panel-table-head{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#4f5f7a14;font-weight:700}.panel-table-row:not(:last-child){border-bottom:1px solid var(--line)}.panel-table-head--inventory,.panel-table-row--inventory{grid-template-columns:minmax(220px,1.5fr) minmax(120px,.9fr) minmax(100px,.7fr) minmax(120px,.8fr) minmax(130px,.8fr);min-width:780px}.panel-strong{font-weight:700;color:var(--ink)}.panel-product{display:flex;align-items:center;gap:.8rem}.panel-product-avatar{width:30px;height:30px;border-radius:.62rem;background:linear-gradient(135deg,#2f6dfd2e,#2f6dfd0f);display:grid;place-items:center;color:var(--brand);font-weight:700}.panel-product p{color:var(--muted-soft);font-size:.74rem}.panel-product-cell,.panel-status-cell{position:relative}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.metric-card{background:var(--surface);padding:1.2rem;border-radius:.95rem;border:1px solid var(--line);box-shadow:0 10px 24px #17305212;display:grid;gap:.45rem}.metric-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.18em}.metric-card h3{font-size:1.45rem;font-weight:700}.metric-card p{color:var(--success);font-weight:600;font-size:.82rem}.chart-card{background:var(--surface);border-radius:1.05rem;padding:1.15rem;border:1px solid var(--line);box-shadow:0 10px 24px #17305212}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}.chart-chip{background:var(--brand-soft);color:var(--brand);padding:.24rem .62rem;border-radius:999px;font-weight:600;font-size:.72rem}.chart-placeholder{height:180px;border-radius:.8rem;background:repeating-linear-gradient(-45deg,#2f6dfd1c,#2f6dfd1c 10px,#2f6dfd0d 10px,#2f6dfd0d 20px),var(--bg-soft);display:grid;place-items:center;color:#2f6dfd8c;font-size:2rem}.clients-table{margin-top:1.2rem;background:var(--surface);border-radius:1rem;border:1px solid var(--line);box-shadow:0 10px 24px #17305212;overflow:hidden}.clients-table-head,.clients-table-row{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:1rem;padding:.82rem 1.05rem;align-items:center}.clients-table-head{background:#2f6dfd14;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.clients-table-row:not(:last-child){border-bottom:1px solid var(--line)}.client-info{display:flex;align-items:center;gap:.85rem}.client-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2f6dfd38,#2f6dfd14);color:var(--brand);display:grid;place-items:center;font-weight:700}.client-info p{font-size:.74rem;color:var(--muted)}.status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .58rem;border-radius:999px;font-size:.74rem;font-weight:600}.status-pill--success{background:#0a8f6424;color:var(--success)}.status-pill--warning{background:#b26a0029;color:var(--warning)}.status-pill--info{background:#2e67d829;color:var(--info)}.status-pill--danger{background:#c52b2b26;color:var(--danger)}.timeline{display:grid;gap:.8rem}.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:.75rem;padding:.95rem;background:var(--surface);border-radius:.95rem;border:1px solid var(--line);box-shadow:0 10px 24px #17305212}.timeline-icon{width:34px;height:34px;border-radius:.7rem;background:linear-gradient(135deg,#2f6dfd2e,#2f6dfd0f);display:grid;place-items:center;color:var(--brand)}.timeline-item h3{font-size:.95rem;margin-bottom:.2rem}.timeline-item p{color:var(--muted);margin-bottom:.2rem;font-size:.84rem}.timeline-item span{font-size:.74rem;color:var(--muted-soft)}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.report-card{background:var(--surface);padding:1.2rem;border-radius:.95rem;border:1px solid var(--line);box-shadow:0 10px 24px #17305212;display:grid;gap:.5rem}.report-icon{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2f6dfd29,#2f6dfd0d);display:grid;place-items:center;color:var(--brand)}.report-card p{color:var(--muted);line-height:1.45;font-size:.84rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.settings-card{background:var(--surface);padding:1.2rem;border-radius:.95rem;border:1px solid var(--line);box-shadow:0 10px 24px #17305212;display:flex;align-items:center;justify-content:space-between;gap:1rem}.settings-card p{color:var(--muted);font-size:.84rem;line-height:1.5;margin-top:.22rem}.switch{position:relative;width:48px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#4f5f7a47;border-radius:999px;transition:background .2s ease}.slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 6px 16px #0f172a40}.switch input:checked+.slider{background:linear-gradient(135deg,var(--brand),var(--brand-strong))}.switch input:checked+.slider:before{transform:translate(22px)}.workflow-container{background:var(--surface);border-radius:1.15rem;padding:1.45rem;border:1px solid var(--line);box-shadow:0 12px 28px #17305214;display:grid;gap:1.4rem}.workflow-header{display:flex;flex-direction:column;gap:.7rem}.workflow-back{align-self:flex-start;border:none;background:var(--surface-alt);border-radius:999px;padding:.4rem .8rem .4rem .58rem;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;color:var(--ink);font-weight:600;font-size:.82rem;transition:transform .2s ease,box-shadow .2s ease}.workflow-back:hover,.workflow-back:focus-visible{transform:translateY(-2px);box-shadow:0 14px 28px #1730521f}.workflow-kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.64rem;font-weight:600;color:var(--brand)}.workflow-title{font-size:1.55rem;font-weight:700}.workflow-subtitle{font-size:.88rem;color:var(--muted);max-width:500px;line-height:1.5}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.workflow-card{background:var(--surface);border:1px solid var(--line);border-radius:.95rem;padding:1rem;display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.workflow-card:hover,.workflow-card:focus-visible{transform:translateY(-3px);box-shadow:0 14px 28px #1730521a;border-color:#2f6dfd59}.workflow-icon{width:2.3rem;height:2.3rem;border-radius:.72rem;background:linear-gradient(135deg,#2f6dfd29,#2f6dfd0f);display:grid;place-items:center;color:var(--brand);font-size:1.25rem}.workflow-card-body h3{font-size:1.03rem;font-weight:600;margin-bottom:.2rem}.workflow-card-body p{color:var(--muted);line-height:1.42;font-size:.84rem}.workflow-arrow{color:var(--muted-soft);transition:transform .2s ease}.workflow-card:hover .workflow-arrow,.workflow-card:focus-visible .workflow-arrow{transform:translate(4px)}.invoice-form{display:grid;gap:1.25rem}.invoice-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.invoice-section{display:grid;gap:.8rem}.invoice-section-title{font-size:1rem;font-weight:600;color:var(--ink)}.invoice-section-subtitle{font-size:.84rem;color:var(--muted);max-width:560px;line-height:1.5}.invoice-table-wrapper{display:grid;gap:1rem;overflow-x:auto;padding-bottom:.25rem}.invoice-table{width:max(100%,620px);border-collapse:separate;border-spacing:0;background:var(--surface);border-radius:.95rem;overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 24px #17305214}.invoice-table thead{background:#4f5f7a14}.invoice-table th,.invoice-table td{padding:.65rem .78rem;text-align:left;font-size:.86rem;color:var(--ink);vertical-align:top}.invoice-table th{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.table-actions-header,.table-actions{width:92px;text-align:center}.table-actions{display:flex;align-items:center;justify-content:center}.table-input-wrapper{display:flex;flex-direction:column;gap:.35rem}.table-input{width:100%;height:40px;border-radius:.62rem;border:1px solid var(--line);background:var(--surface);padding:0 1rem;font-size:.84rem;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease}.table-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.table-input-wrapper.has-error .table-input,.table-input-wrapper.has-error select{border-color:var(--danger);box-shadow:0 0 0 3px #c52b2b1f}.table-input-wrapper .input-error{margin:0}.table-input-wrapper.select{position:relative}.table-input-wrapper.select select{width:100%;height:40px;border-radius:.62rem;border:1px solid var(--line);background:var(--surface);padding:0 2.5rem 0 1rem;font-size:.84rem;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.table-input-wrapper.select select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.table-input-wrapper.select:after{content:"expand_more";font-family:Material Symbols Rounded;position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:var(--muted-soft);pointer-events:none}.table-remove-button{border:none;width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#c52b2b1a;color:var(--danger);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.table-remove-button:hover,.table-remove-button:focus-visible{transform:translateY(-2px);box-shadow:0 14px 28px #c52b2b2e}.table-remove-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.table-add-button{border:none;border-radius:999px;display:inline-flex;align-items:center;gap:.45rem;background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:var(--surface);font-weight:600;padding:.48rem .88rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.table-add-button .material-symbols-rounded{font-size:.95rem}.table-add-button:hover,.table-add-button:focus-visible{transform:translateY(-2px);box-shadow:0 16px 32px #2f6dfd3d}.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.8rem}.select i{left:auto;right:.95rem;pointer-events:none;color:var(--muted-soft)}.form-actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a254080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--surface);z-index:999;text-align:center;padding:24px}.loading-overlay p{margin-top:0;font-size:1.05rem;max-width:320px}.loading-spinner{width:64px;height:64px;border-radius:50%;border:5px solid rgba(255,255,255,.25);border-top-color:var(--surface);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.app-shell{--sidebar-width: 214px}.app-shell-surface{padding:18px 20px;border-radius:18px}}@media (max-width: 960px){.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh;width:100vw;max-width:100vw;overflow:visible;overflow-x:hidden}.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{padding:10px 12px 12px;position:sticky;top:0;z-index:40;height:auto;min-height:0;overflow:visible;border-right:none;border-bottom:1px solid var(--line)}.sidebar:after{background:linear-gradient(120deg,rgba(47,109,253,.14),transparent 64%)}.sidebar-brand{margin-bottom:0;width:100%}.sidebar-brand img{width:106px}.sidebar-nav{margin-top:10px;max-height:min(56vh,420px);overflow-y:auto;padding-right:4px}.sidebar-link{transform:none;width:100%;font-size:.88rem;padding:.6rem .72rem}.sidebar-link:hover,.sidebar-link:focus-visible{transform:none}.sidebar-user{margin-top:10px}.app-shell.sidebar-collapsed .sidebar{padding:10px 12px}.app-shell.sidebar-collapsed .sidebar-nav,.app-shell.sidebar-collapsed .sidebar-user{display:none}.app-shell.sidebar-collapsed .sidebar-brand{margin-bottom:0}.app-shell.sidebar-collapsed .sidebar-brand img{width:106px}.app-shell.is-mobile-viewport .sidebar{position:fixed;top:0;left:0;right:0;width:100%;height:auto;max-height:min(86vh,720px);overflow-y:auto;border-radius:0 0 18px 18px;box-shadow:0 20px 40px #0a254033;z-index:60}.app-shell.is-mobile-viewport.sidebar-collapsed .sidebar{display:none}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;border:0;display:block;background:#0a254047;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-shell-main{padding:12px;width:100%;max-width:100%;height:auto;overflow:visible}.app-shell-surface{width:100%;max-width:100%;height:auto;min-height:calc(100vh - 126px);overflow:visible;padding:18px 16px;border-radius:14px}.app-content{overflow:visible;padding-top:14px;padding-bottom:6px;padding-right:0;gap:16px}.mobile-menu-trigger{display:inline-flex}.app-topbar-main,.app-topbar-actions{width:100%}.app-topbar-actions .ghost-button{width:100%;justify-content:center}.workflow-container{padding:1.15rem;border-radius:.95rem;gap:1.05rem}.workflow-title{font-size:1.45rem}.home-hero-text h2{font-size:1.72rem}.view-header h2{font-size:1.42rem}.view-header-actions{width:100%;gap:.55rem}.view-header-actions>*{flex:1 1 100%;justify-content:center}.invoice-table{width:max(100%,660px)}.panel-table{overflow:visible;background:transparent;border:0;box-shadow:none}.panel-table-head{display:none}.panel-table-row,.panel-table-row--inventory,.panel-table-row--sales{min-width:0;grid-template-columns:1fr;gap:.5rem;padding:.82rem;border:1px solid var(--line);border-radius:.86rem;background:var(--surface);box-shadow:0 8px 20px #1730520f}.panel-table-row:not(:last-child){border-bottom:1px solid var(--line);margin-bottom:.55rem}.panel-table-row--sales>span,.panel-table-row--inventory>span{position:relative;display:grid;gap:.2rem;padding-top:.82rem}.panel-table-row--sales>span:before,.panel-table-row--inventory>span:before{content:attr(data-label);position:absolute;top:0;left:0;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.panel-product-cell{position:relative;padding-top:.82rem}.panel-product-cell:before{content:attr(data-label);position:absolute;top:0;left:0;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.panel-status-cell{justify-self:flex-start}}@media (max-width: 640px){.sidebar,.app-shell.sidebar-collapsed .sidebar{padding:10px}.sidebar-brand img,.app-shell.sidebar-collapsed .sidebar-brand img{width:96px}.app-shell-main{padding:10px}.app-shell-surface{padding:14px 12px;border-radius:12px}.app-topbar{flex-direction:column;align-items:flex-start;gap:.9rem}.app-topbar h1{font-size:1.3rem}.app-topbar p{font-size:.88rem}.app-topbar-actions{width:100%}.app-topbar-actions .ghost-button{width:100%;justify-content:center}.home-hero{grid-template-columns:1fr;gap:12px}.home-hero-actions{flex-direction:column;align-items:stretch}.home-hero-actions>*{width:100%;justify-content:center}.home-hero-text h2{font-size:1.5rem}.home-hero-card{padding:1.1rem}.workflow-container{padding:1rem;border-radius:.88rem;gap:1rem}.workflow-title{font-size:1.3rem}.workflow-subtitle{font-size:.86rem}.workflow-card{grid-template-columns:auto 1fr;padding:.92rem}.workflow-arrow{display:none}.invoice-grid{grid-template-columns:1fr;gap:.65rem}.invoice-table-wrapper{margin:0 -2px}.invoice-table{width:100%;min-width:0;border-radius:.82rem}.invoice-table thead{display:none}.invoice-table tbody{display:grid;gap:.55rem;padding:.55rem}.invoice-table tbody tr{display:grid;gap:.48rem;border:1px solid var(--line);border-radius:.74rem;padding:.62rem;background:var(--surface-alt)}.invoice-table tbody td{padding:0;border:0;display:block}.invoice-table tbody td:before{content:attr(data-label);display:block;margin-bottom:.24rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.invoice-table tbody td.table-actions{display:flex;align-items:center;justify-content:flex-end}.invoice-table tbody td.table-actions:before{display:none}.table-actions{width:auto}.table-add-button{width:100%;justify-content:center}.clients-table-head,.clients-table-row{grid-template-columns:1fr;gap:.5rem;padding:.72rem .78rem}.clients-table-row span:last-child{font-weight:600}.form-actions{justify-content:stretch}.form-actions button,.view-header-actions>*,.home-hero-actions>*{flex:1;justify-content:center}.view-header-actions{width:100%;justify-content:stretch}.panel-table-head,.panel-table-row,.panel-table-head--inventory,.panel-table-row--inventory{min-width:0}}