*{box-sizing:border-box}:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#0c111d;--panel:#121a2b;--panel-2:#172235;--line:#94a3b82e;--muted:#94a3b8;--text:#f8fafc;--blue:#38bdf8;--green:#34d399;--orange:#f59e0b;--red:#fb7185;--purple:#a78bfa;background:#0c111d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#38bdf82e,#0000 34rem),linear-gradient(135deg,#0c111d 0%,#101827 52%,#07111f 100%);margin:0}button,input,select,textarea{font:inherit}button{border:0}#root{min-height:100vh}h1,h2,h3,p{margin:0}.app-shell{flex-direction:column;min-height:100vh;display:flex}.login-page{grid-template-columns:minmax(0,1.2fr) minmax(360px,480px);min-height:100vh;display:grid}.login-hero{background:linear-gradient(120deg,#38bdf82e,#0000 45%),linear-gradient(#0c111d1a,#0c111deb),url(/assets/hero-CLDdwZDr.png) 50%/cover;flex-direction:column;justify-content:space-between;padding:clamp(32px,6vw,88px);display:flex}.brand-mark{background:#f8fafc1f;border:1px solid #f8fafc33;border-radius:8px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.login-title{letter-spacing:0;max-width:760px;font-size:clamp(40px,7vw,86px);line-height:.96}.login-subtitle{color:#cbd5e1;max-width:560px;margin-top:24px;font-size:18px;line-height:1.55}.login-panel-wrap{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111fb8;place-items:center;padding:24px;display:grid}.login-card,.card,.modal-panel{border:1px solid var(--line);background:#121a2be6;border-radius:8px;box-shadow:0 24px 80px #02061759}.login-card{width:100%;max-width:420px;padding:32px}.eyebrow,.label,.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800}.form-stack{gap:16px;margin-top:28px;display:grid}.field{gap:8px;display:grid}.label{font-size:13px;font-weight:700}.input-wrap{position:relative}.input-wrap svg{color:#64748b;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-field{width:100%;min-height:46px;color:var(--text);border:1px solid var(--line);background:#0b1220;border-radius:8px;outline:none;padding:10px 14px;transition:border-color .18s,box-shadow .18s,background .18s}.input-field.has-icon{padding-left:46px}.input-field:focus{border-color:#38bdf8b3;box-shadow:0 0 0 4px #38bdf81f}.input-field::placeholder{color:#64748b}.textarea-field{resize:vertical;min-height:96px}.btn-primary,.btn-secondary,.btn-danger,.icon-btn,.nav-btn{cursor:pointer;transition:transform .16s,background .16s,border-color .16s,color .16s}.btn-primary,.btn-secondary,.btn-danger{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-weight:800;display:inline-flex}.btn-primary{color:#04111d;background:linear-gradient(135deg,#67e8f9,#38bdf8)}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{color:var(--text);border:1px solid var(--line);background:#94a3b81f}.btn-danger{color:#fff;background:#fb71852e;border:1px solid #fb718557}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.alert{color:#fecdd3;background:#fb71851f;border:1px solid #fb718559;border-radius:8px;padding:12px 14px}.alert.success{color:#bbf7d0;background:#34d3991f;border-color:#34d39959}.header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;background:#0c111dd6;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:14px 24px;display:flex;position:sticky;top:0}.header-title{align-items:center;gap:12px;display:flex}.header-title h1{letter-spacing:0;font-size:22px}.header-actions{align-items:center;gap:12px;display:flex}.icon-btn{width:40px;height:40px;color:var(--text);border:1px solid var(--line);background:#94a3b81a;border-radius:8px;place-items:center;display:grid}.icon-btn:hover,.nav-btn:hover{background:#94a3b829}.layout{flex:1;min-height:0;display:flex}.sidebar{border-right:1px solid var(--line);background:#0c111dc2;flex:0 0 272px;width:272px;padding:18px}.sidebar-head{display:none}.nav{gap:8px;display:grid}.nav-btn{color:#cbd5e1;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:46px;padding:10px 12px;display:flex}.nav-btn.active{color:#04111d;background:linear-gradient(135deg,#67e8f9,#38bdf8);font-weight:800}.content{flex:1;min-width:0;overflow:auto}.page{gap:24px;width:min(1480px,100%);margin:0 auto;padding:28px;display:grid}.page-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-actions{align-items:center;gap:10px;display:flex}.page-actions .input-field{width:220px}.page-title{gap:6px;display:grid}.page-title h2{letter-spacing:0;font-size:clamp(28px,4vw,42px)}.grid{gap:16px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:22px}.metric-card{justify-content:space-between;align-items:center;gap:16px;display:flex}.metric-label{color:var(--muted);margin-bottom:8px;font-size:14px}.metric-value{font-size:32px;font-weight:850}.metric-icon{background:#94a3b81f;border-radius:8px;place-items:center;width:54px;height:54px;display:grid}.tone-blue{color:var(--blue)}.tone-green{color:var(--green)}.tone-orange{color:var(--orange)}.tone-red{color:var(--red)}.tone-purple{color:var(--purple)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:14px 16px}th{color:#cbd5e1;letter-spacing:.08em;text-transform:uppercase;background:#94a3b814;font-size:12px}tbody tr:hover{background:#94a3b80f}.row-actions{gap:8px;display:flex}.section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.salary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.salary-card,.order-card{background:#0f172a75;border:1px solid #94a3b829;border-radius:8px}.salary-card{gap:14px;padding:16px;display:grid}.salary-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.salary-card-head>div{gap:4px;display:grid}.salary-card-head span,.order-meta,.order-money span{color:var(--muted);font-size:13px}.salary-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.salary-values span{background:#02061747;border-radius:8px;gap:4px;padding:10px;display:grid}.salary-values small{color:var(--muted)}.salary-orders{gap:8px;display:grid}.salary-order{color:var(--text);text-align:left;background:#38bdf814;border:1px solid #38bdf82e;border-radius:8px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.orders-list{gap:12px;display:grid}.order-card{grid-template-columns:minmax(360px,1.5fr) auto minmax(180px,.6fr) auto;align-items:center;gap:18px;padding:18px;display:grid}.order-main{align-items:center;gap:16px;min-width:0;display:flex}.order-date{color:#bae6fd;background:#38bdf81a;border-radius:8px;place-items:center;width:64px;min-width:64px;min-height:64px;padding:8px;display:grid}.order-date strong{font-size:24px;line-height:1}.order-date span{color:var(--muted);font-size:12px}.order-info{gap:8px;min-width:0;display:grid}.order-title{font-weight:800;line-height:1.4}.order-meta,.order-badges,.order-money{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.meta-chip,.delivery-preview span{align-items:center;gap:6px;display:inline-flex}.delivery-preview{background:#38bdf814;border:1px solid #38bdf833;border-radius:8px;gap:6px;padding:12px 14px;display:grid}.delivery-preview small,.salary-note{color:var(--muted)}.salary-note{background:#94a3b814;border-radius:8px;padding:10px 12px}.attention-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.attention-item{background:#f59e0b14;border:1px solid #f59e0b3d;border-radius:8px;align-items:flex-start;gap:12px;padding:14px;display:flex}.attention-item svg{color:var(--orange);flex:none}.attention-item div{gap:4px;display:grid}.attention-item span{color:var(--muted);font-size:13px}.order-money{justify-items:start;display:grid}.status{white-space:nowrap;border-radius:999px;align-items:center;min-height:28px;padding:4px 10px;font-size:13px;font-weight:800;display:inline-flex}.status-select{cursor:pointer;border:0;border-radius:999px;outline:none;min-height:28px;padding:4px 28px 4px 10px;font-size:13px;font-weight:800}.status.blue,.status-select.blue{color:#bae6fd;background:#38bdf824}.status.green,.status-select.green{color:#bbf7d0;background:#34d39924}.status.orange,.status-select.orange{color:#fed7aa;background:#f59e0b24}.status-select option{color:#111827}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617b3;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0;overflow:auto}.modal-panel{flex-direction:column;width:min(100%,520px);max-height:calc(100svh - 36px);display:flex;overflow:hidden}.modal-panel.sm{width:min(100%,380px)}.modal-panel.lg{width:min(100%,720px)}.modal-panel.xl{width:min(100%,920px)}.modal-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.modal-body{overscroll-behavior:contain;scrollbar-gutter:stable;padding:20px;overflow:hidden auto}.modal-body::-webkit-scrollbar{width:10px}.lookup-list::-webkit-scrollbar{width:10px}.modal-body::-webkit-scrollbar-track{background:#0f172abf}.lookup-list::-webkit-scrollbar-track{background:#0f172abf}.modal-body::-webkit-scrollbar-thumb{background:#94a3b8a6;border:2px solid #0f172abf;border-radius:999px}.lookup-list::-webkit-scrollbar-thumb{background:#94a3b8a6;border:2px solid #0f172abf;border-radius:999px}.form-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.settings-form{gap:18px;display:grid}.form-section{background:#0f172a73;border:1px solid #94a3b829;border-radius:8px;gap:14px;padding:14px;display:grid}.website-order-summary{flex-wrap:wrap;gap:10px;display:flex}.website-order-chip{color:#dbeafe;background:#38bdf814;border:1px solid #38bdf829;border-radius:999px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:inline-flex}.website-order-chip strong{color:var(--text)}.website-order-chip span{color:var(--muted);font-size:13px}.website-order-lines{background:#0b122073;border:1px solid #94a3b829;border-radius:8px;overflow:hidden}.website-order-table{min-width:0}.website-order-table th:nth-child(2),.website-order-table td:nth-child(2),.website-order-table th:nth-child(3),.website-order-table td:nth-child(3),.website-order-table th:nth-child(4),.website-order-table td:nth-child(4),.website-order-table th:nth-child(5),.website-order-table td:nth-child(5){white-space:nowrap}.website-order-table td:first-child{word-break:break-word;max-width:0}.website-order-item-row{grid-template-columns:minmax(0,1.5fr) minmax(140px,.7fr) 120px 140px 40px;align-items:end}.website-order-remove-btn{margin-bottom:3px}.section-title{color:var(--text);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.section-title:after{content:"";background:#94a3b82e;flex:1;height:1px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.link{color:#7dd3fc;text-decoration:none}.link:hover{text-decoration:underline}.clients-toolbar{grid-template-columns:minmax(0,1.5fr) minmax(180px,.7fr) minmax(180px,.7fr);gap:16px;margin-bottom:18px;display:grid}.favorite-indicator{color:#94a3b88c;font-size:18px}.favorite-indicator.active,.favorite-btn.active{color:#fbbf24}.favorite-btn.active{background:#fbbf241f;border-color:#fbbf2447}.note-preview{max-width:280px;color:var(--muted);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.favorite-toggle{background:#fbbf2414;border:1px solid #fbbf242e;border-radius:8px;align-items:center;gap:10px;padding:14px;display:flex}.favorite-toggle input{accent-color:#fbbf24;width:18px;height:18px}.empty-state{color:var(--muted);text-align:center;padding:32px}.lookup{gap:8px;display:grid}.lookup-list{gap:8px;max-height:220px;display:grid;overflow:auto}.modal-body .lookup-list{max-height:180px}.lookup-item{width:100%;color:var(--text);text-align:left;border:1px solid var(--line);background:#94a3b814;border-radius:8px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.lookup-item span{color:var(--muted)}.lookup-item-client{align-items:flex-start}.lookup-client-main,.lookup-client-side{gap:4px;display:grid}.lookup-client-side{text-align:right;justify-items:end}.lookup-client-side small{max-width:240px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.favorite-toggle span{align-items:center;gap:8px;display:flex}.invoice{gap:22px;display:grid}.invoice-sheet{color:#111827;background:#fff;border-radius:8px;padding:32px;font-family:Arial,sans-serif}.invoice-topline{color:#4b5563;border-bottom:1px solid #d1d5db;justify-content:space-between;gap:16px;padding-bottom:10px;font-size:13px;display:flex}.invoice-title{text-align:center;color:#111827;margin:22px 0;font-size:24px}.invoice-parties{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.invoice-parties>div{border:1px solid #d1d5db;min-height:92px;padding:12px}.invoice-parties span,.invoice-details span{color:#6b7280;font-size:12px}.invoice-parties strong{color:#111827;margin:5px 0;display:block}.invoice-parties p{color:#374151;font-size:13px;line-height:1.45}.invoice-details{border:1px solid #d1d5db;grid-template-columns:130px 1fr;gap:8px 12px;margin-bottom:18px;padding:12px;display:grid}.invoice-details strong{color:#111827;font-weight:600}.invoice-summary{color:#111827;justify-content:space-between;gap:18px;margin-top:16px;display:flex}.invoice-note{color:#374151;margin-top:16px}.invoice-signatures{color:#111827;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;margin-top:54px;display:grid}.invoice-signatures div{gap:18px;display:grid}.invoice-signatures b{border-bottom:1px solid #111827;height:1px;display:block}.invoice-table{color:#111827;min-width:0;margin:0;font-size:13px}.invoice-table th{color:#111827;background:#f3f4f6}.invoice-table td,.invoice-table th{border:1px solid #d1d5db;padding:9px 10px}.invoice-table td:first-child,.invoice-table td:nth-child(3),.invoice-table td:nth-child(4),.invoice-table td:nth-child(5),.invoice-table td:nth-child(6),.invoice-table th:first-child,.invoice-table th:nth-child(3),.invoice-table th:nth-child(4),.invoice-table th:nth-child(5),.invoice-table th:nth-child(6){text-align:right}.order-items{gap:12px;display:grid}.item-row{grid-template-columns:minmax(0,1fr) 90px 120px 40px;align-items:center;gap:10px;display:grid}.mobile-overlay{display:none}@media (width<=980px){.login-page{grid-template-columns:1fr}.login-hero{min-height:44vh}.sidebar{z-index:50;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.mobile-overlay{z-index:45;background:#02061794;display:block;position:fixed;inset:0}.stats-grid,.two-grid,.attention-grid,.salary-grid,.clients-toolbar{grid-template-columns:1fr}.page{padding:22px}}@media (width<=640px){.header{padding:12px}.header-actions .muted{display:none}.page,.login-card{padding:18px}.page-head,.form-grid{grid-template-columns:1fr;align-items:stretch;display:grid}.page-actions{display:grid}.page-actions .input-field,.btn-primary,.btn-secondary,.btn-danger{width:100%}.login-page{min-height:100svh}.login-hero{min-height:260px}.login-subtitle{font-size:16px}.header-title h1{font-size:18px}.brand-mark{width:38px;height:38px}.metric-card{align-items:flex-start}.metric-value{font-size:26px}table,thead,tbody,tr,th,td{min-width:0;display:block}thead{display:none}tr{border:1px solid var(--line);background:#94a3b80d;border-radius:8px;margin-bottom:12px;padding:14px}td{border-bottom:1px solid #94a3b81a;justify-content:space-between;gap:16px;padding:9px 0;display:flex}td:last-child{border-bottom:0}td:before{content:attr(data-label);color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.row-actions{justify-content:flex-end}.order-card{grid-template-columns:1fr;align-items:stretch}.order-main{align-items:flex-start}.order-badges,.order-money,.order-card .row-actions{justify-content:flex-start}.salary-values{grid-template-columns:1fr}.modal-backdrop{align-items:flex-end;padding:0}.modal-panel,.modal-panel.lg,.modal-panel.xl{border-radius:8px 8px 0 0;width:100%;max-height:92svh;overflow:hidden}.invoice-parties,.invoice-details,.invoice-signatures{grid-template-columns:1fr}.invoice-topline,.invoice-summary{display:grid}.item-row{border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr;padding:12px}.website-order-item-row{grid-template-columns:1fr;align-items:stretch}.website-order-remove-btn{margin-bottom:0}.modal-body .lookup-list{max-height:150px}.website-order-summary{display:grid}}@media print{body{color:#111827;background:#fff}.header,.sidebar,.page>:not(.modal-backdrop),.modal-head .icon-btn,.invoice .btn-primary{display:none!important}.modal-backdrop{background:#fff;padding:0;display:block;position:static}.modal-panel{width:100%;box-shadow:none;color:#111827;background:#fff;border:0}.modal-body{padding:0}.invoice-sheet{border-radius:0;padding:12mm}.invoice-table{width:100%}}