/* Shared MiniHosting panel design, aligned with the public website. */
:root{--ink:#14212e;--muted:#596875;--line:#e0e6e9;--brand:#17664f;--accent:#81f0c3;--nav:#08192a;--bg:#f3f6f7;--radius:18px;--font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{color-scheme:light}body,body:has(.live-admin-dashboard){margin:0;background:#08192a url('/assets/pro/hosting-bg.webp') center top/cover fixed;color:var(--ink);font:15px/1.6 var(--font);-webkit-font-smoothing:antialiased}a{color:#17664f;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}h1,h2,h3{line-height:1.2;letter-spacing:-.035em;font-weight:600}h1{font-size:clamp(26px,3vw,36px);margin:0 0 10px}h2{font-size:22px;margin:0 0 18px}h3{font-size:18px}p{overflow-wrap:anywhere}b,strong{font-weight:650}.muted,.hint{color:var(--muted);line-height:1.65}.hint{font-size:13px}a,button,input,select,textarea{transition:background-color .15s,border-color .15s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #148663;outline-offset:3px}
.app{display:grid;grid-template-columns:228px minmax(0,1fr);gap:22px;max-width:1720px;margin:auto;padding:22px;min-height:100vh}.side,body:has(.live-admin-dashboard) .side{position:sticky;top:22px;height:calc(100vh - 44px);overflow-y:auto;padding:25px 15px;background:rgba(6,21,37,.97);background-image:none;border:1px solid #ffffff1c;border-radius:18px;color:#e1e9f0}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:650;letter-spacing:-1px;margin:0 8px 30px;color:white;white-space:nowrap}.brand:hover{text-decoration:none}.mark{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:#092c25;font-weight:750;font-size:22px;letter-spacing:-2px}.side a:not(.brand){display:flex;align-items:center;gap:11px;min-height:46px;padding:11px 13px;border-radius:9px;margin:4px 0;color:#c4d3df;font-size:14px;font-weight:500;text-decoration:none}.side a:not(.brand):hover{background:#ffffff0c;color:white}.side a.active,.side a.active:hover{background:#81f0c319;color:#a8f5d6;box-shadow:inset 3px 0 var(--accent)}.side a[href*="logout"]{margin-top:24px;border-top:1px solid #ffffff18;border-radius:0;padding-top:18px;color:#a9bdcd}.side a:focus-visible{outline-color:var(--accent)}.panel-nav-icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.panel-menu-toggle{display:none}
.main,body:has(.live-admin-dashboard) .main{min-width:0;padding:32px;background:#f3f6f7;border:1px solid #ffffff44;border-radius:20px;min-height:calc(100vh - 44px)}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 30px;padding-bottom:24px;border-bottom:1px solid #dce4e5}.top p{margin:0;font-size:14px}.main>.top>div:before{content:'TWOJA PRZESTRZEŃ';display:block;margin-bottom:12px;color:#476d5e;font-size:10px;letter-spacing:.15em;font-weight:650}body.panel-admin .main>.top>div:before{content:'ZARZĄDZANIE HOSTINGIEM'}.cards,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:18px;margin-bottom:20px}.card{min-width:0;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px;margin-bottom:20px;box-shadow:0 3px 12px #102a251f}.cards>.card,.grid>.card{margin-bottom:0;box-shadow:none}.card>p:last-child{margin-bottom:0}.metric{font-size:32px;letter-spacing:-.05em;font-weight:600;line-height:1.25;margin-bottom:10px;font-variant-numeric:tabular-nums}.hero-client{display:block;background:#0c2830;background-image:none;color:white;border:1px solid #20403f;border-radius:18px;padding:30px;margin-bottom:20px}.hero-client h2{font-size:28px;margin-bottom:12px;color:#c0f7e1}.hero-client p{font-size:14px;color:#c1d9d7;margin:8px 0}.hero-client>img,.section-visual,.card-visual,.empty-visual{display:none}.progress,.bar-meter{height:8px;background:#e8eeeb;border-radius:8px}.progress span,.bar-meter span{background:#279a76}.media-card{background:#f3f7f5;border-color:var(--line);border-radius:12px}.media-card img{max-height:220px;object-fit:contain}
button,.download-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:11px 17px;width:auto;max-width:100%;border:1px solid transparent;border-radius:9px;background:var(--accent);color:#0c2c24;font:650 14px/1.35 var(--font);cursor:pointer;text-decoration:none;white-space:normal}button:hover,.download-btn:hover{background:#a0f5d3;text-decoration:none}button:disabled{opacity:.55;cursor:not-allowed}.danger,button.danger,.danger-zone button{background:#fff0f0;border:1px solid #efc9c9;color:#a42a36}.danger:hover,button.danger:hover,.danger-zone button:hover{background:#ffe1e4}.danger-zone{background:#fffafa;border-color:#edcdd0}.danger-zone h2{color:#a42a36}input,select,textarea{max-width:100%;min-width:0;margin:6px 0 0;padding:11px 12px;border:1px solid #cbd7d4;border-radius:9px;background:#fff;color:var(--ink);font:400 14px/1.45 var(--font);min-height:44px}input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea{width:100%}input:disabled{background:#eef2f1;color:#64756e}label{display:block;font-size:13px;font-weight:550;color:#3e554c}input[type="checkbox"],input[type="radio"]{width:18px!important;height:18px;min-height:0;margin:3px;accent-color:#17664f;vertical-align:middle}input[type="file"]{font-size:12px;padding:6px;min-height:44px}input::file-selector-button{border:0;border-radius:5px;background:#e7f1ec;color:#265743;padding:7px 10px;margin-right:8px;font:inherit}textarea{resize:vertical;line-height:1.7}textarea[name="content"]{font-family:ui-monospace,Consolas,monospace}.inline,.form-row{gap:14px;align-items:end;flex-wrap:wrap}.inline>label{flex:1 1 180px;min-width:0}.inline>button{flex:0 1 auto}.admin-form-grid label{font-weight:550}.admin-form-grid{gap:18px}.admin-form-grid .full{margin-top:5px}code{padding:3px 6px;background:#edf3f0;color:#264b3c;border-radius:5px;font:12px/1.6 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}
.panel-table-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:12px;margin:18px 0;scrollbar-width:thin;background:#fff}.panel-table-scroll>table{margin:0;min-width:540px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:14px 15px;border-bottom:1px solid #e6ece9;vertical-align:top;text-align:left;line-height:1.6}th{background:#f2f6f4;color:#4e655b;font-size:11px;letter-spacing:.025em;font-weight:650}td{color:#344b40;overflow-wrap:anywhere}tr:last-child td{border-bottom:0}td button{font-size:12px;min-height:36px;padding:8px 12px}td input,td select{margin-top:0}tbody tr:hover td,.file-table tr:hover td{background:#f6faf8}.file-table .folder-link{color:#17664f;font-weight:600}.file-table .file-link{color:#243f34;font-weight:500}.file-table th:first-child,.file-table td:first-child{width:40px}.badge,.pill,.ticket-status{background:#e7f3ed;color:#246748;font-weight:550;padding:5px 10px;font-size:12px;border-radius:6px}.ticket-open,.badge-warn{background:#fff3d8;color:#845709}.ticket-closed{background:#edf0f2;color:#53636c}.ticket-answered,.badge-ok{background:#e6f5ed;color:#236e4a}.ticket-message,.ticket-message.admin{background:#f3f7f5;border-color:#dce7e1;border-radius:12px}.ticket-message.admin{border-left:3px solid #60bd96}.ticket-list tr.active td{background:#e9f5ee}.support-grid,.admin-two{gap:20px;grid-template-columns:minmax(260px,.9fr) minmax(0,1.3fr)}.empty-state{background:#f7faf8;border-color:#cedfd5;border-radius:12px;color:#5f7668}.ok,.main>.ok{background:#eaf7ef!important;border:1px solid #b9dfc9!important;color:#226147!important;font-weight:500!important;border-radius:10px;padding:14px 17px}.err,.main>.err{background:#fff0f1!important;border:1px solid #efc9ce!important;color:#983243!important;font-weight:500!important;border-radius:10px;padding:14px 17px}.warn,.disk-note{background:#fff7e8;border-color:#ead8b4;color:#735726;border-radius:10px;padding:14px 17px;font-size:13px;line-height:1.65}
.fm-head{gap:15px;flex-wrap:wrap}.fm-head h2{margin-bottom:8px}.fm-head p{margin:0}.breadcrumbs{background:#f1f6f3;border-color:#dfe9e3;border-radius:9px;font-size:13px;overflow-wrap:anywhere}.fm-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.tool-card{background:#f8faf9;border:1px solid #e0e9e4;border-radius:12px;padding:18px;gap:12px;flex-wrap:wrap}.tool-card label{flex:1 1 160px;min-width:0}.bulkbar{background:#edf3ef;border:1px solid #dbe6df;border-radius:10px;padding:12px;gap:10px}.bulkbar select{margin:0;flex:1 1 170px}.cms-credentials{min-width:200px}.cms-credentials .cred-row{background:#f2f6f4;border-color:#dce7e0}.cms-credentials code{background:transparent;color:#243f34;font-weight:500}.cms-credentials .cred-row span{font-weight:500;color:#64766d}
.live-admin-dashboard{color:var(--ink)}.dash-head{gap:20px;margin-bottom:26px}.dash-eyebrow{color:#476d5e;font-size:10px;letter-spacing:.15em;font-weight:650}.dash-head h2{font-size:32px;color:var(--ink);margin:8px 0 12px}.dash-head p{color:var(--muted);font-size:14px}.dash-actions{flex-wrap:wrap;justify-content:flex-end;max-width:410px;gap:10px}.dash-actions input,.dash-actions select{background:#fff;color:var(--ink);border:1px solid #ccd9d2;padding:10px 12px;margin:0;min-height:44px;flex:1 1 145px;width:145px}.dash-actions button{background:var(--accent);color:#0c2c24;border:1px solid transparent}.stat-row{gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.dash-stat,.dash-card{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:none;min-width:0}.dash-stat{padding:20px 16px;min-height:110px;gap:12px}.stat-icon,.stat-icon.blue,.stat-icon.green,.stat-icon.violet,.stat-icon.amber{width:40px;height:40px;border-radius:11px;background:#e7f3ed;color:#287756;font-size:11px;font-weight:650}.dash-stat p{color:#5a7063;text-transform:none;font-size:12px;margin-bottom:6px}.dash-stat b{font-size:29px;color:var(--ink);font-weight:600;letter-spacing:-.04em}.dash-stat small{font-size:11px;color:var(--muted);line-height:1.5}.dash-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1.1fr) minmax(0,.9fr);gap:18px}.dash-column{min-width:0;gap:18px}.dash-card{padding:22px}.dash-card.wide{min-height:0}.card-title h3{color:var(--ink);font-weight:600;font-size:17px;line-height:1.4}.card-title span,.mini-metrics span,.hardware-item span,.smart-item span,.sys-info span,.hw-meta{color:var(--muted)}.mini-metrics{border-color:var(--line);gap:10px}.mini-metrics b,.hardware-item b,.smart-item b,.sys-info b,.hw-main{color:var(--ink);font-weight:600}.mini-metrics b{font-size:22px}.service-row,.activity-row,.domain-row,.sys-info p,.hw-line{border-color:#e5ece8;font-size:13px}.service-row{flex-wrap:wrap;row-gap:7px}.service-state{margin-left:auto;gap:8px}.service-name{white-space:normal;overflow-wrap:anywhere;flex:1 1 120px}.svc-btn{min-height:32px;width:32px;height:32px;background:#f0f5f2;color:#315b47;border:1px solid #cbded2;padding:0}.svc-btn:hover{background:#dceee4}.svc-btn.start{color:#247144}.svc-btn.stop{color:#a43740}.svc-btn.restart{color:#326c81}.badge-ok,.badge-warn{font-weight:550;font-size:11px}.domain-bar{background:#44ac85}.quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick a{background:#f0f6f2;border-color:#dce7e0;border-radius:10px;color:#28634a;font-size:13px;font-weight:550;padding:15px 10px}.quick a:hover{background:#e0f1e6;text-decoration:none}.hardware-item,.smart-item{background:#f5f8f6;border-color:#e0e8e3;border-radius:10px}.hw-meta{white-space:normal}.smart-health{font-size:11px;font-weight:550}.smart-health.ok{background:#e4f4eb;color:#276948}.smart-health.warn{background:#fff1d7;color:#845709}.chart-wrap{background:#0b2130;border-color:#193644;border-radius:12px}.axis-label{color:#bdcfd7;font-size:11px;font-weight:500}.chart-legend{color:#536a5c;font-size:12px;gap:14px}.disk-table code,.role-meta code{background:#edf3ef;color:#2a5940}.role-form{background:#f7faf8;border-color:#dfe8e2;border-radius:12px;padding:16px}.role-form label,.role-meta span{font-weight:550}.role-meta div{border-color:#dfe8e2;border-radius:8px}.role-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
.box{width:calc(100% - 32px);max-width:440px;margin:9vh auto;padding:38px;border:1px solid #ffffff66;border-radius:20px;background:#fff;box-shadow:0 24px 90px #00111d44}.box .brand{color:var(--ink);margin:0 0 30px;font-size:24px}.box h1{font-size:28px;line-height:1.2;margin:0 0 24px}.box input{margin:7px 0 14px}.box button{width:100%;margin-top:8px}.box>p{font-size:13px}.panel-skip{position:fixed;left:20px;top:-100px;z-index:99;padding:10px 16px;background:var(--accent);color:#123a29;border-radius:8px}.panel-skip:focus{top:12px}
@media(min-width:1500px){.main,body:has(.live-admin-dashboard) .main{padding:38px}.dash-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1.1fr) minmax(0,.9fr)}}
@media(max-width:1300px){.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid>.dash-column:last-child{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.dash-head{flex-wrap:wrap}.dash-actions{max-width:none;justify-content:flex-start}.disk-grid{grid-template-columns:minmax(0,1fr)}.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1080px){.app{grid-template-columns:200px minmax(0,1fr);padding:14px;gap:14px}.side,body:has(.live-admin-dashboard) .side{top:14px;height:calc(100vh - 28px);padding:22px 10px}.brand{font-size:20px;gap:8px}.main,body:has(.live-admin-dashboard) .main{padding:24px;min-height:calc(100vh - 28px)}.support-grid,.admin-two,.fm-tools{grid-template-columns:minmax(0,1fr)}.dash-grid{grid-template-columns:minmax(0,1fr)}.dash-grid>.dash-column:last-child{grid-template-columns:minmax(0,1fr)}.role-meta{grid-template-columns:1fr}.tool-card{flex-wrap:nowrap}.tool-card label{flex:1 1 auto}}
@media(max-width:760px){body,body:has(.live-admin-dashboard){background-attachment:scroll}.app{display:block;padding:10px}.side,body:has(.live-admin-dashboard) .side{position:relative;top:auto;height:auto;overflow:visible;padding:15px;margin:0 0 12px;border-radius:13px}.side .brand{margin:0;min-height:42px;font-size:22px;padding-right:78px}.side nav{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.side a:not(.brand){margin:0;font-size:13px;padding:10px;min-height:44px}.side a[href*="logout"]{margin-top:0;border-top:0;padding-top:10px}.panel-menu-toggle{display:inline-flex;position:absolute;right:15px;top:17px;min-height:38px;padding:8px 12px;background:#ffffff10;border:1px solid #ffffff30;color:#eef6f1;font-size:12px}.panel-menu-toggle:hover{background:#ffffff20}.side.nav-ready:not(.nav-open) nav{display:none}.main,body:has(.live-admin-dashboard) .main{padding:22px 16px;border-radius:14px;min-height:calc(100vh - 110px)}.top{margin-bottom:22px;padding-bottom:20px}.top p{font-size:13px}.card{padding:19px;border-radius:13px}.cards,.grid{gap:12px}.hero-client{padding:23px;border-radius:14px}.hero-client h2{font-size:25px}.hero-client p{font-size:13px}.inline{display:flex;flex-direction:column;align-items:stretch;gap:12px}.inline>label,.inline>button{flex:auto;width:100%}.admin-form-grid,.admin-two,.support-grid{grid-template-columns:minmax(0,1fr)}.tool-card{flex-wrap:wrap}.tool-card button{flex:1 1 100%}.bulkbar{align-items:stretch}.bulkbar button,.bulkbar select{flex:1 1 100%;max-width:none}.fm-head>.badge{font-size:11px}.dash-head h2{font-size:28px}.dash-actions{display:flex;gap:8px;width:100%;margin-top:4px}.dash-actions>*{margin:0}.dash-actions input{flex:1 1 100%}.dash-actions select{flex:1 1 160px}.stat-row{gap:10px}.dash-stat{padding:15px 12px;display:block;min-height:0}.stat-icon{margin-bottom:12px}.dash-stat b{font-size:26px}.dash-stat small{font-size:11px}.dash-card{padding:18px}.mini-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-metrics b{font-size:18px}.mini-metrics span{font-size:11px}.panel-table-scroll{margin:15px 0}.chart-wrap{padding-left:34px}.box{padding:28px;margin:7vh auto}.role-form{grid-template-columns:minmax(0,1fr)}input,select,textarea{font-size:16px}h2{font-size:20px}.card-title{flex-wrap:wrap}.svc-btn{min-height:36px;width:36px;height:36px}.sys-info p,.hw-line{flex-wrap:wrap;gap:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.ok:empty,.err:empty{display:none}.mark{font-size:24px;letter-spacing:-2px;padding-bottom:3px}@media(min-width:1081px) and (max-width:1300px){.stat-row{grid-template-columns:repeat(3,minmax(0,1fr))}}

body,body:has(.live-admin-dashboard){min-height:100vh;min-height:100svh;background-repeat:no-repeat}.box label{text-align:left}

.stat-row{grid-template-columns:repeat(3,minmax(0,1fr))}#packageChart{background:#0b2130;border-radius:12px}@media(max-width:760px){.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}}