:root{--font: Inter;--accent: #ff6b00;--accent-rgb: 255, 107, 0;--bg: #090b12;--bg-soft: #0e111a;--panel: #111520;--panel-2: #161b29;--panel-3: #1b2131;--border: #242b3b;--border-soft: #1b2130;--text: #f4f6fb;--muted: #8e98ac;--muted-2: #657087;--green: #42d699;--orange: #ffad5b;--red: #ff667d;--blue: #54a8ff;--shadow: 0 18px 55px rgba(0,0,0,.24);color-scheme:dark}:root[data-theme=light]{--bg: #f3f5f9;--bg-soft: #eef1f6;--panel: #fff;--panel-2: #f7f8fb;--panel-3: #edf0f6;--border: #dce1ea;--border-soft: #e8ebf1;--text: #151823;--muted: #626c7d;--muted-2: #8b93a1;--shadow: 0 16px 45px rgba(36,43,60,.1);color-scheme:light}:root[data-theme=midnight]{--bg:#070816;--bg-soft:#0b0d20;--panel:#101329;--panel-2:#151936;--panel-3:#1b2042;--border:#282e54;--border-soft:#1d2240 }*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}svg{flex:0 0 auto}::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--panel-3);border:2px solid var(--bg);border-radius:8px}::-webkit-scrollbar-track{background:transparent}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:radial-gradient(circle at 50% 40%,rgba(124,92,255,.18),transparent 32%),var(--bg)}.app-loading>strong{font-size:24px;letter-spacing:-.6px}.app-loading>strong span,.login-brand span,.brand strong span{color:var(--accent)}.app-loading>small{color:var(--muted)}.btn{border:1px solid var(--border);height:42px;padding:0 17px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:700;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 60%,var(--border))}.btn:disabled{opacity:.55;cursor:wait;transform:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 25%,transparent)}.btn.primary:hover{filter:brightness(1.08)}.btn.secondary{background:var(--panel-2);color:var(--text)}.btn.small{height:34px;padding:0 12px;font-size:12px}.btn.danger-outline{color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,var(--border));background:color-mix(in srgb,var(--red) 7%,var(--panel))}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;color:var(--muted);background:transparent;cursor:pointer;transition:.16s}.icon-btn:hover{background:var(--panel-3);color:var(--text)}.icon-btn.danger:hover{color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}input,select,textarea{width:100%;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:9px;outline:none;transition:border .15s,box-shadow .15s}input,select{height:42px;padding:0 12px}textarea{padding:11px 12px;resize:vertical;min-height:80px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}input::placeholder,textarea::placeholder{color:var(--muted-2)}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{color:var(--muted);font-size:12px;font-weight:700}.field>small{color:var(--muted-2);font-size:11px}.form-grid{display:grid;gap:16px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid.nested{gap:10px}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.form-divider{color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;border-bottom:1px solid var(--border);padding:10px 0 8px}.card{background:var(--panel);border:1px solid var(--border-soft);border-radius:14px;box-shadow:0 1px #ffffff05}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 22px}.page-header h1{margin:0;font-size:27px;letter-spacing:-.65px;line-height:1.15}.page-header p{margin:6px 0 0;color:var(--muted)}.page-actions{display:flex;align-items:center;gap:10px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.card-title h2{font-size:16px;margin:0 0 4px}.card-title p{color:var(--muted);margin:0;font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 13px;gap:16px}.section-heading h3{margin:0;font-size:15px}.section-heading p{color:var(--muted);margin:3px 0 0;font-size:12px}.text-link,.strong-link{color:var(--accent);font-weight:700}.strong-link:hover{text-decoration:underline}.muted{color:var(--muted)}.app-shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:255px;background:var(--bg-soft);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;padding:19px 14px 14px}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px}.brand-mark{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#263eff));box-shadow:0 10px 25px color-mix(in srgb,var(--accent) 27%,transparent)}.brand-mark.large{width:52px;height:52px;border-radius:15px}.brand strong{display:block;font-size:17px;letter-spacing:-.5px}.brand small{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.sidebar nav{display:flex;flex-direction:column;gap:3px;overflow-y:auto;padding-right:1px}.sidebar nav a{height:43px;padding:0 11px;display:flex;align-items:center;gap:11px;border-radius:9px;color:var(--muted);font-weight:650;transition:.15s}.sidebar nav a:hover{color:var(--text);background:var(--panel)}.sidebar nav a.active{color:var(--text);background:color-mix(in srgb,var(--accent) 14%,var(--panel));box-shadow:inset 3px 0 var(--accent)}.sidebar nav a.active svg{color:var(--accent)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--border-soft);padding-top:12px}.account-card{display:grid;grid-template-columns:34px 1fr 32px;align-items:center;gap:9px;min-width:0}.avatar{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,var(--accent),#4c75ff);font-weight:800}.avatar.small{width:34px;height:34px;border-radius:9px}.account-card>div:nth-child(2){min-width:0}.account-card strong,.account-card small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-card strong{font-size:12px}.account-card small{font-size:10px;color:var(--muted);margin-top:2px}.mobile-close,.menu-btn{display:none;border:0;background:transparent;color:var(--text);cursor:pointer}.main-area{grid-column:2;min-width:0}.topbar{height:70px;position:sticky;top:0;z-index:25;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;padding:0 30px}.search-trigger{height:39px;width:min(500px,48vw);padding:0 10px;border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:9px;display:flex;align-items:center;gap:9px;cursor:text;text-align:left}.search-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-trigger kbd{margin-left:auto;color:var(--muted-2);border:1px solid var(--border);background:var(--panel-2);padding:2px 6px;border-radius:5px;font-size:10px}.topbar-status{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:7px}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 12%,transparent)}.content{padding:27px 30px 50px;max-width:1700px;margin:0 auto}.toolbar{min-height:60px;padding:9px;display:flex;align-items:center;gap:10px;margin-bottom:14px}.filter-search{min-width:260px;flex:1;display:flex;align-items:center;gap:8px;padding:0 11px;background:var(--panel-2);border:1px solid var(--border);border-radius:9px}.filter-search input{border:0;background:transparent;box-shadow:none;padding:0}.filter-search svg{color:var(--muted)}.toolbar-select{display:flex;align-items:center;gap:7px}.toolbar-select select{min-width:150px}.toolbar-select svg{color:var(--muted)}.catalog-count,.storage-note{margin-left:auto;color:var(--muted);padding:0 10px;font-size:12px}.table-card{min-height:240px;overflow:hidden}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{color:var(--muted-2);font-size:10px;text-transform:uppercase;letter-spacing:.08em;text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--panel-2)}td{padding:13px 16px;border-bottom:1px solid var(--border-soft);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr{transition:.12s}.click-row{cursor:pointer}.click-row:hover,tbody tr:hover{background:color-mix(in srgb,var(--accent) 4%,var(--panel))}.cell-sub{display:block;color:var(--muted);font-size:11px;margin-top:3px}.cell-sub.reg,.registration{letter-spacing:.08em}.money-cell{font-weight:800}.badge{display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;border-radius:99px;font-size:10px;font-weight:800;background:var(--panel-3);color:var(--muted)}.badge-przyjete,.badge-wystawiona{color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,transparent)}.badge-w-trakcie,.badge-pilne,.badge-wyslana{color:var(--orange);background:color-mix(in srgb,var(--orange) 12%,transparent)}.badge-czeka-na-czesci,.badge-czesciowo{color:#d68cff;background:#c264ff1f}.badge-gotowe-do-odbioru,.badge-oplacone,.badge-oplacona,.badge-zakonczone,.badge-aktywna{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.badge-na-juz,.badge-anulowane,.badge-po-terminie,.badge-wylaczona{color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent)}.category-label{display:inline-flex;padding:4px 8px;border-radius:6px;background:color-mix(in srgb,var(--accent) 10%,var(--panel-2));color:color-mix(in srgb,var(--accent) 70%,var(--text));font-size:10px;font-weight:800;text-transform:capitalize}.loading,.empty{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--muted)}.loading{flex-direction:row;min-height:160px}.empty h3{margin:7px 0 0;color:var(--text);font-size:15px}.empty p{margin:0;max-width:360px;text-align:center}.empty-icon{width:46px;height:46px;border-radius:13px;background:var(--panel-2);display:flex;align-items:center;justify-content:center;color:var(--muted)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:11px 13px;border-radius:9px;margin-bottom:14px;font-size:12px;font-weight:650}.alert.error{color:#ff8da0;background:#ff4d671a;border:1px solid rgba(255,77,103,.23)}.alert.success{color:var(--green);background:color-mix(in srgb,var(--green) 9%,transparent);border:1px solid color-mix(in srgb,var(--green) 22%,transparent)}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:#020409b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:min(580px,96vw);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 28px 100px #0000008c}.modal-wide{width:min(1050px,96vw)}.modal-head{position:sticky;z-index:2;top:0;background:color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:22px}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:17px;border-top:1px solid var(--border-soft)}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(520px,.95fr);background:#080a12;position:relative;overflow:hidden;color:#f5f7fb}.login-glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.login-glow-a{width:650px;height:650px;left:-300px;top:-270px;background:radial-gradient(circle,rgba(124,92,255,.25),transparent 68%)}.login-glow-b{width:600px;height:600px;right:-300px;bottom:-350px;background:radial-gradient(circle,rgba(44,114,255,.19),transparent 68%)}.login-showcase{position:relative;padding:52px 8vw;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.07);background:linear-gradient(135deg,rgba(124,92,255,.07),transparent 55%)}.login-brand{display:flex;align-items:center;gap:12px;font-size:21px;letter-spacing:-.7px}.showcase-copy{margin:auto 0;max-width:660px}.eyebrow{color:#9580ff;font-size:10px;font-weight:900;letter-spacing:.17em}.showcase-copy h1{font-size:clamp(48px,5.3vw,78px);letter-spacing:-4px;line-height:.97;margin:20px 0 24px}.showcase-copy h1 span{color:#9782ff}.showcase-copy>p{color:#9aa4b7;font-size:17px;max-width:570px;line-height:1.7}.feature-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.feature-pills span{padding:8px 12px;border:1px solid rgba(255,255,255,.09);background:#ffffff0a;border-radius:99px;color:#b5bdcb;font-size:11px}.showcase-stat{display:flex;align-items:center;gap:14px;color:#7f899d}.showcase-stat strong{color:#fff;font-size:24px}.showcase-stat span{font-size:12px}.login-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:min(435px,100%);display:flex;flex-direction:column;gap:17px}.login-card h2{margin:7px 0 5px;font-size:32px;letter-spacing:-1.2px}.login-card>div:first-child p{margin:0;color:#7f899d}.login-field{display:flex;flex-direction:column;gap:8px}.login-field>span{color:#9da6b6;font-size:11px;font-weight:800}.login-field>div{height:48px;display:flex;align-items:center;gap:10px;border:1px solid #272d3b;background:#10131c;border-radius:11px;padding:0 13px}.login-field>div:focus-within{border-color:#7c5cff;box-shadow:0 0 0 3px #7c5cff21}.login-field input{height:auto;padding:0;border:0;background:transparent;box-shadow:none;color:#fff}.login-field button{border:0;background:transparent;color:#7f899d;cursor:pointer;display:flex}.login-submit{height:49px;margin-top:4px}.server-toggle{border:0;background:transparent;color:#7f899d;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:11px}.login-field.compact>div{height:43px}.login-field small,.login-note{color:#616a7d;font-size:10px}.login-note{text-align:center}.period-picker{display:flex;gap:7px}.period-picker select{width:auto;min-width:110px;height:39px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:14px}.metric-card{min-width:0;background:var(--panel);border:1px solid var(--border-soft);border-radius:14px;padding:17px;display:flex;align-items:center;gap:14px}.metric-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center}.metric-icon svg{width:20px}.metric-icon.violet{color:#a58dff;background:#7c5cff21}.metric-icon.orange{color:var(--orange);background:#ffa6481f}.metric-icon.green{color:var(--green);background:#42d6991f}.metric-icon.red{color:var(--red);background:#ff667d1f}.metric-icon.blue{color:var(--blue);background:#54a8ff1f}.metric-card>div:last-child{min-width:0}.metric-card span,.metric-card small{display:block;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card strong{display:block;font-size:21px;letter-spacing:-.6px;margin:3px 0}.metric-card small{color:var(--muted-2);font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,.75fr);gap:14px;margin-bottom:14px}.chart-card,.quick-stats{padding:20px}.chart-legend{display:flex;gap:12px;color:var(--muted);font-size:10px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:7px;height:7px;border-radius:50%}.chart-legend i.violet{background:var(--accent)}.chart-legend i.orange{background:var(--orange)}.bar-chart{height:205px;display:flex;align-items:flex-end;gap:8px;padding-top:15px}.bar-col{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.bars{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;border-bottom:1px solid var(--border)}.bars i{display:block;width:min(10px,36%);border-radius:4px 4px 0 0;min-height:3px}.bars .revenue{background:linear-gradient(var(--accent),color-mix(in srgb,var(--accent) 65%,transparent))}.bars .expense{background:linear-gradient(var(--orange),color-mix(in srgb,var(--orange) 55%,transparent))}.bar-col>span{color:var(--muted-2);font-size:9px}.quick-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid var(--border-soft)}.quick-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--panel-2);color:var(--accent)}.quick-icon svg{width:18px}.quick-row strong{display:block;font-size:20px}.quick-row span{color:var(--muted);font-size:11px}.detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.detail-person{min-width:0;display:flex;gap:10px;padding:13px;background:var(--panel-2);border-radius:11px}.detail-icon{width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center}.detail-icon svg{width:17px}.detail-person>div:last-child{min-width:0}.detail-person small,.detail-person strong,.detail-person span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-person small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.detail-person strong{margin:2px 0;font-size:12px}.detail-person span{color:var(--muted);font-size:10px}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.detail-columns h3,.order-lines h3{font-size:14px;margin:0 0 9px}.text-panel{min-height:88px;padding:12px;border-radius:9px;background:var(--panel-2);border:1px solid var(--border-soft);color:var(--muted);white-space:pre-wrap}.order-lines{margin-top:18px;padding:14px 15px;background:var(--panel-2);border-radius:11px}.order-lines .section-heading{margin:0 0 7px}.line-view{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--border-soft)}.line-view>span{font-weight:650}.line-view small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.new-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}.order-form-main{display:flex;flex-direction:column;gap:14px}.form-section{padding:21px}.number-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.number-title>span{width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:11px}.number-title h2{margin:0;font-size:16px}.number-title p{margin:3px 0 0;color:var(--muted);font-size:11px}.segmented{display:flex;align-items:center;gap:3px;background:var(--panel-2);padding:3px;border-radius:10px;width:max-content;max-width:100%;margin-bottom:15px}.segmented button{height:35px;padding:0 13px;border:0;background:transparent;border-radius:8px;color:var(--muted);font-weight:700;cursor:pointer;display:flex;align-items:center;gap:7px}.segmented button.active{color:var(--text);background:var(--panel-3);box-shadow:0 2px 8px #0000001f}.segmented.compact{margin:0}.segmented.compact button{height:32px}.client-finder,.panel-search{display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--border);background:var(--panel-2);border-radius:9px;margin-bottom:10px}.client-finder input,.panel-search input{border:0;background:transparent;box-shadow:none}.client-finder svg,.panel-search svg{color:var(--muted)}.client-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:205px;overflow:auto}.client-choice,.vehicle-choice{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;padding:10px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;color:var(--text)}.client-choice>span,.vehicle-choice>span{min-width:0;flex:1}.client-choice strong,.client-choice small,.vehicle-choice strong,.vehicle-choice small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-choice small,.vehicle-choice small{color:var(--muted);font-size:10px;margin-top:2px}.client-choice.selected,.vehicle-choice.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel-2))}.client-choice.selected>svg,.vehicle-choice.selected>svg{color:var(--accent)}.vehicle-picker{margin-top:16px;padding-top:15px;border-top:1px solid var(--border-soft)}.vehicle-picker h3,.sub-form h3{font-size:12px;margin:0 0 10px;display:flex;align-items:center;gap:7px}.vehicle-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vehicle-choice.add{border-style:dashed;color:var(--muted)}.sub-form{margin-top:17px;padding-top:16px;border-top:1px solid var(--border-soft)}.service-group{margin-top:17px}.service-group h3{color:var(--muted);font-size:10px;letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px}.service-chip-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.service-chip{display:flex;align-items:flex-start;gap:9px;text-align:left;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2);color:var(--text);cursor:pointer}.service-chip.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel-2))}.check-box{width:18px;height:18px;border:1px solid var(--border);border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;flex:0 0 auto}.service-chip.selected .check-box{background:var(--accent);border-color:var(--accent)}.service-chip strong,.service-chip small{display:block}.service-chip strong{font-size:11px}.service-chip small{font-size:9px;color:var(--muted);margin-top:2px}.custom-service{display:grid;grid-template-columns:1fr 140px auto;gap:7px;margin-top:15px;padding-top:15px;border-top:1px solid var(--border-soft)}.editable-lines{margin-top:12px;border:1px solid var(--border);border-radius:10px;overflow:hidden}.editable-line{display:grid;grid-template-columns:minmax(170px,1fr) 70px 100px 90px 100px 26px;align-items:center;gap:7px;padding:8px;border-top:1px solid var(--border-soft)}.editable-line:first-child{border-top:0}.editable-line input,.editable-line select{height:34px;padding:0 7px;font-size:11px}.line-name{font-size:11px;font-weight:700}.remove-line{border:0;background:transparent;color:var(--red);cursor:pointer;font-size:20px}.order-summary{position:sticky;top:88px;padding:20px}.summary-icon{width:43px;height:43px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent)}.order-summary h2{margin:13px 0 2px;font-size:18px}.order-summary>p{margin:0 0 17px;color:var(--muted);font-size:11px}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--border-soft)}.summary-row span{color:var(--muted);font-size:11px}.summary-row strong{max-width:165px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.summary-row select{width:105px;height:32px;font-size:11px}.summary-price{margin-top:13px;padding:12px;background:var(--panel-2);border-radius:10px}.summary-price>div{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;padding:4px 0}.summary-price strong{color:var(--text)}.summary-price .grand{margin-top:7px;padding-top:9px;border-top:1px solid var(--border);font-size:13px}.summary-price .grand strong{font-size:17px;color:var(--accent)}.summary-submit{width:100%;margin-top:13px}.clients-layout{display:grid;grid-template-columns:315px minmax(0,1fr);gap:14px;align-items:start}.client-list-panel{overflow:hidden}.panel-search{margin:10px}.client-list{max-height:calc(100vh - 230px);overflow:auto;border-top:1px solid var(--border-soft)}.client-list>button{width:100%;border:0;border-bottom:1px solid var(--border-soft);background:transparent;color:var(--text);display:grid;grid-template-columns:38px 1fr 24px;gap:10px;align-items:center;padding:11px;text-align:left;cursor:pointer}.client-list>button:hover,.client-list>button.active{background:color-mix(in srgb,var(--accent) 6%,var(--panel))}.client-list>button.active{box-shadow:inset 3px 0 var(--accent)}.client-list span{min-width:0}.client-list strong,.client-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-list small{color:var(--muted);font-size:10px;margin-top:2px}.client-list em{width:23px;height:23px;border-radius:7px;background:var(--panel-2);display:flex;align-items:center;justify-content:center;font-style:normal;color:var(--muted);font-size:10px}.client-detail-panel{min-height:540px;padding:22px}.client-profile-head{display:grid;grid-template-columns:62px 1fr auto;gap:14px;align-items:center;padding-bottom:19px;border-bottom:1px solid var(--border-soft)}.profile-avatar{width:62px;height:62px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--accent),#4f7cff);font-size:23px;font-weight:850;color:#fff}.client-profile-head h2{margin:4px 0 1px;font-size:22px}.client-profile-head p{margin:0;color:var(--muted);font-size:11px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.contact-item{display:flex;align-items:center;gap:10px;padding:11px;background:var(--panel-2);border-radius:10px;min-width:0}.contact-item>div{width:31px;height:31px;border-radius:8px;background:var(--panel-3);display:flex;align-items:center;justify-content:center;color:var(--accent)}.contact-item svg{width:15px}.contact-item span{min-width:0}.contact-item small,.contact-item strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-item small{color:var(--muted);font-size:9px}.contact-item strong{font-size:11px;margin-top:2px}.client-notes{margin-top:12px;padding:11px;border:1px solid var(--border-soft);border-radius:10px}.client-notes strong{font-size:10px;color:var(--muted)}.client-notes p{margin:4px 0 0;white-space:pre-wrap}.vehicle-cards{display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));gap:10px}.vehicle-card{padding:14px;background:var(--panel-2);border:1px solid var(--border);border-radius:11px}.vehicle-card-top{display:flex;align-items:center;justify-content:space-between}.vehicle-icon{width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center}.vehicle-icon svg{width:19px}.vehicle-card h3{font-size:14px;margin:12px 0 5px}.registration{display:inline-block;padding:3px 7px;border-radius:5px;background:var(--panel-3);font-family:monospace;font-weight:800;font-size:11px}.vehicle-card dl{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:14px 0 0}.vehicle-card dl div.full{grid-column:span 2}.vehicle-card dt{color:var(--muted);font-size:8px;text-transform:uppercase}.vehicle-card dd{margin:2px 0 0;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;margin-bottom:14px;border:1px solid color-mix(in srgb,var(--blue) 20%,var(--border));background:color-mix(in srgb,var(--blue) 6%,var(--panel));border-radius:12px;color:var(--blue)}.notice div{min-width:0}.notice strong,.notice span{display:block}.notice strong{font-size:12px}.notice span{color:var(--muted);font-size:10px;margin-top:2px}.catalog-groups{display:grid;gap:12px}.catalog-section{padding:18px}.catalog-section .card-title{margin-bottom:9px}.catalog-list{border:1px solid var(--border);border-radius:10px;overflow:hidden}.catalog-row{width:100%;display:grid;grid-template-columns:35px minmax(250px,1fr) 85px 70px 135px 25px;align-items:center;gap:10px;padding:10px;border:0;border-top:1px solid var(--border-soft);background:var(--panel-2);color:var(--text);text-align:left;cursor:pointer}.catalog-row:first-child{border-top:0}.catalog-row:hover{background:var(--panel-3)}.catalog-row.disabled{opacity:.45}.service-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.catalog-name strong,.catalog-name small,.catalog-price strong,.catalog-price small{display:block}.catalog-name small,.catalog-price small{color:var(--muted);font-size:9px;margin-top:2px}.catalog-time{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.catalog-vat{color:var(--muted);font-size:10px}.catalog-price{text-align:right}.price-preview{margin-top:15px;padding:12px;background:var(--panel-2);border-radius:9px;text-align:right;color:var(--muted)}.price-preview strong{color:var(--accent);font-size:17px;margin-left:6px}.team-grid{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:13px}.team-card{position:relative;padding:19px;display:flex;align-items:flex-start;gap:13px}.team-card.inactive{opacity:.55}.team-avatar{width:46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center}.team-avatar svg{width:21px}.team-card h2{margin:8px 0 1px;font-size:16px}.team-card p{margin:0;color:var(--muted);font-size:11px}.team-card small{margin-top:8px;display:flex;align-items:center;gap:5px;color:var(--muted)}.team-card>.icon-btn{margin-left:auto}.status-dot{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted)}.status-dot.active{color:var(--green)}.status-dot.active:before{background:var(--green)}.finance-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:14px}.finance-summary>div{padding:18px}.finance-summary span,.finance-summary small{display:block;color:var(--muted);font-size:10px}.finance-summary strong{display:block;font-size:23px;margin:5px 0;letter-spacing:-.5px}.finance-summary .featured{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--panel)),var(--panel))}.finance-summary .featured strong{color:var(--accent)}.file-input{position:relative;height:46px;border:1px dashed var(--border);background:var(--panel-2);border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--muted)}.file-input input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-input span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.documents-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:12px}.document-card{padding:15px;display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:start}.document-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent)}.document-content{min-width:0}.document-content h3{font-size:13px;margin:7px 0 1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-content p,.document-content small{color:var(--muted);font-size:9px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-actions{display:flex;gap:2px}.upload-drop{position:relative;height:145px;border:1px dashed var(--border);background:var(--panel-2);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-bottom:16px;color:var(--muted)}.upload-drop strong{color:var(--text)}.upload-drop span{font-size:10px}.upload-drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:start}.settings-nav{padding:7px;display:flex;flex-direction:column;gap:3px;position:sticky;top:88px}.settings-nav button{height:43px;border:0;background:transparent;color:var(--muted);border-radius:9px;padding:0 10px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;font-weight:650}.settings-nav button svg{width:18px}.settings-nav button:hover{background:var(--panel-2);color:var(--text)}.settings-nav button.active{background:color-mix(in srgb,var(--accent) 10%,var(--panel-2));color:var(--accent)}.settings-content{min-height:600px;padding:23px}.settings-title{display:flex;align-items:center;gap:12px;margin-bottom:23px;padding-bottom:17px;border-bottom:1px solid var(--border-soft)}.settings-title>div{width:39px;height:39px;border-radius:11px;background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center}.settings-title svg{width:19px}.settings-title h2{margin:0;font-size:17px}.settings-title p{margin:3px 0 0;color:var(--muted);font-size:10px}.settings-save{display:flex;justify-content:flex-end;margin-top:24px;padding-top:17px;border-top:1px solid var(--border-soft)}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.theme-option{position:relative;padding:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:11px;text-align:left;cursor:pointer}.theme-option.selected{border-color:var(--accent)}.theme-option>svg{position:absolute;right:10px;bottom:13px;width:17px;color:var(--accent)}.theme-preview{height:72px;border-radius:8px;margin-bottom:9px;padding:8px;display:grid;grid-template-columns:25% 1fr;grid-template-rows:12px 1fr;gap:5px;background:#0e111a}.theme-light .theme-preview{background:#f1f3f7}.theme-midnight .theme-preview{background:#090b20}.theme-preview i{border-radius:3px;background:#7c5cff99}.theme-preview i:first-child{grid-row:span 2;background:#7c5cff2e}.theme-preview i:last-child{background:#7c5cff1f}.theme-option strong,.theme-option small{display:block}.theme-option small{color:var(--muted);font-size:9px}.color-field{display:flex;gap:7px}.color-field input[type=color]{width:47px;padding:4px}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:13px;background:var(--panel-2);border-radius:10px;margin-bottom:16px}.switch-row strong,.switch-row span{display:block}.switch-row span{color:var(--muted);font-size:10px;margin-top:2px}.switch{position:relative;width:43px;height:24px}.switch input{opacity:0;position:absolute}.switch i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:99px;background:var(--panel-3);cursor:pointer}.switch i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.18s}.switch input:checked+i{background:var(--accent)}.switch input:checked+i:after{transform:translate(19px)}.backup-actions{margin-top:16px}.backup-list{margin-top:20px}.backup-list h3{font-size:12px}.backup-list>div{display:grid;grid-template-columns:35px 1fr auto 36px;align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--border-soft)}.backup-icon{width:34px;height:34px;border-radius:9px;background:var(--panel-2);color:var(--accent);display:flex;align-items:center;justify-content:center}.backup-icon svg{width:17px}.backup-list strong,.backup-list small{display:block}.backup-list strong{font-size:11px}.backup-list small{color:var(--muted);font-size:9px}.backup-list em{font-style:normal;color:var(--green);font-size:9px}.license-card{padding:18px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px}.license-card h2{margin:8px 0 3px;font-size:18px}.license-card code,.issued-code code{color:var(--accent);font-weight:800}.license-card dl{display:grid;grid-template-columns:1fr 1fr;margin:18px 0}.license-card dl div{padding:10px;border:1px solid var(--border-soft)}.license-card dt{color:var(--muted);font-size:9px}.license-card dd{margin:3px 0 0;font-weight:700}.device-list h3{font-size:11px}.device-list>div{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid var(--border-soft)}.device-list svg{color:var(--muted);width:18px}.device-list strong,.device-list small{display:block}.device-list small{color:var(--muted);font-size:9px}.security-form{max-width:700px}.server-card{display:flex;gap:15px;padding:18px;background:var(--panel-2);border-radius:11px}.server-card>svg{color:var(--accent)}.server-card>div{flex:1}.server-card p{color:var(--muted);font-size:11px}.server-card code{color:var(--accent)}.server-card .field{margin:14px 0}.admin-shield{display:flex;align-items:center;gap:7px;color:var(--green);background:color-mix(in srgb,var(--green) 9%,var(--panel));border:1px solid color-mix(in srgb,var(--green) 20%,var(--border));border-radius:9px;padding:8px 11px;font-size:11px;font-weight:800}.admin-shield svg{width:17px}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.admin-metric{padding:17px;display:flex;align-items:center;gap:13px}.admin-metric>div{width:40px;height:40px;border-radius:11px;background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center}.admin-metric small,.admin-metric strong,.admin-metric em{display:block}.admin-metric small{color:var(--muted);font-size:10px}.admin-metric strong{font-size:22px}.admin-metric em{color:var(--muted-2);font-style:normal;font-size:9px}.admin-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid var(--border)}.admin-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:11px 14px;display:flex;align-items:center;gap:7px;cursor:pointer}.admin-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-tabs svg{width:17px}.admin-tabs+.card{padding:19px}.issued-code{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid color-mix(in srgb,var(--green) 25%,var(--border));background:color-mix(in srgb,var(--green) 6%,var(--panel-2));border-radius:11px}.issued-code>svg{color:var(--green)}.issued-code strong,.issued-code code,.issued-code small{display:block}.issued-code code{font-size:16px;margin:4px 0}.issued-code small{color:var(--muted);font-size:9px}.code{font-family:monospace}.search-overlay{position:fixed;z-index:120;top:0;right:0;bottom:0;left:0;background:#020409ad;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;padding-top:11vh}.global-search{width:min(700px,94vw);height:max-content;max-height:75vh;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:15px;box-shadow:0 30px 100px #0009}.search-input-row{height:59px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--border)}.search-input-row>svg{color:var(--accent)}.search-input-row input{border:0;background:transparent;box-shadow:none;font-size:15px}.search-body{max-height:calc(75vh - 59px);overflow:auto;padding:9px}.search-hint{min-height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:var(--muted)}.search-hint kbd{border:1px solid var(--border);padding:3px 7px;border-radius:5px}.result-group{margin-bottom:8px}.result-title{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;padding:8px}.result-item{width:100%;border:0;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;padding:9px;border-radius:8px;text-align:left;cursor:pointer}.result-item:hover{background:var(--panel-2)}.result-item strong,.result-item small{display:block}.result-item small{color:var(--muted);font-size:10px;margin-top:2px}@media(max-width:1250px){.metric-grid,.admin-metrics,.team-grid,.documents-grid,.vehicle-cards,.form-grid.four{grid-template-columns:repeat(2,1fr)}.span-4{grid-column:span 2}.new-order-layout{grid-template-columns:minmax(0,1fr) 270px}.catalog-row{grid-template-columns:35px minmax(220px,1fr) 75px 65px 120px 20px}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{transform:translate(-100%);transition:.22s;box-shadow:var(--shadow)}.sidebar.sidebar-open{transform:translate(0)}.main-area{grid-column:1}.mobile-close{display:flex;margin-left:auto}.menu-btn{display:flex}.nav-backdrop{position:fixed;z-index:35;top:0;right:0;bottom:0;left:0;background:#0000008c}.topbar{padding:0 18px;gap:12px}.content{padding:22px 18px 45px}.search-trigger{width:100%}.topbar-status{display:none}.login-page{grid-template-columns:1fr}.login-showcase{display:none}.login-panel{min-height:100vh}.dashboard-grid,.new-order-layout{grid-template-columns:1fr}.order-summary{position:static}.clients-layout{grid-template-columns:270px minmax(0,1fr)}.contact-grid,.detail-summary,.settings-layout{grid-template-columns:1fr}.settings-nav{position:static;display:grid;grid-template-columns:repeat(3,1fr)}.settings-nav button{justify-content:center}.settings-nav button span{display:none}}@media(max-width:720px){.page-header{align-items:flex-start;flex-direction:column}.page-actions{width:100%;flex-wrap:wrap}.metric-grid,.admin-metrics,.finance-summary,.documents-grid,.team-grid,.clients-layout{grid-template-columns:1fr}.client-list{max-height:300px}.client-detail-panel{padding:15px}.client-profile-head{grid-template-columns:50px 1fr}.client-profile-head>.btn{grid-column:span 2}.profile-avatar{width:50px;height:50px}.vehicle-cards,.client-choice-grid,.vehicle-choice-grid,.service-chip-grid,.theme-grid,.form-grid.two,.form-grid.three,.form-grid.four{grid-template-columns:1fr}.span-2,.span-3,.span-4{grid-column:span 1}.detail-columns,.custom-service{grid-template-columns:1fr}.editable-line{grid-template-columns:1fr 60px 80px}.editable-line select,.editable-line strong,.catalog-time,.catalog-vat{display:none}.catalog-row{grid-template-columns:35px 1fr 90px 20px}.modal-backdrop{padding:8px}.modal-body{padding:15px}.topbar{padding:0 12px}.content{padding:18px 12px 35px}.search-trigger kbd{display:none}.toolbar{flex-wrap:wrap}.filter-search{min-width:100%}.toolbar-select{flex:1}.toolbar-select select,.period-picker{width:100%}.period-picker select{flex:1}.settings-nav{grid-template-columns:repeat(2,1fr)}.chart-legend{display:none}.login-panel{padding:24px}.order-detail .form-grid.four{grid-template-columns:1fr 1fr}.catalog-price small{display:none}}.account-card{grid-template-columns:1fr 32px}.account-main{min-width:0;border:0;background:transparent;padding:0;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;text-align:left;cursor:pointer}.account-main>div:last-child{min-width:0}.account-main strong,.account-main small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.login-options label{display:flex;align-items:center;gap:7px;cursor:pointer}.login-options input{width:15px;height:15px;accent-color:var(--accent)}.login-options a,.back-link{color:var(--accent);font-weight:700}.back-link{display:flex;justify-content:center;align-items:center;gap:6px;font-size:12px}.public-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 25% 20%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 35%),var(--bg)}.compact-card{width:min(520px,100%);padding:30px}.public-brand{display:flex;align-items:center;gap:10px;margin-bottom:6px}.public-brand strong{font-size:20px}.public-brand strong span{color:var(--accent)}.purchase-page{min-height:100vh;background:radial-gradient(circle at 15% 30%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 35%),var(--bg)}.purchase-head{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw);border-bottom:1px solid var(--border-soft)}.purchase-head a{display:flex;align-items:center;gap:7px;font-weight:700;color:var(--muted)}.purchase-page main{max-width:1200px;margin:0 auto;padding:70px 28px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:start}.purchase-copy h1{font-size:50px;line-height:1.03;margin:12px 0 18px;letter-spacing:-2px}.purchase-copy h1 span{color:var(--accent)}.purchase-copy>p{color:var(--muted);font-size:17px;max-width:610px}.purchase-benefits{display:grid;gap:10px;margin:28px 0}.purchase-benefits span{display:flex;align-items:center;gap:8px;font-weight:700}.purchase-benefits svg{color:var(--green)}.purchase-price{border-left:3px solid var(--accent);padding-left:15px}.purchase-price small,.purchase-price strong{display:block}.purchase-price small{color:var(--muted)}.purchase-price strong{font-size:28px}.purchase-card{padding:27px}.purchase-card h2{display:flex;gap:9px;align-items:center;margin:0 0 22px}.payment-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.payment-choice button{padding:17px;border:1px solid var(--border);border-radius:11px;background:var(--panel-2);color:var(--text);display:flex;flex-direction:column;align-items:flex-start;gap:4px;cursor:pointer}.payment-choice button.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}.payment-choice svg{color:var(--accent)}.payment-choice small{color:var(--muted)}.payment-result{display:grid;gap:10px;padding:14px;background:var(--panel-2);border-radius:11px}.payment-result code{font-size:17px;color:var(--accent);word-break:break-all}.payment-result small{color:var(--muted)}.pin-lock{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg) 93%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding:20px}.pin-lock form{width:min(390px,100%);padding:32px;background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);text-align:center}.pin-shield{width:60px;height:60px;border-radius:17px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent)}.pin-shield svg{width:29px;height:29px}.pin-lock h2{margin:8px 0 4px}.pin-lock p{color:var(--muted);margin:0 0 18px}.pin-lock label{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--border);padding:0 12px;border-radius:11px;margin:12px 0}.pin-lock label input{border:0;background:transparent;box-shadow:none;text-align:center;font-size:24px;letter-spacing:.25em}.pin-lock .btn{width:100%}.pin-logout{margin-top:15px;border:0;background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:6px;cursor:pointer}.account-page-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:15px}.account-profile,.account-license{padding:24px}.account-hero{display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--border-soft)}.avatar.xl{width:64px;height:64px;font-size:22px}.account-hero h2{margin:0 0 4px}.account-hero p{display:flex;align-items:center;gap:6px;color:var(--muted);margin:0 0 8px}.account-hero p svg{width:15px}.account-profile dl{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.account-profile dl div{padding:13px;background:var(--panel-2);border-radius:10px}.account-profile dt{color:var(--muted);font-size:10px;display:flex;align-items:center;gap:5px}.account-profile dt svg{width:14px}.account-profile dd{margin:5px 0 0;font-weight:700;word-break:break-word}.account-actions{display:flex;justify-content:flex-end;gap:8px}.account-license h2{display:flex;gap:8px;align-items:center;margin-top:0}.account-license article{display:grid;gap:4px;padding:15px;background:var(--panel-2);border-radius:10px}.account-license article code{color:var(--accent);font-weight:800}.account-license article small{color:var(--muted)}.connection-mini{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.connection-mini span{padding:6px 8px;border-radius:7px;background:var(--panel-2);color:var(--muted);font-size:10px}.connection-mini span.ok{color:var(--green)}.inventory-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.inventory-metrics>div{padding:16px;display:flex;align-items:center;gap:12px}.inventory-metrics svg{width:36px;height:36px;padding:8px;border-radius:10px;background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent)}.inventory-metrics small,.inventory-metrics strong{display:block}.inventory-metrics small{color:var(--muted);font-size:10px}.inventory-metrics strong{font-size:19px}.check-filter{display:flex;align-items:center;gap:7px;color:var(--muted);padding:0 10px}.check-filter input{width:15px;height:15px;accent-color:var(--accent)}.stock-low,.cell-sub.danger{color:var(--red)}.row-inactive{opacity:.48}.row-actions{display:flex;align-items:center}.movement-list{display:grid;gap:2px}.movement-list>div{display:grid;grid-template-columns:90px 90px 1fr auto;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--border-soft)}.movement-list small{color:var(--muted)}.calendar-card{padding:15px;margin-bottom:14px}.calendar-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:14px}.calendar-toolbar h2{text-transform:capitalize;margin:0;min-width:220px;text-align:center}.calendar-toolbar .btn{margin-left:auto}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-week span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;padding:8px}.calendar-grid{border-top:1px solid var(--border);border-left:1px solid var(--border)}.calendar-day{min-height:112px;border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:transparent;color:var(--text);padding:7px;text-align:left;cursor:pointer;overflow:hidden}.calendar-day:hover{background:var(--panel-2)}.calendar-day.outside{opacity:.34}.calendar-day.today>strong{background:var(--accent);color:#fff}.calendar-day>strong{display:flex;width:25px;height:25px;align-items:center;justify-content:center;border-radius:8px}.calendar-day>div{display:grid;gap:3px;margin-top:5px}.calendar-day span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;padding:3px 4px;background:color-mix(in srgb,var(--accent) 10%,var(--panel-2));border-radius:5px}.calendar-day span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:4px}.calendar-day em{color:var(--muted);font-size:9px}.upcoming{padding:19px}.upcoming>div:last-child{display:grid}.upcoming article{display:grid;grid-template-columns:48px 1fr auto 36px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--border-soft)}.appointment-date{width:45px;height:45px;border-radius:10px;background:var(--panel-2);display:flex;align-items:center;justify-content:center;flex-direction:column}.appointment-date strong{font-size:17px}.appointment-date small{color:var(--accent);text-transform:uppercase;font-size:8px}.upcoming h3{margin:0}.upcoming p,.upcoming small{color:var(--muted);margin:2px 0}.upcoming small{display:flex;align-items:center;gap:5px}.upcoming small svg{width:13px}.grow{flex:1}.mail-tabs,.team-tabs,.integration-tabs{display:flex;gap:6px;margin-bottom:14px;overflow:auto}.mail-tabs button,.team-tabs button,.integration-tabs button{height:41px;padding:0 14px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--muted);display:flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}.mail-tabs button.active,.team-tabs button.active,.integration-tabs button.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.mail-tabs svg,.team-tabs svg,.integration-tabs svg{width:17px}.integration-tabs em,.admin-tabs em{min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--accent);color:#fff;font-style:normal;font-size:10px;display:inline-flex;align-items:center;justify-content:center}.mail-shell{display:grid;grid-template-columns:340px minmax(0,1fr);height:680px;overflow:hidden}.mail-shell aside{border-right:1px solid var(--border);overflow:auto}.mail-account-select{position:sticky;top:0;background:var(--panel);display:flex;gap:5px;padding:9px;border-bottom:1px solid var(--border);z-index:2}.mail-shell aside>button{width:100%;border:0;border-bottom:1px solid var(--border-soft);background:transparent;color:var(--text);padding:12px;text-align:left;display:grid;gap:3px;cursor:pointer}.mail-shell aside>button.active{background:color-mix(in srgb,var(--accent) 8%,var(--panel-2));box-shadow:inset 3px 0 var(--accent)}.mail-shell aside button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-shell aside button small{color:var(--muted)}.mail-shell article{min-width:0;overflow:auto;padding:23px}.mail-shell article header{border-bottom:1px solid var(--border);padding-bottom:15px}.mail-shell article header h2{margin:0 0 7px}.mail-shell article header p,.mail-shell article header small{color:var(--muted)}.mail-shell pre{font:inherit;white-space:pre-wrap;word-break:break-word;margin:22px 0}.compose-card{padding:24px}.mail-body{min-height:300px}.mail-account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mail-account-grid article{padding:17px;display:grid;grid-template-columns:45px 1fr 36px;gap:11px;align-items:center}.mail-provider{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:900}.mail-account-grid h2{margin:0;font-size:15px}.mail-account-grid p,.mail-account-grid small{margin:2px 0;color:var(--muted)}.add-account{min-height:102px;border-style:dashed;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);cursor:pointer}.provider-choice{display:flex;gap:8px;margin-bottom:18px}.provider-choice button{flex:1;height:44px;border:1px solid var(--border);border-radius:9px;background:var(--panel-2);cursor:pointer}.provider-choice button.active{border-color:var(--accent);color:var(--accent)}.security-note{padding:10px 12px;background:color-mix(in srgb,var(--blue) 7%,var(--panel-2));border:1px solid color-mix(in srgb,var(--blue) 20%,var(--border));border-radius:9px;color:var(--muted);font-size:11px}.site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.span-all{grid-column:1/-1}.site-card{padding:18px;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:start}.site-icon{width:43px;height:43px;border-radius:11px;background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center}.site-card h2{margin:5px 0 2px}.site-card p,.site-card>small{margin:0;color:var(--muted)}.integration-flags,.code-box,.site-card>small{grid-column:1/-1}.integration-flags{display:flex;gap:7px}.integration-flags span{padding:4px 7px;border-radius:6px;background:var(--panel-2);color:var(--muted);font-size:9px}.integration-flags span.on{color:var(--green)}.code-box{min-width:0;display:flex;align-items:center;gap:8px;padding:9px;background:#090c12;border:1px solid var(--border);border-radius:8px}.code-box code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b8c3d4;font-size:10px}.code-box.large code{white-space:pre-wrap;word-break:break-all}.lead-message{max-width:370px;white-space:normal}.live-chat{height:690px;display:grid;grid-template-columns:330px minmax(0,1fr);overflow:hidden}.live-chat aside{border-right:1px solid var(--border);overflow:auto}.live-chat aside>button{width:100%;border:0;border-bottom:1px solid var(--border-soft);background:transparent;color:var(--text);padding:12px;display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;text-align:left;cursor:pointer}.live-chat aside>button.active{background:color-mix(in srgb,var(--accent) 8%,var(--panel-2))}.chat-avatar{width:37px;height:37px;border-radius:10px;background:var(--panel-2);display:flex;align-items:center;justify-content:center;color:var(--accent)}.live-chat aside strong,.live-chat aside small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-chat aside small{color:var(--muted)}.live-chat aside em{min-width:20px;height:20px;border-radius:99px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:9px}.live-chat>article{min-width:0;display:flex;flex-direction:column}.live-chat article>header{padding:15px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.live-chat h2,.live-chat p{margin:0}.live-chat p{color:var(--muted)}.staff-messages{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:9px}.staff-messages>div{max-width:76%;display:flex;flex-direction:column;align-items:flex-start}.staff-messages>div.staff{margin-left:auto;align-items:flex-end}.staff-messages span{padding:9px 11px;border-radius:11px;background:var(--panel-2);white-space:pre-wrap}.staff-messages .staff span{background:var(--accent);color:#fff}.staff-messages small{color:var(--muted);font-size:8px;margin-top:3px}.live-chat article>form{padding:10px;display:flex;gap:7px;border-top:1px solid var(--border)}.live-chat article>form input{flex:1}.integration-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:13px}.integration-form,.whatsapp-send,.whatsapp-history{padding:20px}.integration-form>.field{margin-bottom:12px}.webhook-box{display:grid;grid-template-columns:1fr auto;gap:5px;padding:10px;background:var(--panel-2);border-radius:9px;margin:13px 0}.webhook-box small{grid-column:1/-1;color:var(--muted)}.webhook-box code{overflow:hidden;text-overflow:ellipsis}.whatsapp-send h2,.whatsapp-history h2{margin-top:0}.whatsapp-send .field{margin-bottom:10px}.whatsapp-history{margin-top:13px;max-height:400px;overflow:auto}.whatsapp-history>div{display:flex;gap:9px;padding:9px 0;border-top:1px solid var(--border-soft)}.whatsapp-history>div.out{flex-direction:row-reverse;text-align:right}.whatsapp-history svg{color:var(--green)}.whatsapp-history p,.whatsapp-history small{margin:1px 0;color:var(--muted)}.sales-integration{padding:30px;display:grid;grid-template-columns:70px 1fr;gap:22px}.sales-icon{width:68px;height:68px;border-radius:18px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center}.sales-icon svg{width:30px;height:30px}.sales-integration h2{margin:4px 0 7px}.sales-integration p{color:var(--muted)}.copy-field{display:flex;gap:7px}.sales-note{display:flex;gap:10px;padding:13px;background:color-mix(in srgb,var(--green) 7%,var(--panel-2));border-radius:10px;margin-top:16px}.sales-note svg{color:var(--green)}.sales-note strong,.sales-note small{display:block}.sales-note small{color:var(--muted);margin-top:3px}.integration-switches{display:flex;gap:15px;margin:18px 0}.integration-switches label{display:flex;align-items:center;gap:6px}.integration-switches input{width:15px;height:15px;accent-color:var(--accent)}.access-denied{padding:35px;text-align:center}.access-denied>svg{width:38px;height:38px;color:var(--accent)}.access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.member-card{padding:17px;display:grid;grid-template-columns:46px 1fr 36px;gap:10px;align-items:start}.member-avatar{width:45px;height:45px;border-radius:12px;background:linear-gradient(145deg,var(--accent),#ff9b55);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.member-card h2{margin:6px 0 2px;font-size:15px}.member-card p{margin:0;color:var(--muted);display:flex;align-items:center;gap:5px}.member-card p svg{width:13px}.permission-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px;padding-top:8px;border-top:1px solid var(--border-soft)}.permission-chips span{padding:4px 6px;border-radius:5px;background:var(--panel-2);color:var(--muted);font-size:8px}.pending-invites{padding:18px;margin-top:13px}.pending-invites h2{margin-top:0}.pending-invites>div{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--border-soft)}.pending-invites span{flex:1}.pending-invites strong,.pending-invites small{display:block}.pending-invites small{color:var(--muted)}.permission-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:18px 0}.permission-grid label{padding:10px;border:1px solid var(--border);background:var(--panel-2);border-radius:9px;display:flex;align-items:center;gap:7px;cursor:pointer}.permission-grid label.active{border-color:var(--accent);color:var(--accent)}.permission-grid input{display:none}.permission-grid svg{width:16px}.pin-settings{margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}.pin-settings .settings-save{gap:8px}.connection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:18px}.connection-grid article{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:13px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px}.connection-grid article>svg{width:37px;height:37px;padding:9px;border-radius:9px;background:var(--panel-3);color:var(--muted)}.connection-grid article.connected>svg{color:var(--green);background:color-mix(in srgb,var(--green) 9%,var(--panel-3))}.connection-grid strong,.connection-grid small{display:block}.connection-grid small{color:var(--muted)}.connection-grid i{font-style:normal;color:var(--muted);font-weight:800}.connection-grid .connected i{color:var(--green)}@media(max-width:1050px){.purchase-page main,.integration-columns{grid-template-columns:1fr}.site-grid,.access-grid,.mail-account-grid{grid-template-columns:repeat(2,1fr)}.permission-grid{grid-template-columns:repeat(3,1fr)}.account-page-grid{grid-template-columns:1fr}.calendar-day{min-height:90px}}@media(max-width:760px){.purchase-page main{padding:35px 16px;gap:30px}.purchase-copy h1{font-size:37px}.site-grid,.access-grid,.mail-account-grid,.inventory-metrics,.connection-grid{grid-template-columns:1fr}.mail-shell,.live-chat{grid-template-columns:1fr;height:auto}.mail-shell aside,.live-chat aside{max-height:300px;border-right:0;border-bottom:1px solid var(--border)}.mail-shell article,.live-chat article{min-height:440px}.calendar-card{overflow:auto}.calendar-week,.calendar-grid{min-width:720px}.account-profile dl{grid-template-columns:1fr}.permission-grid{grid-template-columns:repeat(2,1fr)}.sales-integration{grid-template-columns:1fr}.purchase-head{padding:0 16px}}

.badge-diagnostyka,.badge-w-realizacji{color:#5ba6ff;background:#3b82f61f}.badge-oczekuje-na-wycenę{color:#c084fc;background:#a855f71f}.badge-oczekuje-na-akceptację{color:#facc15;background:#eab3081f}.badge-części-zamówione{color:#38bdf8;background:#0ea5e91f}.badge-kontrola-końcowa{color:#2dd4bf;background:#14b8a61f}.badge-wstrzymane{color:#fb7185;background:#e11d481f}.check-row{display:flex;align-items:center;gap:8px;min-height:40px}.check-row input[type=checkbox]{width:18px;height:18px}

/* FixBaza v3.6 */
.fb36-quick{border:1px solid rgba(249,115,22,.28);background:rgba(249,115,22,.045);border-radius:18px;padding:16px;margin-bottom:18px}.fb36-quick-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.fb36-quick-head strong{display:block;font-size:15px}.fb36-quick-head small{display:block;color:var(--muted,#8f9bad);margin-top:3px}.fb36-quick-head>span{font-size:11px;font-weight:800;color:#f97316;border:1px solid rgba(249,115,22,.35);padding:4px 8px;border-radius:999px}.fb36-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fb36-quick-grid button,.fb36-wheel-grid button{border:1px solid var(--border,#263140);background:var(--surface-2,#151b24);color:inherit;border-radius:12px;padding:10px 12px;cursor:pointer;text-align:left}.fb36-quick-grid button:hover{border-color:#f97316}.fb36-tires{display:grid;grid-template-columns:minmax(160px,.7fr) 1fr;gap:12px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border,#263140)}.fb36-tires small{display:block;color:var(--muted,#8f9bad);margin-top:2px}.fb36-wheel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.fb36-wheel-grid button{text-align:center;font-size:12px}.fb36-wheel-grid button.active{background:rgba(249,115,22,.14);border-color:#f97316;color:#fb923c}.fb36-tire-actions{grid-column:2;display:flex;gap:6px;flex-wrap:wrap}.fb36-vin{display:flex;gap:6px;align-items:center}.fb36-vin input{min-width:0;flex:1}.fb36-catalog-note{display:block;margin:8px 2px 0;color:#aab4c3}.fb36-line-editor{display:grid;gap:8px}.fb36-line-row{display:grid;grid-template-columns:minmax(180px,2fr) 110px 80px 110px 80px 36px;gap:7px;align-items:center}.fb36-line-row input,.fb36-line-row select{min-width:0}.fb36-line-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding-top:10px;border-top:1px solid var(--border,#263140)}.editable-line{grid-template-columns:minmax(150px,2fr) 105px 70px 105px 90px auto 34px!important}@media(max-width:900px){.fb36-quick-grid{grid-template-columns:repeat(2,1fr)}.fb36-tires{grid-template-columns:1fr}.fb36-tire-actions{grid-column:1}.fb36-line-row{grid-template-columns:1fr 1fr 1fr}.fb36-line-row>input:first-child{grid-column:1/-1}.fb36-line-footer{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.fb36-quick-grid{grid-template-columns:1fr}.fb36-wheel-grid{grid-template-columns:repeat(2,1fr)}.fb36-line-row{grid-template-columns:1fr 1fr}.fb36-line-row>input:first-child{grid-column:1/-1}}

/* ================================================================
   FIXBAZA v4.1 · PREMIUM SPACE UI
   Domyślny motyw pozostaje czarno-pomarańczowy, ale interfejs jest
   bardziej przestronny, czytelny i spójny. Motyw classic przywraca
   bardziej zwarty układ.
   ================================================================ */
:root{
  --fb-space-1:6px;--fb-space-2:10px;--fb-space-3:14px;--fb-space-4:18px;
  --fb-space-5:24px;--fb-space-6:32px;--fb-space-7:40px;
  --fb-radius-sm:10px;--fb-radius:16px;--fb-radius-lg:22px;
  --fb-sidebar:282px;--fb-content-max:1760px;
}
:root[data-theme=dark]{
  --bg:#080a0f;--bg-soft:#0d1017;--panel:#11151d;--panel-2:#171c26;
  --panel-3:#1d2430;--border:#2a313d;--border-soft:#202631;
  --text:#f7f8fb;--muted:#9aa4b5;--muted-2:#6f798c;
  --shadow:0 24px 70px rgba(0,0,0,.30);
}
:root[data-theme=classic]{
  --bg:#090b12;--bg-soft:#0e111a;--panel:#111520;--panel-2:#161b29;
  --panel-3:#1b2131;--border:#242b3b;--border-soft:#1b2130;
  --text:#f4f6fb;--muted:#8e98ac;--muted-2:#657087;
  --shadow:0 18px 55px rgba(0,0,0,.24);color-scheme:dark;
}

/* Typografia i oddech */
body{font-size:14.5px;line-height:1.55;letter-spacing:-.005em}
.app-shell{grid-template-columns:var(--fb-sidebar) minmax(0,1fr)}
.sidebar{width:var(--fb-sidebar);padding:24px 18px 18px;background:linear-gradient(180deg,var(--bg-soft),color-mix(in srgb,var(--bg-soft) 92%,#000));}
.brand{padding:0 9px 28px;gap:13px}.brand-mark{width:44px;height:44px;border-radius:14px}.brand strong{font-size:18px}.brand small{font-size:10px;letter-spacing:.14em}
.sidebar nav{gap:5px}.sidebar nav a{height:46px;padding:0 13px;border-radius:12px;gap:12px;font-weight:700}.sidebar nav a.active{background:color-mix(in srgb,var(--accent) 13%,var(--panel));box-shadow:inset 3px 0 var(--accent),0 8px 24px rgba(0,0,0,.08)}
.main-area{grid-column:2}.topbar{height:78px;padding:0 42px;border-bottom-color:color-mix(in srgb,var(--border-soft) 82%,transparent)}
.search-trigger{height:43px;width:min(620px,52vw);padding:0 14px;border-radius:12px;background:color-mix(in srgb,var(--panel) 94%,transparent)}
.content{padding:38px 44px 72px;max-width:var(--fb-content-max)}
.page-header{margin-bottom:30px;gap:30px}.page-header h1{font-size:32px;letter-spacing:-1px}.page-header p{font-size:14px;margin-top:8px;max-width:850px}
.page-actions{gap:12px;flex-wrap:wrap}

/* Karty, formularze i pola */
.card{border-radius:var(--fb-radius-lg);border-color:color-mix(in srgb,var(--border) 74%,transparent);box-shadow:0 1px 0 rgba(255,255,255,.025),0 14px 40px rgba(0,0,0,.10)}
.card:hover{border-color:color-mix(in srgb,var(--border) 88%,var(--accent) 12%)}
.form-section{padding:28px!important;margin-bottom:20px!important}.form-grid{gap:20px}.form-grid.nested{gap:14px}.form-divider{padding:14px 0 10px;margin-top:4px}
.field{gap:8px}.field>span{font-size:12px;letter-spacing:.01em}.field>small{font-size:11px;line-height:1.45}
input,select{height:46px;padding:0 14px;border-radius:12px}textarea{min-height:104px;padding:13px 14px;border-radius:12px}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 11%,transparent)}
.btn{height:44px;padding:0 19px;border-radius:12px}.btn.small{height:36px}.icon-btn{width:39px;height:39px;border-radius:11px}
.number-title{gap:15px!important;margin-bottom:22px!important}.number-title>span{width:38px!important;height:38px!important;border-radius:12px!important}.number-title h2{font-size:18px!important}.number-title p{font-size:12.5px!important;line-height:1.5}

/* Tabele */
.toolbar{min-height:68px;padding:11px 12px;margin-bottom:18px;border-radius:16px}.filter-search{min-height:44px;border-radius:12px;padding:0 14px}.toolbar-select select{min-width:170px}
.table-card{border-radius:20px}.table-wrap{scrollbar-gutter:stable}th{padding:14px 18px;font-size:10.5px;background:color-mix(in srgb,var(--panel-2) 88%,transparent)}td{padding:16px 18px}.click-row:hover,tbody tr:hover{background:color-mix(in srgb,var(--accent) 5.5%,var(--panel))}.cell-sub{font-size:11.5px;margin-top:4px}
.badge{min-height:28px;padding:4px 10px;font-size:10.5px;border:1px solid transparent}
.badge-niski{color:#8c97aa;background:rgba(140,151,170,.11);border-color:rgba(140,151,170,.16)}
.badge-normalny{color:#72b7ff;background:rgba(84,168,255,.11);border-color:rgba(84,168,255,.17)}
.badge-pilne{color:#ffb15e;background:rgba(255,173,91,.12);border-color:rgba(255,173,91,.20)}
.badge-na-juz{color:#ff6b7f;background:rgba(255,102,125,.13);border-color:rgba(255,102,125,.22);box-shadow:0 0 0 1px rgba(255,102,125,.03)}

/* Modale i szczegóły zlecenia */
.modal{border-radius:24px!important;box-shadow:0 30px 100px rgba(0,0,0,.48)!important}.modal-head{padding:20px 24px!important}.modal-body{padding:24px!important}.modal-wide{width:min(1180px,94vw)!important}
.detail-summary{gap:14px!important;margin-bottom:22px!important}.detail-person{padding:16px!important;border-radius:16px!important}.detail-icon{width:44px!important;height:44px!important;border-radius:13px!important}

/* Dashboard / metryki */
.metric-card{border-radius:20px!important;padding:20px!important;min-height:118px}.metric-icon{width:48px!important;height:48px!important;border-radius:15px!important}.metric-card strong{font-size:25px!important;letter-spacing:-.7px}.quick-row{padding:15px!important;border-radius:15px!important}

/* Szybkie usługi */
.fb36-quick{border-radius:22px;padding:20px;margin-bottom:22px}.fb36-quick-head{margin-bottom:16px}.fb36-quick-grid{gap:10px}.fb36-quick-grid button,.fb36-wheel-grid button{border-radius:14px;padding:12px 14px;transition:.16s ease}.fb36-quick-grid button:hover,.fb36-wheel-grid button:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 7%,var(--panel-2))}

/* Ustawienia wyglądu */
.theme-grid{gap:14px!important}.theme-option{min-height:126px!important;border-radius:18px!important;padding:14px!important;transition:.18s ease!important}.theme-option:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.13)}.theme-option.selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent),0 14px 34px rgba(0,0,0,.12)!important}
.theme-classic .theme-preview{background:#111520!important}.theme-classic .theme-preview i{background:#1b2131!important}

/* Delikatna głębia bez przesadzonych animacji */
.card,.btn,.sidebar nav a,.theme-option,input,select,textarea{transition-property:border-color,background-color,box-shadow,transform;transition-duration:.16s;transition-timing-function:ease}

/* Motyw klasyczny = dawny, ciaśniejszy układ */
:root[data-theme=classic] .app-shell{grid-template-columns:255px 1fr}
:root[data-theme=classic] .sidebar{width:255px;padding:19px 14px 14px}
:root[data-theme=classic] .brand{padding-bottom:22px}:root[data-theme=classic] .brand-mark{width:40px;height:40px;border-radius:11px}
:root[data-theme=classic] .sidebar nav{gap:3px}:root[data-theme=classic] .sidebar nav a{height:43px;padding:0 11px;border-radius:9px}
:root[data-theme=classic] .topbar{height:70px;padding:0 30px}:root[data-theme=classic] .content{padding:27px 30px 50px;max-width:1700px}
:root[data-theme=classic] .page-header{margin-bottom:22px}:root[data-theme=classic] .page-header h1{font-size:27px;letter-spacing:-.65px}
:root[data-theme=classic] .card{border-radius:14px}:root[data-theme=classic] input,:root[data-theme=classic] select{height:42px;border-radius:9px}
:root[data-theme=classic] textarea{min-height:80px;border-radius:9px}:root[data-theme=classic] .form-grid{gap:16px}:root[data-theme=classic] td{padding:13px 16px}:root[data-theme=classic] th{padding:12px 16px}

@media(max-width:1250px){:root{--fb-sidebar:258px}.topbar{padding:0 30px}.content{padding:32px 30px 60px}.form-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.content{padding:26px 20px 50px}.page-header{align-items:flex-start;flex-direction:column}.page-header h1{font-size:28px}.form-section{padding:22px!important}}
@media(max-width:760px){.app-shell{display:block}.sidebar{width:min(310px,88vw)}.main-area{grid-column:auto}.topbar{height:66px;padding:0 16px}.content{padding:22px 14px 44px}.form-grid.two,.form-grid.three,.form-grid.four{grid-template-columns:1fr}.span-2,.span-3,.span-4{grid-column:auto}.page-header h1{font-size:26px}.toolbar{align-items:stretch;flex-direction:column}.toolbar-select,.toolbar-select select{width:100%}.filter-search{min-width:0;width:100%}}
.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
tbody tr:has(.badge-na-juz){box-shadow:inset 3px 0 var(--red)}
tbody tr:has(.badge-pilne){box-shadow:inset 3px 0 color-mix(in srgb,var(--orange) 78%,transparent)}
@media(max-width:1150px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.theme-grid{grid-template-columns:1fr!important}}

/* v4.2 · przewijalna administracja */
.sidebar,aside{scrollbar-color:#ff6a00 #121722;scrollbar-width:thin}
.sidebar nav,aside nav{overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;max-height:calc(100vh - 150px);padding-right:5px}
.sidebar nav::-webkit-scrollbar,aside nav::-webkit-scrollbar{width:8px}.sidebar nav::-webkit-scrollbar-track,aside nav::-webkit-scrollbar-track{background:#121722;border-radius:99px}.sidebar nav::-webkit-scrollbar-thumb,aside nav::-webkit-scrollbar-thumb{background:linear-gradient(#ff7a18,#c94a00);border-radius:99px;border:2px solid #121722}.sidebar nav::-webkit-scrollbar-thumb:hover,aside nav::-webkit-scrollbar-thumb:hover{background:#ff8d36}