:root{--bg:#020810;--panel:#07121d;--panel2:#091827;--line:#1d3447;--line2:#284b66;--text:#edf7ff;--muted:#8195a7;--blue:#168cff;--cyan:#17c8ff;--purple:#9b4dff;--orange:#ff8617;--green:#42d85c;--red:#ff4545}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 65% -20%,#0a2b62 0,transparent 34%),linear-gradient(135deg,#02070d,#07111b 48%,#02070d);color:var(--text);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.19;background-image:linear-gradient(30deg,#14304a 12%,transparent 12.5%,transparent 87%,#14304a 87.5%,#14304a),linear-gradient(150deg,#14304a 12%,transparent 12.5%,transparent 87%,#14304a 87.5%,#14304a),linear-gradient(30deg,#14304a 12%,transparent 12.5%,transparent 87%,#14304a 87.5%,#14304a),linear-gradient(150deg,#14304a 12%,transparent 12.5%,transparent 87%,#14304a 87.5%,#14304a);background-size:42px 74px;background-position:0 0,0 0,21px 37px,21px 37px}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;position:relative}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,rgba(3,13,22,.98),rgba(3,12,20,.96));border-right:1px solid #17374e;z-index:20;display:flex;flex-direction:column;box-shadow:10px 0 40px #0008}.sidebar:after{content:"";position:absolute;top:0;right:-2px;width:2px;height:145px;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.logo-wrap{height:118px;padding:13px 18px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;border-bottom:1px solid #143149;background:linear-gradient(135deg,#071825,#02090f)}.logo-wrap img{max-width:215px;max-height:78px;object-fit:contain}.logo-wrap span{font-size:10px;letter-spacing:2.2px;color:#ccecff;margin-top:3px}.side-nav{padding:18px 10px;overflow:auto}.nav-label{font-size:11px;color:#71899d;text-transform:uppercase;letter-spacing:1.2px;margin:18px 12px 7px}.nav-item{display:flex;align-items:center;gap:12px;color:#bdcad5;text-decoration:none;padding:11px 13px;border:1px solid transparent;border-radius:3px;margin:2px 0;transition:.18s}.nav-item:hover{color:#fff;background:#0b1b2a;border-color:#22445e}.nav-item.active{color:#fff;background:linear-gradient(90deg,#0d3970,#082039);border-color:#168cff;box-shadow:inset 3px 0 0 #3db6ff,0 0 14px #137cff25}.nav-icon{font-size:20px;width:22px;text-align:center;color:#b8c9d8}.active .nav-icon{color:#fff}.sidebar-footer{margin-top:auto;padding:15px 18px;border-top:1px solid #17374e;background:#06111b;display:grid;gap:3px}.sidebar-footer b{font-size:11px;color:#50a9ea}.sidebar-footer span,.sidebar-footer small{font-size:9px;letter-spacing:1px;color:#6b879b}.workspace{grid-column:2;min-width:0;display:flex;flex-direction:column}.topbar{height:96px;position:sticky;top:0;z-index:12;display:flex;align-items:center;gap:28px;padding:0 28px;background:rgba(3,11,19,.94);border-bottom:1px solid #18384f;box-shadow:0 8px 30px #0007;backdrop-filter:blur(12px)}.topbar:after{content:"";position:absolute;left:35px;top:0;width:330px;height:3px;background:linear-gradient(90deg,var(--cyan),#1979ff,transparent);box-shadow:0 0 12px var(--cyan)}.top-title{display:grid;gap:3px;min-width:320px}.top-title b{font-size:17px;letter-spacing:.5px}.top-title span{font-size:12px;color:#31adff;letter-spacing:1px}.top-search{margin-left:auto;width:min(380px,35vw);display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #294052;background:#050c14;border-radius:4px;height:40px;color:#8195a7}.top-search input{border:0;background:transparent;box-shadow:none;padding:0;color:#dcebf7}.top-search input:focus{outline:none}.top-search kbd{margin-left:auto;color:#6f8292;background:transparent;font:12px inherit}.account{display:flex;align-items:center;gap:10px;white-space:nowrap}.account>div:nth-child(2){display:grid}.account small{color:#91a3b2}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#17283a,#04090d);border:1px solid #506579;box-shadow:0 0 16px #168cff28;font-weight:700}.link-btn{background:none;border:0;color:#a5b7c5;font-size:22px;padding:8px;cursor:pointer}.mobile-menu{display:none;background:none;border:0;color:#fff;font-size:24px}.content{width:100%;max-width:1680px;margin:0 auto;padding:28px 26px 36px;flex:1}.app-footer{height:48px;border-top:1px solid #17384e;display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:#66869e;font-size:10px;letter-spacing:1.2px;background:#040d15}.app-footer b{color:#27a9ff;letter-spacing:4px}.title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.title h1{margin:0;text-transform:uppercase;font-size:26px;letter-spacing:.7px}.muted{color:var(--muted);font-size:13px}.hero-title{padding:4px 0 1px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards.five{grid-template-columns:repeat(5,1fr)}.metric-grid{margin-bottom:16px}.cards article,.panel,.summary,.dashboard-panel{background:linear-gradient(145deg,rgba(7,20,32,.96),rgba(3,12,20,.97));border:1px solid var(--line);border-radius:5px;padding:18px;box-shadow:0 12px 28px #0004,inset 0 1px 0 #ffffff08}.metric{display:flex;align-items:center;gap:15px;min-height:115px}.metric-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border:1px solid currentColor;border-radius:10px;font-size:30px;background:#071322;box-shadow:0 0 22px currentColor}.metric>div{display:grid}.metric strong{font-size:31px;line-height:1}.metric small{color:#fff;font-size:10px;font-weight:700;margin-top:7px}.metric em{font-size:11px;color:#8da0af;font-style:normal;margin-top:8px}.metric.blue{color:#3a94ff}.metric.orange{color:#ff9232}.metric.purple{color:#a45bff}.metric.green{color:#49d865}.metric.red{color:#ff4b4b}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.8fr);gap:15px}.dashboard-side{display:grid;gap:15px;align-content:start}.dashboard-panel{padding:14px}.panel-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b3447;padding:0 1px 12px;margin-bottom:8px}.panel-heading h2{font-size:15px;margin:0}.panel-heading a{font-size:10px;border:1px solid #345066;padding:8px 10px;color:#e5f5ff;text-decoration:none}.finance-card{min-height:180px}.revenue{font-size:34px;display:block;margin:22px 0 5px}.finance-card>span{font-size:11px;color:#9bb0c0}.tech-line{height:42px;margin-top:23px;background:linear-gradient(180deg,transparent,#0b66c525),linear-gradient(90deg,transparent 0 9%,#168cff 10% 11%,transparent 12% 31%,#168cff 32% 33%,transparent 34% 55%,#168cff 56% 57%,transparent 58%);border-bottom:1px solid #168cff;clip-path:polygon(0 75%,15% 68%,24% 40%,36% 58%,49% 82%,63% 50%,76% 18%,87% 60%,100% 55%,100% 100%,0 100%)}.quick-actions{display:grid;gap:7px}.quick{display:block;padding:11px 13px;text-decoration:none;color:#fff;border:1px solid currentColor;background:#071525;font-size:12px}.quick.blue{color:#66b4ff}.quick.purple{color:#bd7cff}.quick.orange{color:#ff9a3d}.quick.green{color:#68dc7b}.table{overflow:auto;background:#06111b;border-radius:4px;border:1px solid #1c3548}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #1a3041;font-size:13px}th{background:#050e17;color:#aebdca;text-transform:uppercase;font-size:10px;letter-spacing:.4px}tr:hover td{background:#0a1926}a{color:#52b8ff}td a{text-decoration:none}.status{display:inline-block;border:1px solid #3a4d5d;background:#12202c;padding:5px 9px;border-radius:3px;font-size:10px;white-space:nowrap;text-transform:uppercase}.status-gotowe-do-odbioru,.status-odebrane{color:#78ef82;border-color:#238337;background:#0c2815}.status-anulowane{color:#ff7272;border-color:#922b2b;background:#2c0c0c}.status-oczekuje-na-akceptacje,.status-oczekuje-na-czesci{color:#ffb454;border-color:#a55c08;background:#2d1905}.status-diagnoza{color:#60bdff;border-color:#176aaf;background:#06223b}.status-w-naprawie{color:#c281ff;border-color:#6f2bac;background:#221039}.status-testowanie{color:#28e5ff;border-color:#087f91;background:#06262c}button,.button{background:linear-gradient(180deg,#138fff,#0661bc);color:#fff;border:1px solid #3aa8ff;border-radius:3px;padding:10px 14px;font-weight:600;text-decoration:none;cursor:pointer;display:inline-block;box-shadow:inset 0 1px #ffffff30}.button.glow{box-shadow:0 0 18px #168cff40,inset 0 1px #ffffff30}.secondary{background:#172633;border-color:#496070}.danger{background:#8f1d25;border-color:#e44751;font-size:12px;padding:6px 9px}.search{display:flex;gap:8px;margin:12px 0;align-items:center;padding:12px;background:#06111b;border:1px solid #1b3447}.search input{flex:1}.checkbox{display:flex;align-items:center;gap:5px;white-space:nowrap}.checkbox input{width:auto}input,select,textarea{width:100%;padding:10px;border:1px solid #294253;border-radius:3px;font:inherit;background:#030b12;color:#e8f4fc;box-shadow:inset 0 0 10px #0006}input:focus,select:focus,textarea:focus{outline:1px solid #178cff;border-color:#178cff}textarea{min-height:85px;resize:vertical}dialog{color:var(--text);border:1px solid #2874a7;border-radius:5px;width:min(650px,92vw);background:linear-gradient(145deg,#071725,#030b12);box-shadow:0 20px 80px #000,0 0 24px #168cff36}dialog form,.panel{display:grid;gap:12px}dialog::backdrop{background:#000c}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}label{display:grid;gap:5px;font-weight:600;font-size:12px;color:#b8c8d4}.actions{display:flex;justify-content:flex-end;gap:8px}.flash{background:#0b2a17;border:1px solid #2f9a4b;padding:12px;border-radius:3px;margin-bottom:15px;color:#a4f2b3}.flash.error{background:#310e12;border-color:#b72f3c;color:#ffadb4}.history,.attachments{list-style:none;padding:0}.history li,.attachments li{background:#06111b;margin:6px 0;padding:12px;border-radius:3px;border:1px solid #1b3447}.history small,.attachments small{display:block;color:#718a9e;margin-bottom:5px}.attachments li{display:flex;align-items:center;gap:10px}.attachments li a{flex:1}.attachments form{margin:0}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}.upload{display:flex;gap:8px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a,.chips span{background:#071521;padding:10px 12px;border-radius:3px;border:1px solid #244155}.summary{margin-bottom:18px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#0a376e,transparent 42%),#02070d}.login-page:after{content:"";position:fixed;inset:5%;border:1px solid #113e5e;clip-path:polygon(0 0,30% 0,32% 2%,68% 2%,70% 0,100% 0,100% 100%,0 100%);pointer-events:none}.login-box{width:min(440px,92vw);background:linear-gradient(145deg,#081a2a,#030a10);border:1px solid #2577b0;border-radius:5px;padding:32px;display:grid;gap:14px;box-shadow:0 20px 80px #000,0 0 35px #168cff35;position:relative;z-index:2}.login-box .brand img{display:block;width:270px;max-width:100%;margin:auto}.login-box .brand small{display:block;text-align:center;letter-spacing:2px;color:#59b9ff}.login-box h1{text-align:center;text-transform:uppercase;font-size:20px;letter-spacing:2px}.narrow{max-width:650px;margin:auto;padding-top:70px}.error-page{text-align:center;padding-top:12vh}.error-page h1{font-size:80px;margin:0;color:#25a9ff;text-shadow:0 0 20px #168cff}@media(max-width:1200px){.cards.five{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr}.top-title{min-width:230px}.top-search{display:none}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.workspace{grid-column:1}.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:translateX(0)}.mobile-menu{display:block}.topbar{height:78px;padding:0 16px}.top-title{min-width:0}.account>div:nth-child(2){display:none}.content{padding:18px 14px}.cards.five{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.cards,.cards.five,.dashboard-side{grid-template-columns:1fr}.grid,.grid3,.two-cols{grid-template-columns:1fr}.title{align-items:flex-start;flex-direction:column}.search{flex-wrap:wrap}.top-title span{display:none}.app-footer{display:none}}
.dashboard-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,.8fr);gap:16px}.dashboard-main,.dashboard-side{display:grid;gap:16px}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px}.recent-order{display:grid;grid-template-columns:130px 1fr auto auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.calendar-row{display:grid;gap:4px;padding:14px 4px;border-bottom:1px solid var(--line)}.finance-lines{margin-top:20px}.finance-lines p{display:flex;justify-content:space-between}.row-actions,.inline-form{display:flex;gap:6px;align-items:center}.row-actions form{margin:0}.inline-form input{width:85px;margin:0}.low-stock{background:rgba(255,80,80,.08)}.calendar-list{display:grid;gap:12px}.calendar-event{display:flex;justify-content:space-between;align-items:flex-start}.calendar-event h3{margin:6px 0}.danger{background:rgba(220,50,50,.18)!important;border-color:#d94646!important;color:#ff8b8b!important}@media(max-width:1150px){.dashboard-layout,.dashboard-bottom{grid-template-columns:1fr}}@media(max-width:700px){.recent-order{grid-template-columns:1fr}.row-actions{flex-direction:column}}

.quick.invoice,.invoice-btn{border-color:#d7e2ec;background:linear-gradient(90deg,rgba(215,226,236,.16),rgba(71,101,130,.2));color:#f4f9ff}.notice{padding:14px 16px;margin:0 0 18px;border:1px solid #1f8ad2;background:rgba(18,104,168,.12);border-radius:8px}.invoice-dialog{width:min(900px,94vw)}.grid4{display:grid;grid-template-columns:3fr .7fr .7fr 1fr;gap:10px}.invoice-item{margin-bottom:8px}.cancelled{opacity:.6;text-decoration:line-through}.invoice-summary small{color:#6eaee8;text-transform:uppercase;letter-spacing:.08em}@media(max-width:800px){.grid4{grid-template-columns:1fr 1fr}.grid4 input:first-child{grid-column:1/-1}}
.nav-badge{margin-left:auto;background:#d9293b;color:#fff;border-radius:20px;min-width:22px;height:22px;display:grid;place-items:center;font-size:10px}.notification-button{position:relative;color:#62c4ff;text-decoration:none;font-size:19px;margin-left:auto}.notification-button span{position:absolute;right:-10px;top:-9px;background:#df3443;color:#fff;border-radius:20px;min-width:19px;height:19px;display:grid;place-items:center;font-size:9px;font-weight:800}.new-request-alert{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px;padding:16px 18px;border:1px solid #24a9ff;background:linear-gradient(90deg,rgba(20,138,220,.2),rgba(6,22,35,.8));color:#fff;text-decoration:none;box-shadow:0 0 24px rgba(22,140,255,.18)}.new-request-alert span{color:#96b9cf;font-size:12px}.notification-list{display:grid;gap:10px}.notification-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px;background:#06111b;border:1px solid #1c3548}.notification-card.unread{border-color:#258fce;background:linear-gradient(90deg,rgba(20,125,194,.16),#06111b)}.notification-card span{font-size:10px;color:#7892a5}.notification-card h3{margin:6px 0}.notification-card p{margin:0 0 8px;color:#a7bac7}.notification-card form{margin:0;flex:0 0 auto}@media(max-width:700px){.new-request-alert,.notification-card{align-items:flex-start;flex-direction:column}.notification-button{margin-left:0}}

/* Blog admin */
.blog-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.blog-admin-stats article{display:grid;gap:4px}.blog-admin-stats b{font-size:34px}.blog-admin-stats span,.table-sub{display:block;color:#7f98aa;font-size:12px}.blog-filter{grid-template-columns:1fr 220px auto}.seo-score{display:inline-flex;padding:5px 9px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px}.seo-score.ok{color:#6dff9a;background:#0b351d;border:1px solid #1d8e47}.seo-score.warn{color:#ffc75b;background:#3c2a08;border:1px solid #a46d0d}.blog-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.blog-editor-main,.blog-editor-side{display:grid;gap:18px}.blog-editor-side{position:sticky;top:92px}.blog-editor-side .panel{display:grid;gap:13px}.blog-editor-grid label{display:grid;gap:7px;color:#a9bdca;font-size:13px;font-weight:700}.blog-content-editor{min-height:560px;font-family:Consolas,'Courier New',monospace;line-height:1.6;resize:vertical}.editor-help{display:flex;flex-wrap:wrap;gap:9px;color:#829aaa;font-size:12px}.editor-help code{padding:5px 8px;border:1px solid #244a64;background:#03101a;color:#69d8ff;border-radius:4px}.blog-cover-preview{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #287bab;border-radius:5px}.seo-tips{display:grid;gap:6px;padding:12px;border:1px solid #1c4f6d;background:#04121d;color:#8eabba;font-size:12px}.seo-tips b{color:#67d8ff}.checkbox{grid-template-columns:auto 1fr!important;align-items:center;justify-content:start}.checkbox input{width:auto}
@media(max-width:1100px){.blog-editor-grid{grid-template-columns:1fr}.blog-editor-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.seo-panel{grid-column:1/-1}}@media(max-width:720px){.blog-admin-stats,.blog-editor-side{grid-template-columns:1fr}.blog-filter{grid-template-columns:1fr}.seo-panel{grid-column:auto}}

.top-alerts{display:flex;align-items:center;gap:9px;margin-left:auto}.notification-button{width:42px;height:42px;display:grid;place-items:center;position:relative;margin:0;border:1px solid #24485f;border-radius:11px;background:linear-gradient(180deg,#0c1f2d,#07131d);transition:.2s}.notification-button svg,.nav-svg svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.notification-button.order-alert{color:#55c7ff}.notification-button.message-alert{color:#a78bfa}.notification-button:hover{transform:translateY(-2px);border-color:currentColor}.notification-button span{right:-5px;top:-6px;z-index:2;border:2px solid #07131d}.message-alert span,.message-badge{background:#8b5cf6!important}.nav-svg{display:grid;place-items:center}.message-admin-list{display:grid;gap:14px}.message-admin-card{padding:19px;border:1px solid #203b4f;background:linear-gradient(145deg,rgba(7,20,31,.96),rgba(5,15,24,.96))}.message-admin-card.unread{border-color:#8b5cf6;box-shadow:0 0 28px rgba(139,92,246,.12)}.message-admin-head{display:flex;align-items:flex-start;gap:13px;position:relative}.message-admin-head span{font-size:10px;color:#7892a5}.message-admin-head h3{margin:4px 0 2px}.message-from{margin:0;color:#96adbc;font-size:12px}.message-sender-avatar{width:42px;height:42px;flex:0 0 42px;border:1px solid #8b5cf6;border-radius:12px;display:grid;place-items:center;color:#c4b5fd;background:rgba(139,92,246,.12);font-weight:900}.unread-dot{position:absolute;right:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#9b7cff;box-shadow:0 0 14px #9b7cff}.message-body{margin:16px 0;padding:15px 16px;background:#050e16;border-left:3px solid #8b5cf6;color:#d2e0e9;white-space:pre-wrap;line-height:1.65}.message-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.message-actions form{margin:0}@media(max-width:700px){.top-alerts{margin-left:0}.message-actions{align-items:stretch;flex-direction:column}.message-actions>*{width:100%}}

/* Profil i awatar */
.avatar-link{overflow:hidden;text-decoration:none;color:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}
.avatar-link:hover{transform:translateY(-2px);border-color:#25b8ff;box-shadow:0 0 22px rgba(22,140,255,.42)}
.avatar-link img{width:100%;height:100%;object-fit:cover;display:block}
.avatar-link span{display:grid;place-items:center;width:100%;height:100%}
.avatar-settings-page{max-width:760px;padding:55px 18px}
.back-link{display:inline-block;margin-bottom:18px;text-decoration:none;color:#70c8ff}
.avatar-settings-card{position:relative;padding:26px;border:1px solid #23475f;background:linear-gradient(145deg,rgba(8,25,39,.98),rgba(3,11,18,.98));box-shadow:0 24px 70px rgba(0,0,0,.4),0 0 30px rgba(22,140,255,.08)}
.avatar-settings-card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#22b8ff,#8e5cff,transparent);box-shadow:0 0 16px #22b8ff}
.avatar-settings-heading small{color:#42bdff;letter-spacing:.18em;font-size:9px}.avatar-settings-heading h1{margin:7px 0 5px}.avatar-settings-heading p{margin:0 0 22px;color:#819aac}
.avatar-settings-content{display:flex;align-items:center;gap:22px;padding:18px;margin-bottom:18px;border:1px solid #1b384c;background:#05111b}
.avatar-preview-large{width:112px;height:112px;flex:0 0 112px;border-radius:22px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#173047,#050b10);border:1px solid #32baff;box-shadow:0 0 28px rgba(38,182,255,.22);font-size:42px;font-weight:900}
.avatar-preview-large img{width:100%;height:100%;object-fit:cover}.avatar-user-info{display:grid;gap:4px}.avatar-user-info b{font-size:20px}.avatar-user-info span{color:#58bdff}.avatar-user-info p{color:#829bad;line-height:1.55;font-size:12px;max-width:430px}
.avatar-upload-form{margin:0}.avatar-upload-form label small{font-weight:400;color:#718b9d}.avatar-remove-form{margin-top:12px;text-align:right}
@media(max-width:620px){.avatar-settings-content{align-items:flex-start;flex-direction:column}.avatar-settings-card{padding:20px}.avatar-preview-large{width:96px;height:96px;flex-basis:96px}}

/* Moduły panelu: akcje dodawania i formularze modalne */
.module-title{margin-bottom:18px}.module-title>div{min-width:0}.module-add-button{min-width:168px;text-align:center;text-transform:uppercase;letter-spacing:.04em}.module-panel{padding:15px}.record-count{color:#6f8da2;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.module-table{overflow:auto;border:1px solid #17354a;background:#040e17}.module-table table{min-width:760px}.module-table td{vertical-align:top}.empty-state{display:grid;place-items:center;gap:5px;min-height:150px;color:#7891a3}.empty-state b{color:#d9ecf8;font-size:16px}.state-pill{display:inline-flex;padding:4px 8px;border-radius:999px;border:1px solid;font-size:9px;font-weight:800}.state-pill.yes{color:#70e88b;border-color:#268c43;background:#092718}.state-pill.no{color:#ff8989;border-color:#8d3434;background:#2c0c10}
.record-modal{width:min(760px,calc(100vw - 28px));max-height:min(88vh,880px);padding:0;overflow:auto;border:1px solid #258ccf;border-radius:8px;background:linear-gradient(155deg,#081b2a,#030b12 78%);box-shadow:0 30px 95px #000,0 0 35px rgba(29,162,255,.2)}.record-modal::before{content:"";position:fixed;pointer-events:none}.record-modal-form{display:block;padding:0}.modal-heading{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 18px;border-bottom:1px solid #1d4058;background:rgba(5,18,29,.97);backdrop-filter:blur(15px)}.modal-heading small{display:block;color:#43c4ff;font-size:9px;letter-spacing:.2em;margin-bottom:5px}.modal-heading h2{margin:0;font-size:22px;text-transform:uppercase}.modal-close{width:37px;height:37px;display:grid;place-items:center;padding:0;border:1px solid #315269;background:#071521;color:#a8bdca;font-size:25px;line-height:1;box-shadow:none}.modal-close:hover{color:#fff;border-color:#4ac4ff}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px 24px}.modal-grid label{align-content:start}.modal-grid label.wide{grid-column:1/-1}.modal-grid label em{color:#45c9ff;font-style:normal}.modal-grid textarea{min-height:105px}.field-help{font-weight:400;color:#718c9e;line-height:1.4}.modal-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:17px 24px;border-top:1px solid #1d4058;background:rgba(5,18,29,.97);backdrop-filter:blur(15px)}
@media(max-width:720px){.module-title{align-items:stretch}.module-add-button{width:100%}.modal-grid{grid-template-columns:1fr;padding:18px}.modal-grid label.wide{grid-column:auto}.modal-heading,.modal-actions{padding-left:18px;padding-right:18px}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%;text-align:center}}


/* Fix floating contact buttons spacing */
.floating-phone,.fab-phone,#floating-phone{
  bottom: 116px !important;
  right: 24px !important;
  z-index: 1200;
}
.floating-chat,.fab-chat,#floating-chat{
  bottom: 32px !important;
  right: 24px !important;
  z-index: 1201;
}
@media (max-width:768px){
  .floating-phone,.fab-phone,#floating-phone{bottom:108px !important;}
  .floating-chat,.fab-chat,#floating-chat{bottom:24px !important;}
}


/* ===== GeekHouse Panel 5.2.0 ===== */
:root{--sidebar-w:272px}
.app-shell{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}
.sidebar{width:var(--sidebar-w)}
.side-nav{padding:10px 9px 14px}
.nav-label{margin:12px 11px 4px;font-size:9px;letter-spacing:1.15px}
.nav-item{min-height:34px;padding:6px 10px;margin:1px 0;gap:10px;border-radius:5px;font-size:12px}
.nav-icon{width:20px;height:20px;display:grid;place-items:center}
.nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.workspace{grid-column:2}
.top-search-wrap{position:relative;margin-left:auto;width:min(440px,38vw)}
.top-search{width:100%;margin:0}
.search-suggest{position:absolute;left:0;right:0;top:46px;background:#06131f;border:1px solid #28506b;box-shadow:0 20px 50px #000b;z-index:40;padding:7px}
.search-suggest a,.search-suggest span{display:block;padding:10px 11px;text-decoration:none;border-bottom:1px solid #163246;color:#cfeaff;font-size:12px}
.search-suggest a:hover{background:#0d2638;color:#fff}

.metric{color:inherit;text-decoration:none}
.attention-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.attention-card{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #203c50;background:#06131f;text-decoration:none;color:#b9cad7}
.attention-card strong{font-size:22px}.attention-card.orange strong{color:#ff9b43}.attention-card.purple strong{color:#b682ff}.attention-card.red strong{color:#ff6262}.attention-card.green strong{color:#67dc7d}
.header-actions,.row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.header-actions form,.row-actions form{margin:0}
.tiny{padding:6px 9px!important;font-size:10px!important}
.filter-bar,.table-tools{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid #1c394e;background:#06121d;margin-bottom:14px}
.filter-bar input,.table-tools input{flex:1}.filter-bar select,.table-tools select{width:auto;min-width:170px}
.table-tools{margin:0 0 10px;border:0;border-bottom:1px solid #18384d;background:transparent;padding:0 0 12px}
.table-page-size{max-width:90px}
.table-pagination{display:flex;justify-content:flex-end;gap:5px;padding-top:12px}.table-pagination button{padding:6px 9px;background:#0b1d2a;border-color:#2c526c}.table-pagination button.active{background:#087ec1}
th[data-sort]{cursor:pointer}th[data-sort]:hover{color:#55c8ff}
.state-pill{display:inline-flex;padding:4px 7px;border:1px solid;border-radius:999px;font-size:9px;font-weight:800}.state-pill.yes{color:#6ee88a;border-color:#28783c;background:#092415}.state-pill.no{color:#ff7777;border-color:#84323a;background:#280b10}
.trash-actions-list{display:grid;gap:8px;margin-top:14px}.trash-actions-list>div{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #253e50;background:#06121c}.trash-actions-list b{margin-right:auto}

.detail-tabs,.subtabs,.settings-tabs{display:flex;gap:6px;overflow:auto;margin:0 0 15px;padding:5px;border-bottom:1px solid #1b3a50}
.detail-tabs a,.subtabs a,.settings-tabs a{white-space:nowrap;padding:10px 13px;text-decoration:none;color:#8da6b8;border-bottom:2px solid transparent}
.detail-tabs a.active,.subtabs a.active,.settings-tabs a.active{color:#fff;border-color:#22b9ff;background:linear-gradient(180deg,transparent,rgba(22,140,255,.1))}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.detail-list{display:grid;grid-template-columns:130px 1fr;gap:10px 16px}.detail-list dt{color:#7e97aa}.detail-list dd{margin:0}.long-text{line-height:1.7;white-space:normal}
.costs-layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr)}
.stack-form{display:grid;gap:11px}.upload-row{display:flex;gap:10px;align-items:center}.upload-row input{flex:1}
.attachment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.attachment-grid a{display:grid;gap:5px;padding:16px;border:1px solid #24485f;background:#06131f;text-decoration:none}.attachment-grid span{font-size:25px}.attachment-grid small{color:#7992a5}
.timeline{list-style:none;padding:0;margin:0}.timeline li{display:grid;grid-template-columns:16px 1fr;gap:12px;position:relative;padding-bottom:17px}.timeline li>span{width:10px;height:10px;margin-top:5px;border-radius:50%;background:#27baff;box-shadow:0 0 13px #27baff}.timeline li:after{content:"";position:absolute;left:4px;top:16px;bottom:0;width:1px;background:#23516b}.timeline li:last-child:after{display:none}.timeline small{display:block;color:#7892a4;margin-top:4px}

.month-calendar{display:grid;grid-template-columns:repeat(7,1fr);border-left:1px solid #1a374b;border-top:1px solid #1a374b}.weekday{padding:9px;text-align:center;color:#7f9aad;background:#06121c;border-right:1px solid #1a374b;border-bottom:1px solid #1a374b;font-size:10px;font-weight:800}.calendar-day{min-height:125px;padding:8px;border-right:1px solid #1a374b;border-bottom:1px solid #1a374b;background:rgba(5,16,25,.82)}.calendar-day.outside{opacity:.35}.calendar-day.today{box-shadow:inset 0 0 0 1px #1faeff;background:rgba(13,57,85,.35)}.calendar-day header{display:flex;justify-content:space-between}.calendar-day header a{text-decoration:none}.event-chip{display:flex;gap:6px;padding:6px;margin-top:6px;background:#0a2b41;border-left:2px solid #27baff;text-decoration:none;font-size:10px}.event-chip time{color:#56caff}.calendar-toolbar{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:12px}.calendar-toolbar h2{min-width:210px;text-align:center;text-transform:capitalize}

.message-list,.notification-list{display:grid;gap:12px}.message-card,.notification-row{border:1px solid #203e52;background:#06131f;padding:16px}.message-card.unread,.notification-row.unread{border-color:#7f57e6;box-shadow:0 0 25px rgba(127,87,230,.1)}.message-content{padding:14px;margin:12px 0;background:#030b12;border-left:3px solid #8b5cf6;line-height:1.65}.message-card footer,.notification-row{display:flex;justify-content:space-between;gap:16px}.notification-row h3{margin:5px 0}.notification-row p{margin:0;color:#9eb2c0}
.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.permission-check{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #234156;background:#06131f}.permission-check input{width:auto}
.search-group{margin-bottom:13px}.search-group>a{display:grid;gap:4px;padding:11px 2px;border-bottom:1px solid #1c374a;text-decoration:none}.search-group>a span{color:#879eae;font-size:12px}
.backup-warning{padding:12px;margin-bottom:12px;border-left:3px solid #ffab37;background:#2a1906;color:#d8c4a4}
.stock-adjust{margin-top:20px;padding-top:16px;border-top:1px solid #234055}

.record-modal{width:min(820px,94vw);padding:0;border-radius:12px;overflow:hidden}.record-modal-form{gap:0!important}.modal-heading{padding:22px 24px;background:linear-gradient(110deg,#0a263b,#06131f);border-bottom:1px solid #24506b}.modal-heading p{margin:5px 0 0;color:#829bad}.modal-body{padding:22px 24px;max-height:65vh;overflow:auto}.modal-grid{gap:16px}.modal-actions{padding:16px 24px;background:#040d15;border-top:1px solid #1f3b4f;gap:14px}.modal-actions button{min-width:120px}
.form-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:16px}

@media(max-width:1200px){.attention-grid{grid-template-columns:repeat(2,1fr)}.attachment-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.workspace{grid-column:1}.detail-grid,.costs-layout{grid-template-columns:1fr}.month-calendar{overflow:auto;min-width:760px}.top-search-wrap{display:none}}
@media(max-width:680px){.attention-grid{grid-template-columns:1fr}.filter-bar,.table-tools{align-items:stretch;flex-direction:column}.filter-bar select,.table-tools select{width:100%}.attachment-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}.message-card footer,.notification-row{flex-direction:column}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}
