@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{
  --bg:#f5f7fb;--panel:#ffffff;--panel2:#f8fafc;--sidebar:#ffffff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--accent:#2563eb;--accent2:#06b6d4;--soft:#eff6ff;--soft2:#f1f5f9;--success:#16a34a;--danger:#dc2626;--shadow:0 18px 45px rgba(15,23,42,.07);--radius:24px;
}
[data-theme="dark"]{--bg:#0b1020;--panel:#111827;--panel2:#151f32;--sidebar:#0c1424;--text:#e5e7eb;--muted:#94a3b8;--line:#263244;--accent:#60a5fa;--accent2:#22d3ee;--soft:#172033;--soft2:#111a2c;--shadow:0 18px 50px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{font-size:15.5px}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit}.app{display:flex;min-height:100vh}.side{width:258px;background:var(--sidebar);border-right:1px solid var(--line);padding:18px 14px;position:fixed;top:0;bottom:0;overflow:auto}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;letter-spacing:-.7px;margin:0 4px 26px;color:var(--text)}.brand-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#06b6d4);color:white;font-size:21px;font-weight:800}.side-section{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:22px 10px 9px;font-weight:800}.nav-link{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;padding:11px 10px;border-radius:15px;margin:4px 0;font-weight:500}.nav-link:hover,.nav-link.active{background:var(--soft);color:var(--accent)}.ico{width:40px;height:40px;border-radius:14px;display:inline-grid;place-items:center;background:var(--soft);color:var(--accent);flex:0 0 auto;border:1px solid rgba(37,99,235,.12)}.ico.small{width:30px;height:30px;border-radius:11px}.ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ico.small svg{width:16px;height:16px}.main{margin-left:258px;flex:1;padding:24px 28px 42px}.top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:22px}.search-form{flex:1;max-width:560px}.top input{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:13px 16px;border-radius:16px;box-shadow:0 8px 24px rgba(15,23,42,.04);outline:0}.top input:focus{border-color:rgba(37,99,235,.55);box-shadow:0 0 0 4px rgba(37,99,235,.10)}.top-right{display:flex;align-items:center;gap:12px}.user-badge{font-weight:600;color:var(--muted)}.theme-toggle{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:5px;display:flex;gap:4px;cursor:pointer;color:var(--muted);box-shadow:0 8px 24px rgba(15,23,42,.04)}.theme-toggle span{padding:7px 11px;border-radius:999px;font-weight:700;font-size:13px}.theme-toggle[data-theme="light"] .sun,.theme-toggle[data-theme="dark"] .moon{background:var(--accent);color:white}.theme-toggle[data-theme="light"] .moon,.theme-toggle[data-theme="dark"] .sun{color:var(--muted)}h1{font-size:31px;margin:8px 0 20px;letter-spacing:-.04em;font-weight:800}h2{font-size:22px;letter-spacing:-.03em;font-weight:800}h3{font-size:16px;font-weight:700}.hero{background:linear-gradient(135deg,#2563eb,#06b6d4);color:white;border-radius:28px;padding:26px 28px;margin-bottom:18px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-80px;top:-90px;width:260px;height:260px;border-radius:999px;background:rgba(255,255,255,.14)}.hero h1{margin:0 0 7px;color:white}.hero p{margin:0;color:#e0f2fe;max-width:760px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);text-decoration:none;color:var(--text);display:block}.card.link-card{transition:.16s ease}.card.link-card:hover{transform:translateY(-3px);border-color:rgba(37,99,235,.28);box-shadow:0 24px 50px rgba(37,99,235,.10)}.card-title{display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:600}.card-title strong{color:var(--text);font-weight:700}.card-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.num{font-size:34px;font-weight:800;margin-top:14px;color:var(--text);letter-spacing:-.04em}.muted{color:var(--muted);font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:white;text-decoration:none;border:0;padding:11px 15px;border-radius:13px;cursor:pointer;font-weight:700}.btn.red{background:#dc2626}.btn.gray{background:#64748b}.btn.white{background:white;color:#0f172a}.btn.ghost{background:var(--soft);color:var(--accent)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-top:18px}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.table th,.table td{padding:14px;border-bottom:1px solid var(--line);text-align:left}.table th{color:var(--accent);background:var(--soft);font-size:14px;font-weight:800}.form{max-width:1080px}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.field{margin-bottom:14px}.field label{display:block;margin-bottom:7px;color:var(--muted);font-weight:700;font-size:13px}.field input,.field textarea,.field select{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:14px;padding:12px;outline:0}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(37,99,235,.55);box-shadow:0 0 0 4px rgba(37,99,235,.10)}.pill{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--soft);color:var(--accent);font-weight:700;text-decoration:none}.mobile-actions{display:flex;gap:8px;flex-wrap:wrap}.status-ok{color:var(--success);font-weight:800}.status-warn{color:#f59e0b;font-weight:800}.status-danger{color:var(--danger);font-weight:800}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f8fafc,#eff6ff)}.loginbox{width:410px;max-width:92%;background:white;border:1px solid #e2e8f0;border-radius:26px;padding:30px;box-shadow:0 25px 60px rgba(15,23,42,.12)}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:12px}.quick-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:18px;background:var(--panel2);padding:14px;text-decoration:none}.quick-card:hover{background:var(--soft);color:var(--accent)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.switch{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.switch input{display:none}.slider{width:58px;height:32px;border-radius:999px;background:#cbd5e1;position:relative;transition:.18s}.slider:before{content:"";position:absolute;width:26px;height:26px;left:3px;top:3px;background:white;border-radius:999px;box-shadow:0 2px 8px rgba(15,23,42,.20);transition:.18s}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translateX(26px)}.switch-text{font-weight:800;color:var(--muted);min-width:48px}.switch input:checked~.switch-text{color:var(--success)}.module-card{min-height:134px}.module-head{display:flex;align-items:center;gap:12px}.module-head h3{margin:0}.ai-box{padding:22px}.ai-input{display:flex;gap:10px;margin-top:16px}.ai-input input{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;color:var(--text)}@media(max-width:900px){.side{position:static;width:100%;height:auto}.app{display:block}.main{margin-left:0;padding:16px}.top{display:block}.top input{margin-bottom:12px}.top-right{justify-content:space-between}.hero{display:block}.hero-actions{margin-top:16px}.grid{grid-template-columns:1fr}.ai-input{display:block}.ai-input .btn{margin-top:10px;width:100%}}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:18px 0}.stat{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.stat strong{display:block;font-size:30px;font-weight:650;letter-spacing:-.04em}.stat span{color:var(--muted);font-size:13px}.stat.warn strong{color:#b7791f}.stat.danger strong{color:#dc2626}.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.status.ok{background:#ecfdf5;color:#047857}.status.warn{background:#fffbeb;color:#b45309}.status.danger{background:#fef2f2;color:#dc2626}.two-col{display:grid;grid-template-columns:1.35fr .9fr;gap:18px}.mini-list{display:flex;flex-direction:column;gap:10px}.mini-list a{display:flex;gap:12px;align-items:center;padding:12px;border-radius:16px;background:var(--soft);text-decoration:none;color:var(--text)}.mini-list small{display:block;color:var(--muted);margin-top:3px}.btn.small{padding:7px 10px;font-size:12px}.secret-input{display:flex;gap:8px}.secret-input input{flex:1}@media(max-width:900px){.two-col{grid-template-columns:1fr}}
/* Paylink accordion sidebar update */
.nav-group{margin:8px 0;border-radius:17px;overflow:hidden}
.nav-group summary{list-style:none;display:flex;align-items:center;gap:11px;padding:12px 10px;border-radius:17px;cursor:pointer;font-weight:700;color:var(--text);transition:.16s ease}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary:hover{background:var(--soft);color:var(--accent)}
.nav-group[open] summary{background:var(--soft);color:var(--accent)}
.nav-group .chev{margin-left:auto;color:var(--muted);font-size:17px;line-height:1;transition:.16s ease}
.nav-group[open] .chev{transform:rotate(180deg);color:var(--accent)}
.nav-sub{padding:6px 0 8px 14px;border-left:1px solid var(--line);margin-left:25px}
.nav-link.sub{margin:3px 0 3px 0;padding:9px 9px;border-radius:13px;font-weight:500;position:relative}
.ico.mini{width:26px;height:26px;border-radius:10px}
.ico.mini svg{width:14px;height:14px}.nav-badge{margin-left:auto;min-width:25px;text-align:center;font-size:12px;font-weight:800;padding:4px 7px;border-radius:999px;background:var(--soft2);color:var(--muted);border:1px solid var(--line)}.nav-link.sub.active .nav-badge,.nav-link.sub:hover .nav-badge{background:#fff;color:var(--accent);border-color:rgba(37,99,235,.25)}
.side-section{display:none}
@media(max-width:900px){.nav-sub{margin-left:15px}.nav-group summary{padding:11px 10px}}


/* Paylink sidebar polish: no arrows, one-line labels, per-module colors */
:root{
  --c-ai:#7c3aed;--c-domains:#2563eb;--c-hosting:#9333ea;--c-ssl:#16a34a;--c-servers:#ea580c;
  --c-mail:#0891b2;--c-vault:#4f46e5;--c-cards:#db2777;--c-banks:#059669;--c-cloudflare:#f59e0b;
  --c-dns:#0ea5e9;--c-api:#dc2626;--c-licenses:#ca8a04;--c-customers:#14b8a6;--c-social:#ec4899;
  --c-documents:#64748b;--c-notes:#8b5cf6;--c-notifications:#0284c7;--c-backup:#475569;--c-modules:#0f766e;
}
.side{padding:18px 12px;width:250px}.main{margin-left:250px}.brand{font-size:22px;margin-bottom:22px}.nav-group summary{font-size:12px;text-transform:uppercase;letter-spacing:.055em;color:var(--muted);padding:11px 10px 8px;background:transparent!important}.nav-group summary .ico{display:none}.nav-group summary span:not(.ico){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-group[open] summary,.nav-group summary:hover{color:var(--text)}.nav-group .chev{display:none!important}.nav-sub{padding:4px 0 7px 0;border-left:0;margin-left:0}.nav-link{min-width:0;font-size:14px;white-space:nowrap;overflow:hidden}.nav-link span:not(.ico):not(.nav-badge){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-link.sub{font-size:14px;padding:9px 9px 9px 10px}.nav-link.sub .ico.mini{width:28px;height:28px}.nav-badge{font-size:11px;padding:3px 7px;min-width:24px;flex:0 0 auto}.ico,.card .ico{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 22%,transparent)}
.mod-ai{--accent:var(--c-ai)}.mod-domains{--accent:var(--c-domains)}.mod-hosting{--accent:var(--c-hosting)}.mod-ssl{--accent:var(--c-ssl)}.mod-servers{--accent:var(--c-servers)}.mod-mail{--accent:var(--c-mail)}.mod-vault{--accent:var(--c-vault)}.mod-cards{--accent:var(--c-cards)}.mod-banks{--accent:var(--c-banks)}.mod-cloudflare{--accent:var(--c-cloudflare)}.mod-dns{--accent:var(--c-dns)}.mod-api{--accent:var(--c-api)}.mod-licenses{--accent:var(--c-licenses)}.mod-customers{--accent:var(--c-customers)}.mod-social{--accent:var(--c-social)}.mod-documents{--accent:var(--c-documents)}.mod-notes{--accent:var(--c-notes)}.mod-notifications{--accent:var(--c-notifications)}.mod-backup{--accent:var(--c-backup)}.mod-modules{--accent:var(--c-modules)}
.nav-link.mod-dashboard{--accent:#2563eb}.nav-link.sub:hover,.nav-link.sub.active,.nav-link.mod-dashboard:hover,.nav-link.mod-dashboard.active,.nav-link.mod-modules:hover,.nav-link.mod-modules.active{background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent)}.nav-link.sub:hover .ico,.nav-link.sub.active .ico,.nav-link.mod-dashboard:hover .ico,.nav-link.mod-dashboard.active .ico,.nav-link.mod-modules:hover .ico,.nav-link.mod-modules.active .ico{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:color-mix(in srgb,var(--accent) 28%,transparent);color:var(--accent)}.nav-link.sub.active .nav-badge,.nav-link.sub:hover .nav-badge{background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 26%,transparent)}
.mod-card{position:relative;overflow:hidden}.mod-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent);opacity:.9}.mod-card .ico{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}.mod-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:0 24px 52px color-mix(in srgb,var(--accent) 14%,transparent)}.module-card .module-head h3{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-card{min-height:126px}.card-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.card-title{min-width:0}.card-row>div{min-width:0}.switch .slider{box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}
@media(max-width:900px){.side{width:100%;padding:14px}.main{margin-left:0}.nav-link{font-size:14px}.nav-group summary{font-size:11px}}

/* Paylink sidebar premium group headers */
.side{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.nav-group{margin:12px 0 14px;overflow:visible}
.nav-group summary{
  height:48px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border-radius:17px;
  background:rgba(239,246,255,.82)!important;
  border:1px solid rgba(191,219,254,.72);
  box-shadow:0 10px 26px rgba(37,99,235,.06);
  color:#1e40af;
  text-transform:none;
  letter-spacing:0;
  font-size:14px;
  font-weight:650;
  transition:.18s ease;
}
.nav-group summary .ico{
  display:inline-grid!important;
  width:32px;
  height:32px;
  border-radius:12px;
  background:color-mix(in srgb,var(--accent) 12%,#fff);
  color:var(--accent);
  border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);
}
.nav-group summary .ico svg{width:16px;height:16px}
.nav-group summary span:not(.ico){font-size:14px;font-weight:650;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-group summary:hover,
.nav-group[open] summary{
  background:color-mix(in srgb,var(--accent) 10%,#fff)!important;
  border-color:color-mix(in srgb,var(--accent) 25%,transparent);
  color:var(--accent);
  transform:translateY(-1px);
}
.nav-group summary:hover .ico,
.nav-group[open] summary .ico{
  background:color-mix(in srgb,var(--accent) 16%,#fff);
  border-color:color-mix(in srgb,var(--accent) 35%,transparent);
}
.group-ai{--accent:var(--c-ai)}
.group-domains{--accent:var(--c-domains)}
.group-vault{--accent:var(--c-vault)}
.group-customers{--accent:var(--c-customers)}
.nav-link.mod-dashboard,
.nav-link.mod-modules{
  height:48px;
  border:1px solid rgba(191,219,254,.72);
  box-shadow:0 10px 26px rgba(37,99,235,.06);
  background:rgba(239,246,255,.82);
  font-size:14px;
  font-weight:650;
  margin-bottom:12px;
}
.nav-link.mod-dashboard.active,
.nav-link.mod-dashboard:hover,
.nav-link.mod-modules.active,
.nav-link.mod-modules:hover{
  transform:translateY(-1px);
  background:color-mix(in srgb,var(--accent) 10%,#fff);
  border-color:color-mix(in srgb,var(--accent) 25%,transparent);
}
.nav-sub{padding:8px 0 2px 8px;margin-left:8px;border-left:1px solid rgba(148,163,184,.18)}
.nav-link.sub{height:42px;margin:4px 0;padding:8px 9px 8px 10px;border-radius:14px;font-weight:560}
.nav-link.sub .ico.mini{width:28px;height:28px;border-radius:11px}
.nav-link.sub span:not(.ico):not(.nav-badge){font-size:14px;letter-spacing:-.01em}
.side .brand{margin-bottom:18px}
@media(max-width:900px){.nav-group summary,.nav-link.mod-dashboard,.nav-link.mod-modules{height:46px}.nav-sub{margin-left:6px;padding-left:6px}}

/* Paylink premium dashboard update */
.premium-hero{background:linear-gradient(135deg,#ffffff 0%,#eef5ff 48%,#eaf7ff 100%);color:var(--text);border:1px solid var(--line);border-radius:30px;padding:26px;box-shadow:0 22px 60px rgba(15,23,42,.08);display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:stretch;margin-bottom:18px;overflow:hidden;position:relative}.premium-hero:before{content:"";position:absolute;right:-95px;top:-125px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.22),transparent 62%)}.premium-hero:after{content:"";position:absolute;left:34%;bottom:-120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.18),transparent 62%)}.hero-copy,.hero-metrics{position:relative;z-index:1}.eyebrow{display:inline-flex;padding:7px 11px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:750;margin-bottom:12px}.premium-hero h1{font-size:36px;margin:0 0 8px;color:var(--text);letter-spacing:-.045em}.premium-hero p{color:var(--muted);margin:0 0 18px;max-width:720px}.ai-inline{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dbe4f0;border-radius:18px;padding:8px;box-shadow:0 14px 34px rgba(15,23,42,.06);max-width:850px}.ai-inline input{flex:1;border:0;outline:0;background:transparent;padding:10px 6px;font:inherit;color:var(--text)}.ai-spark{width:38px;height:38px;border-radius:14px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;flex:0 0 auto}.ai-spark svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}.hero-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}.hero-chips a{font-size:13px;text-decoration:none;background:#fff;color:#31537c;border:1px solid #dbe4f0;border-radius:999px;padding:8px 12px;box-shadow:0 8px 18px rgba(15,23,42,.04)}.hero-metrics{display:grid;grid-template-columns:1fr;gap:12px}.hero-metrics div{background:rgba(255,255,255,.78);border:1px solid #dbe4f0;border-radius:22px;padding:18px;box-shadow:0 14px 34px rgba(15,23,42,.06)}.hero-metrics strong{display:block;font-size:32px;letter-spacing:-.04em}.hero-metrics span{color:var(--muted);font-weight:550}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.section-head h2{margin:0 0 4px}.section-head p{margin:0;color:var(--muted)}.premium-panel{border-radius:26px;padding:20px}.quick-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.quick-action{--mcolor:#2563eb;position:relative;text-decoration:none;color:var(--text);background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--line);border-radius:20px;padding:14px 14px 14px 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:86px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;background-clip:padding-box;overflow:hidden}
.quick-action:after{display:none!important;content:none!important}
.quick-action:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(15,23,42,.08);border-color:color-mix(in srgb,var(--mcolor,#2563eb) 30%,var(--line))}
.quick-action .quick-accent{position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 999px 999px 0;background:var(--mcolor,#2563eb)}
.quick-action .ico{width:42px;height:42px;border-radius:15px;background:color-mix(in srgb,var(--mcolor,#2563eb) 11%,#fff);color:var(--mcolor,#2563eb);border-color:color-mix(in srgb,var(--mcolor,#2563eb) 22%,transparent)}
.quick-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.quick-copy b{font-size:15px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:720}.quick-copy small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--mcolor,#2563eb) 10%,#fff);color:var(--mcolor,#2563eb);font-size:12px;font-weight:750;border:1px solid color-mix(in srgb,var(--mcolor,#2563eb) 20%,transparent);white-space:nowrap}
.quick-action:hover .quick-btn{background:var(--mcolor,#2563eb);color:#fff;border-color:var(--mcolor,#2563eb)}
.premium-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-top:18px}.module-tile{--mcolor:#2563eb;position:relative;text-decoration:none;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:26px;padding:18px;box-shadow:0 16px 38px rgba(15,23,42,.06);min-height:168px;overflow:hidden;transition:.18s ease}.module-tile:hover{transform:translateY(-4px);box-shadow:0 26px 58px rgba(15,23,42,.10);border-color:color-mix(in srgb,var(--mcolor) 32%,var(--line))}.tile-accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--mcolor)}.tile-top{display:flex;align-items:center;gap:12px}.tile-label{font-weight:650;color:#415b7c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-count{font-size:38px;font-weight:800;letter-spacing:-.05em;margin-top:22px}.tile-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px;color:var(--muted)}.tile-foot em{font-style:normal;color:var(--mcolor);font-weight:700}.module-tile .ico,.quick-action .ico{background:color-mix(in srgb,var(--mcolor) 11%,#fff);color:var(--mcolor);border-color:color-mix(in srgb,var(--mcolor) 24%,transparent)}.premium-table{border:0}.premium-list a{border:1px solid var(--line);border-radius:18px;padding:12px;margin-bottom:9px;background:linear-gradient(180deg,#fff,#f8fafc)}.dashboard-bottom{align-items:start}.fab-wrap{position:fixed;right:26px;bottom:26px;z-index:50}.fab{width:58px;height:58px;border:0;border-radius:20px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;font-size:32px;line-height:1;box-shadow:0 20px 42px rgba(37,99,235,.28);cursor:pointer}.fab-menu{display:none;position:absolute;right:0;bottom:70px;background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:0 25px 60px rgba(15,23,42,.14);padding:8px;min-width:180px}.fab-wrap:hover .fab-menu{display:block}.fab-menu a{display:block;text-decoration:none;color:var(--text);padding:11px 12px;border-radius:13px;font-weight:650}.fab-menu a:hover{background:var(--soft);color:var(--accent)}
.mod-domains,.mod-domains.quick-action,.mod-domains.module-tile{--mcolor:#2563eb}.mod-hosting,.mod-hosting.quick-action,.mod-hosting.module-tile{--mcolor:#7c3aed}.mod-ssl,.mod-ssl.quick-action,.mod-ssl.module-tile{--mcolor:#16a34a}.mod-servers,.mod-servers.quick-action,.mod-servers.module-tile{--mcolor:#f97316}.mod-cloudflare,.mod-cloudflare.quick-action,.mod-cloudflare.module-tile{--mcolor:#f59e0b}.mod-dns,.mod-dns.quick-action,.mod-dns.module-tile{--mcolor:#06b6d4}.mod-mail,.mod-mail.quick-action,.mod-mail.module-tile{--mcolor:#0ea5e9}.mod-vault,.mod-vault.quick-action,.mod-vault.module-tile{--mcolor:#4f46e5}.mod-cards,.mod-cards.quick-action,.mod-cards.module-tile{--mcolor:#ec4899}.mod-banks,.mod-banks.quick-action,.mod-banks.module-tile{--mcolor:#059669}.mod-api,.mod-api.quick-action,.mod-api.module-tile{--mcolor:#8b5cf6}.mod-licenses,.mod-licenses.quick-action,.mod-licenses.module-tile{--mcolor:#ca8a04}.mod-customers,.mod-customers.quick-action,.mod-customers.module-tile{--mcolor:#0f766e}.mod-ai,.mod-ai.quick-action,.mod-ai.module-tile{--mcolor:#6366f1}.mod-notifications,.mod-notifications.module-tile{--mcolor:#0284c7}.mod-backup,.mod-backup.module-tile{--mcolor:#64748b}.mod-documents,.mod-documents.module-tile{--mcolor:#0891b2}.mod-notes,.mod-notes.module-tile{--mcolor:#a855f7}.mod-social,.mod-social.module-tile{--mcolor:#db2777}
[data-theme="dark"] .premium-hero{background:linear-gradient(135deg,#111827,#172033 55%,#102033);border-color:#263244}[data-theme="dark"] .eyebrow,[data-theme="dark"] .ai-spark{background:#172554;color:#93c5fd}[data-theme="dark"] .ai-inline,[data-theme="dark"] .hero-metrics div,[data-theme="dark"] .hero-chips a,[data-theme="dark"] .quick-action,[data-theme="dark"] .premium-list a{background:#111827;border-color:#263244}.premium-hero h1{color:var(--text)}[data-theme="dark"] .hero-chips a{color:#cbd5e1}
@media(max-width:1100px){.premium-hero{grid-template-columns:1fr}.hero-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.premium-hero{padding:20px;border-radius:24px}.premium-hero h1{font-size:29px}.ai-inline{align-items:stretch}.ai-inline input{min-width:0}.hero-metrics{grid-template-columns:1fr}.premium-grid{grid-template-columns:1fr}.fab-wrap{right:18px;bottom:18px}}


/* Paylink 1.0 Final - Domain module only */
.domain-final-head{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:stretch;background:linear-gradient(135deg,#fff,#f4f8ff);border:1px solid var(--line);border-radius:28px;padding:22px;margin-bottom:18px;box-shadow:0 18px 42px rgba(15,23,42,.06)}
.domain-final-head h2{margin:2px 0 8px;font-size:28px;letter-spacing:-.04em}.domain-final-head p{margin:0;color:var(--muted);max-width:720px}.domain-eyebrow{background:#dbeafe;color:#1d4ed8}.domain-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.domain-stats div{background:#fff;border:1px solid #dbe4f0;border-radius:20px;padding:15px;text-align:center;box-shadow:0 10px 24px rgba(15,23,42,.04)}.domain-stats strong{display:block;font-size:26px;letter-spacing:-.04em}.domain-stats span{display:block;color:var(--muted);font-size:12px;font-weight:650;margin-top:4px}.domain-form-card{max-width:none;border-radius:26px}.domain-form-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.domain-form-title h2{margin:0 0 4px}.domain-form-title p{margin:0;color:var(--muted)}.domain-chip{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;border-radius:999px;padding:8px 12px;font-weight:750}.domain-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.domain-form-grid .span-2{grid-column:span 2}.form-actions{margin-top:4px;display:flex;gap:10px;flex-wrap:wrap}.domain-list-head{display:flex;align-items:end;justify-content:space-between;margin:24px 0 12px}.domain-list-head h2{margin:0}.domain-list-head p{margin:0;color:var(--muted)}.domain-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:15px}.domain-final-card{position:relative;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--line);border-radius:26px;padding:17px;box-shadow:0 16px 38px rgba(15,23,42,.06);overflow:hidden}.domain-final-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#2563eb}.domain-final-card.status-warn:before{background:#f59e0b}.domain-final-card.status-danger:before{background:#ef4444}.domain-card-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.domain-card-top h3{margin:0;font-size:18px;letter-spacing:-.025em}.domain-card-top small{color:var(--muted);font-weight:600}.domain-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.domain-info-grid div{background:#fff;border:1px solid #e5edf7;border-radius:17px;padding:11px}.domain-info-grid span,.domain-ns span{display:block;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:4px}.domain-info-grid b{font-size:14px}.domain-ns{margin-top:10px;background:#f8fafc;border:1px dashed #dbe4f0;border-radius:17px;padding:11px}.domain-ns em{font-style:normal;display:block;color:#334155;font-size:13px;line-height:1.45;word-break:break-word}.domain-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.btn.small{padding:8px 11px;border-radius:11px;font-size:12px}.domain-empty{grid-column:1/-1;background:#fff;border:1px dashed #cbd5e1;border-radius:22px;padding:24px;color:var(--muted);text-align:center}.secret-input{display:flex;gap:8px}.secret-input input{flex:1}@media(max-width:980px){.domain-final-head{grid-template-columns:1fr}.domain-stats{grid-template-columns:repeat(3,1fr)}.domain-form-grid{grid-template-columns:1fr}.domain-form-grid .span-2{grid-column:auto}}@media(max-width:620px){.domain-stats{grid-template-columns:1fr}.domain-card-grid{grid-template-columns:1fr}.domain-info-grid{grid-template-columns:1fr}.domain-form-title{display:block}.domain-chip{display:inline-flex;margin-top:10px}}

/* Paylink 1.0 Final - Hosting module only */
.hosting-final-head{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:stretch;background:linear-gradient(135deg,#fff,#f8f5ff);border:1px solid var(--line);border-radius:28px;padding:22px;margin-bottom:18px;box-shadow:0 18px 42px rgba(15,23,42,.06)}
.hosting-final-head h2{margin:2px 0 8px;font-size:28px;letter-spacing:-.04em}.hosting-final-head p{margin:0;color:var(--muted);max-width:720px}.hosting-eyebrow{background:#f3e8ff;color:#7e22ce}.hosting-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hosting-stats div{background:#fff;border:1px solid #e9d5ff;border-radius:20px;padding:15px;text-align:center;box-shadow:0 10px 24px rgba(15,23,42,.04)}.hosting-stats strong{display:block;font-size:26px;letter-spacing:-.04em}.hosting-stats span{display:block;color:var(--muted);font-size:12px;font-weight:650;margin-top:4px}
.hosting-form-card{max-width:none;border-radius:26px}.hosting-form-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.hosting-form-title h2{margin:0 0 4px}.hosting-form-title p{margin:0;color:var(--muted)}.hosting-chip{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe;border-radius:999px;padding:8px 12px;font-weight:750}.hosting-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hosting-form-grid .span-2{grid-column:span 2}
.hosting-list-head{display:flex;align-items:end;justify-content:space-between;margin:24px 0 12px}.hosting-list-head h2{margin:0}.hosting-list-head p{margin:0;color:var(--muted)}.hosting-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:15px}.hosting-final-card{position:relative;background:linear-gradient(180deg,#fff,#fbfaff);border:1px solid var(--line);border-radius:26px;padding:17px;box-shadow:0 16px 38px rgba(15,23,42,.06);overflow:hidden}.hosting-final-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#7c3aed}.hosting-final-card.panel-cpanel:before{background:#ff6a00}.hosting-final-card.panel-plesk:before{background:#0891b2}.hosting-final-card.panel-direct:before{background:#16a34a}.hosting-card-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px}.hosting-card-top h3{margin:0;font-size:18px;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hosting-card-top small{color:var(--muted);font-weight:600}.panel-badge{font-size:12px;font-weight:800;color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:999px;padding:7px 10px;white-space:nowrap}.hosting-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.hosting-info-grid div{background:#fff;border:1px solid #ede9fe;border-radius:17px;padding:11px;min-width:0}.hosting-info-grid span{display:block;color:var(--muted);font-size:12px;font-weight:700;margin-bottom:4px}.hosting-info-grid b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.hosting-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.hosting-empty{grid-column:1/-1;background:#fff;border:1px dashed #cbd5e1;border-radius:22px;padding:24px;color:var(--muted);text-align:center}
@media(max-width:980px){.hosting-final-head{grid-template-columns:1fr}.hosting-stats{grid-template-columns:repeat(3,1fr)}.hosting-form-grid{grid-template-columns:1fr}.hosting-form-grid .span-2{grid-column:auto}}@media(max-width:620px){.hosting-stats{grid-template-columns:1fr}.hosting-card-grid{grid-template-columns:1fr}.hosting-info-grid{grid-template-columns:1fr}.hosting-form-title{display:block}.hosting-chip{display:inline-flex;margin-top:10px}.hosting-card-top{grid-template-columns:auto minmax(0,1fr)}}

/* Paylink Cards + Banks Final */
.finance-final-head{display:flex;justify-content:space-between;gap:22px;align-items:stretch;margin:8px 0 18px;padding:24px;border:1px solid rgba(15,23,42,.08);border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);box-shadow:0 18px 45px rgba(15,23,42,.06)}
.finance-final-head h2{margin:6px 0 6px;font-size:26px;font-weight:650;letter-spacing:-.04em;color:#0f172a}.finance-final-head p{margin:0;color:#64748b;font-size:14px;max-width:680px}.finance-stats{display:flex;align-items:center}.finance-stats div{min-width:150px;border-radius:20px;background:#fff;padding:18px;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 28px rgba(15,23,42,.05);text-align:center}.finance-stats strong{display:block;font-size:28px;line-height:1;font-weight:700;color:#111827}.finance-stats span{display:block;margin-top:8px;color:#64748b;font-size:12px}.cards-eyebrow{background:#fff1f2;color:#be123c}.banks-eyebrow{background:#ecfdf5;color:#047857}.finance-form-card{border-radius:24px;padding:22px}.finance-form-title{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.finance-form-title h2{margin:0;font-weight:650;letter-spacing:-.03em}.finance-form-title p{margin:5px 0 0;color:#64748b;font-size:13px}.finance-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;font-size:13px;font-weight:650}.cards-chip{background:#fff1f2;color:#be123c}.banks-chip{background:#ecfdf5;color:#047857}.finance-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.finance-form-grid .span-2{grid-column:1/-1}.finance-list-head{display:flex;justify-content:space-between;align-items:end;margin:24px 0 12px}.finance-list-head h2{margin:0;font-size:21px;font-weight:650}.finance-list-head p{margin:4px 0 0;color:#64748b;font-size:13px}.finance-empty{grid-column:1/-1;background:#fff;border:1px dashed #cbd5e1;border-radius:20px;padding:26px;text-align:center;color:#64748b}.payment-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:18px}.payment-card-item{display:grid;grid-template-columns:1fr;gap:14px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:16px;box-shadow:0 14px 34px rgba(15,23,42,.06)}.payment-card-visual{min-height:205px;border-radius:24px;padding:22px;color:white;background:linear-gradient(135deg,#111827 0%,#be123c 100%);box-shadow:inset 0 1px rgba(255,255,255,.22),0 18px 34px rgba(190,18,60,.18);position:relative;overflow:hidden}.payment-card-visual:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-62px;top:-72px;background:rgba(255,255,255,.12)}.card-bank-row{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.card-bank-row strong{font-size:17px;font-weight:650}.card-bank-row span{font-size:11px;letter-spacing:.18em;opacity:.72}.card-chip-line{display:flex;align-items:center;gap:10px;margin:34px 0 28px;position:relative;z-index:1}.card-chip-line span{width:44px;height:32px;border-radius:9px;background:linear-gradient(135deg,#fde68a,#f59e0b)}.card-chip-line em{display:block;width:42px;height:3px;border-radius:99px;background:rgba(255,255,255,.45);box-shadow:0 8px rgba(255,255,255,.25),0 16px rgba(255,255,255,.16)}.card-number{font-size:22px;letter-spacing:.08em;font-weight:650;position:relative;z-index:1}.card-meta{display:flex;justify-content:space-between;margin-top:24px;position:relative;z-index:1}.card-meta small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.card-meta b{display:block;margin-top:4px;font-size:13px;color:#fff;letter-spacing:.02em}.payment-card-info h3{margin:2px 0 12px;font-size:18px;font-weight:650;color:#0f172a}.mini-info{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eef2f7;padding:10px 0}.mini-info span{color:#64748b;font-size:12px}.mini-info b{font-size:13px;color:#0f172a;word-break:break-word}.finance-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.bank-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px}.bank-final-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:20px;box-shadow:0 14px 34px rgba(15,23,42,.06);border-left:5px solid #10b981}.bank-card-top{display:flex;gap:12px;align-items:center;margin-bottom:16px}.bank-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:#ecfdf5;color:#047857}.bank-card-top h3{margin:0;font-size:18px;font-weight:650;color:#0f172a}.bank-card-top small{color:#64748b}.bank-iban{background:#f8fafc;border:1px solid #eef2f7;border-radius:16px;padding:13px;margin-bottom:12px}.bank-iban span,.bank-info-grid span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.bank-iban b{font-size:14px;word-break:break-all;color:#0f172a}.bank-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bank-info-grid div{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:10px}.bank-info-grid b{font-size:13px;color:#0f172a;word-break:break-word}
@media(max-width:780px){.finance-final-head{display:block}.finance-stats{margin-top:14px}.finance-form-grid{grid-template-columns:1fr}.payment-card-grid,.bank-card-grid{grid-template-columns:1fr}.bank-info-grid{grid-template-columns:1fr}}

/* Paylink Design System v1 - uniform module sizing (forms/cards only) */
:root{
  --pl-card-radius:22px;
  --pl-card-padding:22px;
  --pl-input-height:48px;
  --pl-card-min-height:0px;
}

/* Uniform form shell */
.card.form,
.domain-form-card,
.hosting-form-card,
.finance-form-card,
.cards-form-card,
.banks-form-card{
  border-radius:var(--pl-card-radius) !important;
  padding:var(--pl-card-padding) !important;
  box-shadow:0 14px 36px rgba(15,23,42,.06) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  background:var(--panel) !important;
}

.domain-form-title,
.hosting-form-title,
.finance-form-title{
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-bottom:16px;
  margin-bottom:18px;
  border-bottom:1px solid var(--line);
}
.domain-form-title h2,
.hosting-form-title h2,
.finance-form-title h2{
  margin:0 0 4px !important;
  font-size:21px !important;
  line-height:1.2 !important;
  font-weight:650 !important;
  letter-spacing:-.025em !important;
}
.domain-form-title p,
.hosting-form-title p,
.finance-form-title p{
  margin:0 !important;
  font-size:13px !important;
  line-height:1.45 !important;
  color:var(--muted) !important;
}

/* Uniform grids */
.domain-form-grid,
.hosting-form-grid,
.finance-form-grid,
.row{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;
  gap:14px !important;
}

/* Uniform fields */
.field{margin-bottom:14px !important;}
.field label{
  min-height:18px;
  display:block;
  margin-bottom:7px !important;
  color:var(--muted) !important;
  font-size:13px !important;
  line-height:18px !important;
  font-weight:600 !important;
}
.field input,
.field textarea,
.field select{
  min-height:var(--pl-input-height) !important;
  height:var(--pl-input-height);
  border-radius:13px !important;
  padding:0 14px !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.3 !important;
  background:var(--panel) !important;
}
.field textarea{
  height:112px !important;
  min-height:112px !important;
  padding:13px 14px !important;
  resize:vertical;
}
.secret-input{display:flex !important;gap:8px !important;align-items:stretch !important;}
.secret-input input{height:var(--pl-input-height) !important;min-height:var(--pl-input-height) !important;}
.secret-input .btn.small{height:var(--pl-input-height) !important;min-height:var(--pl-input-height) !important;white-space:nowrap;}

/* Uniform actions */
.form-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid var(--line);
}
.form-actions .btn,
.card.form .btn,
.domain-form-card .btn,
.hosting-form-card .btn,
.finance-form-card .btn{
  min-height:44px;
  border-radius:13px !important;
  font-size:14px;
  font-weight:650 !important;
}

/* Uniform list cards */
.domain-card-grid,
.hosting-card-grid,
.payment-card-grid,
.bank-card-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}
.domain-final-card,
.hosting-final-card,
.payment-card-item,
.bank-final-card{
  height:100% !important;
  min-height:260px;
  border-radius:24px !important;
  padding:20px !important;
  box-shadow:0 14px 34px rgba(15,23,42,.06) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  background:#fff !important;
  display:flex !important;
  flex-direction:column !important;
}
.domain-card-actions,
.hosting-card-actions,
.finance-card-actions{
  margin-top:auto !important;
  padding-top:14px !important;
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

/* Uniform hero/module headers */
.domain-final-head,
.hosting-final-head,
.finance-final-head{
  border-radius:26px !important;
  padding:24px !important;
  margin-bottom:18px !important;
  min-height:132px !important;
}
.domain-final-head h2,
.hosting-final-head h2,
.finance-final-head h2{
  font-size:26px !important;
  line-height:1.18 !important;
  font-weight:650 !important;
  letter-spacing:-.035em !important;
  margin:6px 0 7px !important;
}
.domain-final-head p,
.hosting-final-head p,
.finance-final-head p{
  font-size:14px !important;
  line-height:1.55 !important;
  margin:0 !important;
}

/* Badges/chips same height */
.domain-chip,
.hosting-chip,
.finance-chip,
.cards-chip,
.banks-chip{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:650 !important;
  white-space:nowrap !important;
}

/* Dark mode card correction */
[data-theme="dark"] .domain-final-card,
[data-theme="dark"] .hosting-final-card,
[data-theme="dark"] .payment-card-item,
[data-theme="dark"] .bank-final-card{background:var(--panel) !important;border-color:var(--line) !important;}
[data-theme="dark"] .field input,
[data-theme="dark"] .field textarea,
[data-theme="dark"] .field select{background:var(--panel2) !important;}

@media(max-width:780px){
  .domain-form-title,.hosting-form-title,.finance-form-title{display:block;min-height:auto;}
  .domain-chip,.hosting-chip,.finance-chip{margin-top:12px;}
  .domain-form-grid,.hosting-form-grid,.finance-form-grid,.row{grid-template-columns:1fr !important;}
  .domain-card-grid,.hosting-card-grid,.payment-card-grid,.bank-card-grid{grid-template-columns:1fr !important;}
}

/* Paylink module summary layout update - only entry forms */
.module-form-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:18px;
  align-items:stretch;
  margin-bottom:18px;
}
.module-form-main{
  min-height:auto!important;
}
.module-form-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.module-form-head h2{margin:0 0 5px;font-size:22px;letter-spacing:-.03em}
.module-form-head p{margin:0;color:var(--muted);font-weight:450}
.module-form-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  padding:7px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--panel2);
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}
.module-row-uniform{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px!important;
}
.module-row-uniform .field{margin:0!important}
.module-row-uniform .field.span-2{grid-column:1 / -1}
.module-row-uniform input,
.module-row-uniform textarea,
.module-row-uniform select{
  width:100%;
  min-height:48px;
}
.module-row-uniform textarea{min-height:112px;resize:vertical}
.module-summary-card{
  --mcolor:#2563eb;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid var(--line);
  border-radius:24px;
  padding:20px;
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
  min-height:100%;
}
.module-summary-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:var(--mcolor);
}
.module-summary-card:after{
  content:"";
  position:absolute;
  right:-48px;
  top:-48px;
  width:145px;
  height:145px;
  border-radius:999px;
  background:color-mix(in srgb,var(--mcolor) 11%,transparent);
}
.summary-icon,.module-summary-card h3,.module-summary-card p,.summary-list{position:relative;z-index:1}
.summary-icon{margin-bottom:14px}
.module-summary-card h3{
  margin:0 0 8px;
  font-size:19px;
  letter-spacing:-.03em;
}
.module-summary-card p{
  color:var(--muted);
  margin:0 0 16px;
  line-height:1.55;
  font-size:14px;
}
.summary-list{
  display:grid;
  gap:10px;
}
.summary-list div{
  background:rgba(255,255,255,.75);
  border:1px solid var(--line);
  border-radius:16px;
  padding:12px;
}
.summary-list span{
  display:block;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  margin-bottom:5px;
}
.summary-list b{
  display:block;
  color:var(--text);
  font-size:14px;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.module-summary-card.mod-domains{--mcolor:#2563eb}.module-summary-card.mod-hosting{--mcolor:#7c3aed}.module-summary-card.mod-ssl{--mcolor:#16a34a}.module-summary-card.mod-servers{--mcolor:#f97316}.module-summary-card.mod-cloudflare{--mcolor:#f59e0b}.module-summary-card.mod-dns{--mcolor:#06b6d4}.module-summary-card.mod-mail{--mcolor:#0ea5e9}.module-summary-card.mod-vault{--mcolor:#4f46e5}.module-summary-card.mod-cards{--mcolor:#ec4899}.module-summary-card.mod-banks{--mcolor:#059669}.module-summary-card.mod-api{--mcolor:#8b5cf6}.module-summary-card.mod-licenses{--mcolor:#ca8a04}.module-summary-card.mod-customers{--mcolor:#0f766e}.module-summary-card.mod-social{--mcolor:#db2777}.module-summary-card.mod-documents{--mcolor:#0891b2}.module-summary-card.mod-notes{--mcolor:#a855f7}.module-summary-card.mod-notifications{--mcolor:#0284c7}.module-summary-card.mod-backup{--mcolor:#64748b}
[data-theme="dark"] .module-summary-card{background:linear-gradient(180deg,var(--panel),var(--panel2))}
[data-theme="dark"] .summary-list div{background:rgba(17,24,39,.65)}
@media(max-width:1180px){
  .module-form-layout{grid-template-columns:1fr}
  .module-summary-card{min-height:auto}
}
@media(max-width:760px){
  .module-row-uniform{grid-template-columns:1fr}
  .module-form-head{display:block}
  .module-form-chip{margin-top:12px}
}

/* Paylink Final - Uniform form/card alignment fix */
:root{
  --paylink-form-input-h:48px;
  --paylink-card-radius:24px;
  --paylink-card-pad:22px;
}

/* Genel form kart standardı */
.card.form,
.domain-form-card,
.hosting-form-card,
.finance-form-card,
.module-form-main{
  width:100%;
  max-width:none!important;
  border-radius:var(--paylink-card-radius)!important;
  padding:var(--paylink-card-pad)!important;
}

/* Başlık alanları aynı hizada */
.domain-form-title,
.hosting-form-title,
.finance-form-title,
.module-form-head{
  min-height:68px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px!important;
}
.domain-form-title h2,
.hosting-form-title h2,
.finance-form-title h2,
.module-form-head h2{
  margin:0 0 5px!important;
  font-size:22px!important;
  line-height:1.18!important;
  font-weight:760!important;
}
.domain-form-title p,
.hosting-form-title p,
.finance-form-title p,
.module-form-head p{
  margin:0!important;
  color:var(--muted)!important;
  font-size:13.5px!important;
  line-height:1.45!important;
}

/* Tüm form gridleri aynı kolon ve boşluk mantığı */
.domain-form-grid,
.hosting-form-grid,
.finance-form-grid,
.module-row-uniform{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:start!important;
}
.domain-form-grid .field,
.hosting-form-grid .field,
.finance-form-grid .field,
.module-row-uniform .field{
  margin:0!important;
  min-width:0!important;
}
.domain-form-grid .span-2,
.hosting-form-grid .span-2,
.finance-form-grid .span-2,
.module-row-uniform .span-2{
  grid-column:1 / -1!important;
}

/* Label, input, textarea, select tek standart */
.field label{
  height:18px;
  margin-bottom:7px!important;
  font-size:13px!important;
  line-height:18px!important;
  font-weight:650!important;
  color:var(--muted)!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.field input,
.field select,
.field textarea{
  width:100%!important;
  border-radius:14px!important;
  border:1px solid var(--line)!important;
  background:var(--panel)!important;
  color:var(--text)!important;
  font-size:14px!important;
  line-height:1.4!important;
  box-shadow:none!important;
}
.field input,
.field select{
  height:var(--paylink-form-input-h)!important;
  padding:0 14px!important;
}
.field textarea{
  min-height:116px!important;
  padding:13px 14px!important;
  resize:vertical;
}
.field input:focus,
.field select:focus,
.field textarea:focus{
  border-color:rgba(37,99,235,.55)!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;
  outline:0!important;
}

/* Şifre göster/gizle inputları hizalı */
.secret-input{
  display:flex!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
}
.secret-input input{
  flex:1 1 auto!important;
  min-width:0!important;
}
.secret-input .secret-toggle,
.secret-input .btn.small{
  height:var(--paylink-form-input-h)!important;
  min-width:78px!important;
  padding:0 13px!important;
  border-radius:14px!important;
  flex:0 0 auto!important;
}

/* Form aksiyonları aynı seviyede */
.form-actions{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  margin-top:18px!important;
  padding-top:16px!important;
  border-top:1px solid var(--line)!important;
}
.form-actions .btn{
  height:46px!important;
  padding:0 18px!important;
  border-radius:14px!important;
}

/* Sağ özet paneli boşlukları ve yükseklik standardı */
.module-form-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}
.module-summary-card{
  min-height:100%!important;
  border-radius:var(--paylink-card-radius)!important;
  padding:22px!important;
}
.summary-list{
  gap:11px!important;
}
.summary-list div{
  min-height:67px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}

/* Liste/kayıt kartları daha eşit dursun */
.domain-final-card,
.hosting-final-card,
.payment-card-item,
.bank-final-card{
  min-height:260px;
  height:100%;
}
.domain-card-grid,
.hosting-card-grid,
.payment-card-grid,
.bank-card-grid{
  align-items:stretch!important;
}
.domain-card-actions,
.hosting-card-actions,
.finance-card-actions{
  margin-top:auto!important;
}

/* Kısa alanlı modüllerde sağdaki boşluk profesyonel görünür */
.module-form-main form,
.domain-form-card form,
.hosting-form-card form,
.finance-form-card form{
  display:flex;
  flex-direction:column;
}

@media(max-width:1180px){
  .module-form-layout{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  .domain-form-title,
  .hosting-form-title,
  .finance-form-title,
  .module-form-head{display:block;min-height:auto;}
  .domain-form-grid,
  .hosting-form-grid,
  .finance-form-grid,
  .module-row-uniform{grid-template-columns:1fr!important;}
  .secret-input{flex-direction:column;}
  .secret-input .secret-toggle,
  .secret-input .btn.small{width:100%!important;}
}

/* Paylink 2.0 SaaS - user/profile/admin layer */
.top-profile{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--text);font-weight:650;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 10px 6px 6px;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.top-profile img{width:34px;height:34px;border-radius:999px;object-fit:cover;border:1px solid var(--line);background:#eff6ff}.profile-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;align-items:start}.profile-card{text-align:center;position:sticky;top:20px}.avatar-big{width:128px;height:128px;border-radius:32px;object-fit:cover;border:1px solid var(--line);box-shadow:0 18px 40px rgba(15,23,42,.10);background:#eff6ff}.profile-card h2{margin:14px 0 4px}.profile-card .field input[type=file]{padding:10px;background:var(--panel2)}.user-mini{display:flex;align-items:center;gap:10px}.user-mini img{width:38px;height:38px;border-radius:14px;object-fit:cover;background:#eff6ff;border:1px solid var(--line)}.user-mini small{display:block;color:var(--muted);margin-top:2px}.admin-user-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.admin-user-form select{height:36px;border-radius:11px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:0 8px}.loginbox .pill{margin-left:4px}.status.ok,.panel.status.ok{background:#ecfdf5;color:#047857;border-color:#bbf7d0}.panel.status.danger{background:#fef2f2;color:#dc2626;border-color:#fecaca}.side .nav-link.mod-customers,.side .nav-link.mod-vault{font-weight:650}
@media(max-width:900px){.profile-layout{grid-template-columns:1fr}.profile-card{position:static}.top-profile span{display:none}.admin-user-form{display:grid;grid-template-columns:1fr}.admin-user-form select,.admin-user-form .btn{width:100%}}

/* Paylink dashboard compact + light sidebar color polish */
:root{
  --side-dashboard:#2563eb;
  --side-tools:#8b5cf6;
  --side-web:#1d4ed8;
  --side-vault:#6366f1;
  --side-business:#14b8a6;
  --side-modules:#64748b;
  --side-users:#06b6d4;
  --side-profile:#a855f7;
  --side-logout:#64748b;
}
/* Açık temada sidebar kartları beyaz, renk sadece ikon/aktif çizgi */
html[data-theme="light"] .side{
  background:#fff!important;
}
html[data-theme="light"] .nav-link.mod-dashboard,
html[data-theme="light"] .nav-link.mod-modules,
html[data-theme="light"] .side > .nav-link.mod-customers,
html[data-theme="light"] .side > .nav-link.mod-vault,
html[data-theme="light"] .side > a[href="logout.php"],
html[data-theme="light"] .nav-group summary{
  background:#fff!important;
  border:1px solid #dbe7f5!important;
  box-shadow:0 10px 24px rgba(15,23,42,.045)!important;
  color:#0f172a!important;
  position:relative;
  overflow:hidden;
}
html[data-theme="light"] .nav-link.mod-dashboard{--accent:var(--side-dashboard)}
html[data-theme="light"] .group-ai{--accent:var(--side-tools)}
html[data-theme="light"] .group-domains{--accent:var(--side-web)}
html[data-theme="light"] .group-vault{--accent:var(--side-vault)}
html[data-theme="light"] .group-customers{--accent:var(--side-business)}
html[data-theme="light"] .nav-link.mod-modules{--accent:var(--side-modules)}
html[data-theme="light"] .side > .nav-link.mod-customers{--accent:var(--side-users)}
html[data-theme="light"] .side > .nav-link.mod-vault{--accent:var(--side-profile)}
html[data-theme="light"] .side > a[href="logout.php"]{--accent:var(--side-logout)}
html[data-theme="light"] .nav-link.mod-dashboard:before,
html[data-theme="light"] .nav-link.mod-modules:before,
html[data-theme="light"] .side > .nav-link.mod-customers:before,
html[data-theme="light"] .side > .nav-link.mod-vault:before,
html[data-theme="light"] .side > a[href="logout.php"]:before,
html[data-theme="light"] .nav-group summary:before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:0 999px 999px 0;
  background:transparent;
}
html[data-theme="light"] .nav-link.mod-dashboard.active:before,
html[data-theme="light"] .nav-link.mod-dashboard:hover:before,
html[data-theme="light"] .nav-link.mod-modules.active:before,
html[data-theme="light"] .nav-link.mod-modules:hover:before,
html[data-theme="light"] .side > .nav-link.mod-customers.active:before,
html[data-theme="light"] .side > .nav-link.mod-customers:hover:before,
html[data-theme="light"] .side > .nav-link.mod-vault.active:before,
html[data-theme="light"] .side > .nav-link.mod-vault:hover:before,
html[data-theme="light"] .side > a[href="logout.php"]:hover:before,
html[data-theme="light"] .nav-group[open] summary:before,
html[data-theme="light"] .nav-group summary:hover:before{
  background:var(--accent)!important;
}
html[data-theme="light"] .nav-link.mod-dashboard .ico,
html[data-theme="light"] .nav-link.mod-modules .ico,
html[data-theme="light"] .side > .nav-link.mod-customers .ico,
html[data-theme="light"] .side > .nav-link.mod-vault .ico,
html[data-theme="light"] .side > a[href="logout.php"] .ico,
html[data-theme="light"] .nav-group summary .ico{
  color:var(--accent)!important;
  background:color-mix(in srgb,var(--accent) 10%,#fff)!important;
  border-color:color-mix(in srgb,var(--accent) 24%,transparent)!important;
}
html[data-theme="light"] .nav-link.mod-dashboard:hover,
html[data-theme="light"] .nav-link.mod-dashboard.active,
html[data-theme="light"] .nav-link.mod-modules:hover,
html[data-theme="light"] .nav-link.mod-modules.active,
html[data-theme="light"] .side > .nav-link.mod-customers:hover,
html[data-theme="light"] .side > .nav-link.mod-customers.active,
html[data-theme="light"] .side > .nav-link.mod-vault:hover,
html[data-theme="light"] .side > .nav-link.mod-vault.active,
html[data-theme="light"] .nav-group summary:hover,
html[data-theme="light"] .nav-group[open] summary{
  background:#f8fbff!important;
  border-color:color-mix(in srgb,var(--accent) 28%,#dbe7f5)!important;
  color:var(--accent)!important;
  transform:translateY(-1px);
}
html[data-theme="light"] .side > a[href="logout.php"]:hover{
  --accent:#ef4444!important;
  background:#fff5f5!important;
  border-color:#fecaca!important;
  color:#dc2626!important;
}
/* Koyu temada çıkış hariç mevcut koyu premium görünüm korunur */
html[data-theme="dark"] .side > a[href="logout.php"]{--accent:#64748b}
html[data-theme="dark"] .side > a[href="logout.php"]:hover{--accent:#ef4444;color:#fca5a5!important;border-color:#7f1d1d!important;background:rgba(239,68,68,.10)!important}

/* Dashboard modül kartlarını minimize et */
.premium-grid{
  grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;
  gap:12px!important;
  margin-top:14px!important;
}
.module-tile{
  min-height:96px!important;
  height:96px!important;
  border-radius:20px!important;
  padding:13px 14px 12px 15px!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:12px!important;
  row-gap:6px!important;
  box-shadow:0 10px 24px rgba(15,23,42,.055)!important;
}
.module-tile:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 36px rgba(15,23,42,.09)!important;
}
.module-tile .tile-accent{
  width:3px!important;
  top:12px!important;
  bottom:12px!important;
  border-radius:0 999px 999px 0!important;
}
.module-tile .tile-top{
  display:contents!important;
}
.module-tile .tile-top .ico{
  grid-column:1;
  grid-row:1 / span 2;
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
}
.module-tile .tile-label{
  grid-column:2;
  grid-row:1;
  align-self:end;
  font-size:14px!important;
  font-weight:750!important;
  color:var(--text)!important;
  max-width:100%;
}
.module-tile .tile-count{
  grid-column:3;
  grid-row:1 / span 2;
  justify-self:end;
  align-self:center;
  font-size:32px!important;
  line-height:1!important;
  margin:0!important;
  letter-spacing:-.06em!important;
}
.module-tile .tile-foot{
  grid-column:2;
  grid-row:2;
  margin:0!important;
  align-self:start;
  display:flex!important;
  justify-content:flex-start!important;
  gap:8px!important;
  font-size:12.5px!important;
}
.module-tile .tile-foot span{
  color:var(--muted)!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.module-tile .tile-foot em{
  position:absolute;
  right:13px;
  bottom:10px;
  width:28px;
  height:28px;
  border-radius:10px;
  display:grid;
  place-items:center;
  font-size:0;
  background:color-mix(in srgb,var(--mcolor) 10%,#fff);
  border:1px solid color-mix(in srgb,var(--mcolor) 22%,transparent);
}
.module-tile .tile-foot em:after{
  content:"→";
  font-size:16px;
  color:var(--mcolor);
  line-height:1;
}
/* Hızlı ekle bölümü zaten kompakt; biraz daha sıkılaştır */
.quick-actions.premium-panel{padding:16px!important;border-radius:24px!important}.quick-action-grid{gap:10px!important}.quick-action{min-height:74px!important;border-radius:18px!important;padding:12px 12px 12px 16px!important}.quick-action .ico{width:38px!important;height:38px!important;border-radius:13px!important}.quick-btn{padding:6px 9px!important;font-size:11.5px!important}
@media(max-width:900px){
  .premium-grid{display:flex!important;overflow-x:auto!important;grid-template-columns:none!important;padding-bottom:8px;scroll-snap-type:x mandatory}
  .module-tile{min-width:220px!important;scroll-snap-align:start}
}

/* Paylink UI Polish v2 - Light sidebar uniform cards + compact dashboard cards */
:root{
  --side-dashboard:#2563eb;
  --side-tools:#8b5cf6;
  --side-web:#1d4ed8;
  --side-vault:#6366f1;
  --side-business:#14b8a6;
  --side-modules:#64748b;
  --side-users:#06b6d4;
  --side-profile:#a855f7;
  --side-logout:#64748b;
}

/* LIGHT THEME: kurumsal beyaz kart + renk sadece ikon ve aktif şerit */
html[data-theme="light"] .side{
  background:#ffffff!important;
  border-right:1px solid #e5edf7!important;
}

html[data-theme="light"] .nav-link.mod-dashboard{--accent:var(--side-dashboard)!important}
html[data-theme="light"] .group-ai{--accent:var(--side-tools)!important}
html[data-theme="light"] .group-domains{--accent:var(--side-web)!important}
html[data-theme="light"] .group-vault{--accent:var(--side-vault)!important}
html[data-theme="light"] .group-customers{--accent:var(--side-business)!important}
html[data-theme="light"] .nav-link.mod-modules{--accent:var(--side-modules)!important}
html[data-theme="light"] .side > .nav-link.mod-customers{--accent:var(--side-users)!important}
html[data-theme="light"] .side > .nav-link.mod-vault{--accent:var(--side-profile)!important}
html[data-theme="light"] .side > a[href="logout.php"]{--accent:var(--side-logout)!important}

html[data-theme="light"] .nav-link.mod-dashboard::before,
html[data-theme="light"] .nav-link.mod-modules::before,
html[data-theme="light"] .side > .nav-link.mod-customers::before,
html[data-theme="light"] .side > .nav-link.mod-vault::before,
html[data-theme="light"] .side > a[href="logout.php"]::before,
html[data-theme="light"] .nav-group > summary::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:10px!important;
  bottom:10px!important;
  width:3px!important;
  border-radius:0 999px 999px 0!important;
  background:transparent!important;
}
html[data-theme="light"] .nav-link.mod-dashboard.active::before,
html[data-theme="light"] .nav-link.mod-dashboard:hover::before,
html[data-theme="light"] .nav-link.mod-modules.active::before,
html[data-theme="light"] .nav-link.mod-modules:hover::before,
html[data-theme="light"] .side > .nav-link.mod-customers.active::before,
html[data-theme="light"] .side > .nav-link.mod-customers:hover::before,
html[data-theme="light"] .side > .nav-link.mod-vault.active::before,
html[data-theme="light"] .side > .nav-link.mod-vault:hover::before,
html[data-theme="light"] .nav-group[open] > summary::before,
html[data-theme="light"] .nav-group > summary:hover::before{
  background:var(--accent)!important;
}
html[data-theme="light"] .side > a[href="logout.php"]:hover::before{background:#ef4444!important}

html[data-theme="light"] .nav-link.mod-dashboard .ico,
html[data-theme="light"] .nav-link.mod-modules .ico,
html[data-theme="light"] .side > .nav-link.mod-customers .ico,
html[data-theme="light"] .side > .nav-link.mod-vault .ico,
html[data-theme="light"] .side > a[href="logout.php"] .ico,
html[data-theme="light"] .nav-group > summary .ico{
  width:32px!important;
  height:32px!important;
  border-radius:12px!important;
  color:var(--accent)!important;
  background:color-mix(in srgb,var(--accent) 10%,#fff)!important;
  border:1px solid color-mix(in srgb,var(--accent) 24%,transparent)!important;
}
html[data-theme="light"] .nav-link.mod-dashboard:hover,
html[data-theme="light"] .nav-link.mod-dashboard.active,
html[data-theme="light"] .nav-link.mod-modules:hover,
html[data-theme="light"] .nav-link.mod-modules.active,
html[data-theme="light"] .side > .nav-link.mod-customers:hover,
html[data-theme="light"] .side > .nav-link.mod-customers.active,
html[data-theme="light"] .side > .nav-link.mod-vault:hover,
html[data-theme="light"] .side > .nav-link.mod-vault.active,
html[data-theme="light"] .nav-group > summary:hover,
html[data-theme="light"] .nav-group[open] > summary{
  background:#f8fbff!important;
  border-color:color-mix(in srgb,var(--accent) 34%,#dbe7f5)!important;
  color:var(--accent)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.055)!important;
}
html[data-theme="light"] .side > a[href="logout.php"]:hover{
  --accent:#ef4444!important;
  background:#fff7f7!important;
  border-color:#fecaca!important;
  color:#dc2626!important;
}
html[data-theme="light"] .nav-sub{
  margin-left:10px!important;
  padding-left:8px!important;
  border-left:1px solid rgba(148,163,184,.16)!important;
}

/* DARK THEME: sidebar linkleri okunur kalsın, çıkış sadece hover'da kırmızı */
html[data-theme="dark"] .nav-link.mod-dashboard,
html[data-theme="dark"] .nav-link.mod-modules,
html[data-theme="dark"] .side > .nav-link.mod-customers,
html[data-theme="dark"] .side > .nav-link.mod-vault,
html[data-theme="dark"] .side > a[href="logout.php"],
html[data-theme="dark"] .nav-group > summary{
  color:#e5e7eb!important;
  border-color:#263244!important;
}
html[data-theme="dark"] .side > a[href="logout.php"]{--accent:#64748b!important}
html[data-theme="dark"] .side > a[href="logout.php"]:hover{
  --accent:#ef4444!important;
  background:rgba(239,68,68,.12)!important;
  border-color:rgba(239,68,68,.35)!important;
  color:#fecaca!important;
}

/* Dashboard module cards: daha minimal ve kompakt */
.premium-grid{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
  gap:11px!important;
  margin-top:14px!important;
}
.module-tile{
  min-height:86px!important;
  height:86px!important;
  border-radius:18px!important;
  padding:12px 13px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  grid-template-rows:1fr 1fr!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:2px!important;
  box-shadow:0 9px 22px rgba(15,23,42,.05)!important;
}
.module-tile:hover{transform:translateY(-2px)!important;box-shadow:0 16px 32px rgba(15,23,42,.08)!important}
.module-tile .tile-accent{width:3px!important;top:12px!important;bottom:12px!important;border-radius:0 999px 999px 0!important}
.module-tile .tile-top{display:contents!important}
.module-tile .tile-top .ico{grid-column:1!important;grid-row:1 / span 2!important;width:38px!important;height:38px!important;border-radius:13px!important}
.module-tile .tile-label{grid-column:2!important;grid-row:1!important;align-self:end!important;font-size:13.5px!important;font-weight:750!important;color:var(--text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.module-tile .tile-count{grid-column:3!important;grid-row:1 / span 2!important;align-self:center!important;justify-self:end!important;font-size:28px!important;line-height:1!important;margin:0!important;letter-spacing:-.06em!important}
.module-tile .tile-foot{grid-column:2!important;grid-row:2!important;margin:0!important;align-self:start!important;display:flex!important;justify-content:flex-start!important;gap:6px!important;font-size:12px!important;min-width:0!important}
.module-tile .tile-foot span{color:var(--muted)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.module-tile .tile-foot em{position:absolute!important;right:10px!important;bottom:8px!important;width:25px!important;height:25px!important;border-radius:9px!important;display:grid!important;place-items:center!important;font-size:0!important;background:color-mix(in srgb,var(--mcolor) 10%,#fff)!important;border:1px solid color-mix(in srgb,var(--mcolor) 22%,transparent)!important}
.module-tile .tile-foot em::after{content:"→"!important;font-size:15px!important;color:var(--mcolor)!important;line-height:1!important}

/* Hızlı ekle daha sıkı */
.quick-actions.premium-panel{padding:14px 16px!important;border-radius:22px!important}.quick-action-grid{gap:9px!important}.quick-action{min-height:68px!important;border-radius:16px!important;padding:10px 11px 10px 15px!important;grid-template-columns:36px minmax(0,1fr) auto!important}.quick-action .ico{width:36px!important;height:36px!important;border-radius:12px!important}.quick-copy b{font-size:13.5px!important}.quick-copy small{font-size:12px!important}.quick-btn{padding:5px 8px!important;font-size:11px!important}
@media(max-width:900px){
  .premium-grid{display:flex!important;overflow-x:auto!important;grid-template-columns:none!important;padding-bottom:8px!important;scroll-snap-type:x mandatory!important}
  .module-tile{min-width:210px!important;scroll-snap-align:start!important}
}

/* === Paylink requested sidebar + dashboard compact final === */
:root{
  --side-dashboard:#2563eb;
  --side-tools:#8b5cf6;
  --side-web:#1d4ed8;
  --side-vault:#6366f1;
  --side-business:#14b8a6;
  --side-modules:#64748b;
  --side-updates:#f59e0b;
  --side-users:#06b6d4;
  --side-profile:#a855f7;
  --side-logout:#64748b;
}
.side .nav-link,
.side .nav-group summary{
  height:48px;
  width:100%;
  border-radius:16px;
  margin:7px 0;
  padding:9px 10px;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  text-transform:none!important;
  text-decoration:none;
  background:#fff!important;
  border:1px solid color-mix(in srgb,var(--side-color,#2563eb) 22%,#dbe4f0)!important;
  color:var(--text)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.045)!important;
  position:relative;
  overflow:hidden;
}
.side .nav-link:before,
.side .nav-group summary:before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width:3px;
  border-radius:0 999px 999px 0;
  background:transparent;
  transition:.16s ease;
}
.side .nav-link .ico,
.side .nav-group summary .ico{
  display:inline-grid!important;
  width:32px!important;
  height:32px!important;
  border-radius:12px!important;
  flex:0 0 auto;
  color:var(--side-color,#2563eb)!important;
  background:color-mix(in srgb,var(--side-color,#2563eb) 12%,#fff)!important;
  border:1px solid color-mix(in srgb,var(--side-color,#2563eb) 25%,transparent)!important;
}
.side .nav-link span:not(.ico):not(.nav-badge),
.side .nav-group summary span:not(.ico){
  color:var(--text)!important;
  font-size:14px!important;
  font-weight:700!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.side .nav-link:hover,
.side .nav-link.active,
.side .nav-group[open] summary,
.side .nav-group summary:hover{
  background:color-mix(in srgb,var(--side-color,#2563eb) 8%,#fff)!important;
  border-color:color-mix(in srgb,var(--side-color,#2563eb) 45%,#dbe4f0)!important;
  transform:translateY(-1px);
}
.side .nav-link:hover:before,
.side .nav-link.active:before,
.side .nav-group[open] summary:before,
.side .nav-group summary:hover:before{background:var(--side-color,#2563eb)}
.nav-link.mod-dashboard{--side-color:var(--side-dashboard)}
.nav-group.group-ai{--side-color:var(--side-tools)}
.nav-group.group-domains{--side-color:var(--side-web)}
.nav-group.group-vault{--side-color:var(--side-vault)}
.nav-group.group-customers{--side-color:var(--side-business)}
.nav-link.mod-modules{--side-color:var(--side-modules)}
.nav-link.mod-updates{--side-color:var(--side-updates)}
.nav-link.mod-users{--side-color:var(--side-users)}
.nav-link.mod-profile{--side-color:var(--side-profile)}
.nav-link.mod-logout{--side-color:var(--side-logout)}
.nav-link.mod-logout:hover{--side-color:#ef4444;background:color-mix(in srgb,#ef4444 8%,#fff)!important;border-color:color-mix(in srgb,#ef4444 38%,#dbe4f0)!important}
.side-system-actions{margin-top:10px;display:block!important}.side-system-actions .nav-link{display:flex!important}.nav-sub{padding:6px 0 8px 10px;margin-left:10px;border-left:1px solid rgba(148,163,184,.18)}
.nav-sub .nav-link.sub{height:40px;border:0!important;box-shadow:none!important;background:transparent!important;margin:3px 0;font-weight:600!important}.nav-sub .nav-link.sub:hover,.nav-sub .nav-link.sub.active{background:color-mix(in srgb,var(--accent) 10%,transparent)!important}.nav-sub .nav-link.sub:before{display:none}.nav-sub .nav-link.sub span:not(.ico):not(.nav-badge){font-weight:650!important}
.nav-badge{margin-left:auto;background:color-mix(in srgb,var(--side-color,#2563eb) 10%,#fff)!important;border-color:color-mix(in srgb,var(--side-color,#2563eb) 25%,transparent)!important;color:var(--side-color,#2563eb)!important}
[data-theme="dark"] .side{background:#f8fbff!important;color:#0f172a!important}[data-theme="dark"] .side .brand span:last-child{color:#e2e8f0!important}[data-theme="dark"] .side .nav-link,[data-theme="dark"] .side .nav-group summary{background:#fff!important;color:#0f172a!important;border-color:color-mix(in srgb,var(--side-color,#2563eb) 24%,#dbe4f0)!important;box-shadow:0 12px 25px rgba(0,0,0,.10)!important}[data-theme="dark"] .side .nav-link span:not(.ico):not(.nav-badge),[data-theme="dark"] .side .nav-group summary span:not(.ico){color:#0f172a!important}[data-theme="dark"] .side .nav-link:hover,[data-theme="dark"] .side .nav-link.active,[data-theme="dark"] .side .nav-group[open] summary,[data-theme="dark"] .side .nav-group summary:hover{background:color-mix(in srgb,var(--side-color,#2563eb) 10%,#fff)!important}

.dashboard-modules-accordion{margin-top:18px}.dashboard-modules-accordion>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:14px 18px;box-shadow:0 12px 30px rgba(15,23,42,.055);cursor:pointer}.dashboard-modules-accordion>summary::-webkit-details-marker{display:none}.dashboard-modules-accordion>summary:after{content:"Aç/Kapat";font-size:12px;font-weight:750;color:var(--accent);background:var(--soft);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:999px;padding:7px 10px}.accordion-title{font-size:18px;font-weight:800;letter-spacing:-.03em}.accordion-subtitle{font-size:13px;color:var(--muted);margin-left:10px;font-weight:500}.compact-module-grid{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:12px;margin-top:12px}.compact-module-tile{min-height:92px!important;height:92px;padding:13px 13px 12px 16px!important;border-radius:18px!important;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;position:relative}.compact-module-tile .tile-accent{width:3px!important}.compact-module-tile .tile-top{grid-column:1/2;gap:10px;min-width:0}.compact-module-tile .ico{width:38px;height:38px;border-radius:14px}.compact-module-tile .ico svg{width:18px;height:18px}.compact-module-tile .tile-label{font-size:14px;font-weight:720;max-width:120px}.compact-module-tile .tile-count{grid-column:2/3;grid-row:1/3;margin:0 26px 0 10px;font-size:31px!important;font-weight:600!important;letter-spacing:-.04em;line-height:1;color:var(--text)}.compact-module-tile .tile-foot{grid-column:1/3;margin:2px 0 0 48px;font-size:12.5px}.compact-module-tile .tile-foot em{position:absolute;right:11px;bottom:10px;width:27px;height:27px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--mcolor,#2563eb) 12%,#fff);border:1px solid color-mix(in srgb,var(--mcolor,#2563eb) 25%,transparent);color:var(--mcolor,#2563eb);font-size:15px;font-weight:800}.quick-actions{padding:16px!important}.quick-action-grid{gap:10px}.quick-action{min-height:72px!important;height:72px;padding:10px 12px 10px 16px!important;border-radius:16px!important}.quick-action .ico{width:36px;height:36px;border-radius:13px}.quick-copy b{font-size:14px}.quick-copy small{font-size:12px}.quick-btn{padding:6px 10px;font-size:12px}.premium-grid{gap:12px}
[data-theme="dark"] .dashboard-modules-accordion>summary{background:var(--panel);border-color:var(--line)}[data-theme="dark"] .compact-module-tile .tile-foot em{background:color-mix(in srgb,var(--mcolor,#2563eb) 16%,#0b1020)}
@media(max-width:900px){.compact-module-grid{grid-template-columns:1fr}.compact-module-tile{height:auto;min-height:86px}.accordion-subtitle{display:none}}

/* Paylink sidebar spacing-only fix: sadece kart aralıkları */
.side .nav-group{
  margin:4px 0!important;
}
.side .nav-link,
.side .nav-group summary{
  margin:4px 0!important;
}
.side-system-actions{
  margin-top:4px!important;
}
.side .nav-sub{
  margin-top:4px!important;
  margin-bottom:4px!important;
  padding-top:4px!important;
  padding-bottom:4px!important;
}

/* ==========================================================
   PAYLINK SIDEBAR FINAL OVERRIDE
   Sadece sidebar oran/aralık/hover/alt modül inceliği.
   Başka bölüme dokunmaz.
   ========================================================== */

/* Sidebar genel ölçü */
.side{
  width:250px!important;
  padding:16px 12px!important;
  background:var(--sidebar)!important;
}
.main{margin-left:250px!important;}
.side .brand{margin:0 4px 16px!important;}

/* Ana kartlar: tek ölçü, tek ritim */
.side > .nav-link,
.side > .nav-group,
.side > .side-system-actions > .nav-link{
  margin:0 0 8px 0!important;
}

.side > .nav-link,
.side > .nav-group > summary,
.side > .side-system-actions > .nav-link{
  height:48px!important;
  min-height:48px!important;
  width:100%!important;
  padding:0 11px!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  border:1px solid var(--line)!important;
  background:var(--panel)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.045)!important;
  color:var(--text)!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:-.01em!important;
  text-transform:none!important;
  transform:none!important;
  overflow:hidden!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}

/* Ana kart yazıları */
.side > .nav-link span:not(.ico):not(.nav-badge),
.side > .nav-group > summary span:not(.ico):not(.nav-badge),
.side > .side-system-actions > .nav-link span:not(.ico):not(.nav-badge){
  font-size:14px!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  min-width:0!important;
  color:inherit!important;
}

/* Ana kart ikon kutuları */
.side > .nav-link .ico,
.side > .nav-group > summary .ico,
.side > .side-system-actions > .nav-link .ico{
  display:inline-grid!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border-radius:12px!important;
  place-items:center!important;
  background:color-mix(in srgb,var(--accent) 10%,var(--panel))!important;
  color:var(--accent)!important;
  border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)!important;
  box-shadow:none!important;
}
.side > .nav-link .ico svg,
.side > .nav-group > summary .ico svg,
.side > .side-system-actions > .nav-link .ico svg{
  width:16px!important;
  height:16px!important;
}

/* Ana kart hover/aktif: renk değişsin ama ölçü bozulmasın */
.side > .nav-link:hover,
.side > .nav-link.active,
.side > .nav-group > summary:hover,
.side > .nav-group[open] > summary,
.side > .side-system-actions > .nav-link:hover,
.side > .side-system-actions > .nav-link.active{
  background:color-mix(in srgb,var(--accent) 9%,var(--panel))!important;
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line))!important;
  color:var(--accent)!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 10%,transparent)!important;
  transform:none!important;
}

/* Aktif sol ince şerit */
.side > .nav-link,
.side > .nav-group > summary,
.side > .side-system-actions > .nav-link{
  position:relative!important;
}
.side > .nav-link.active:before,
.side > .nav-group[open] > summary:before,
.side > .side-system-actions > .nav-link.active:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:10px!important;
  bottom:10px!important;
  width:3px!important;
  border-radius:0 999px 999px 0!important;
  background:var(--accent)!important;
}

/* Alt modül alanı: ince/sade */
.side .nav-sub{
  margin:0 0 8px 15px!important;
  padding:4px 0 3px 9px!important;
  border-left:1px solid color-mix(in srgb,var(--muted) 18%,transparent)!important;
}

/* Alt modül kartları: ana karttan daha ince */
.side .nav-link.sub{
  height:34px!important;
  min-height:34px!important;
  margin:0 0 4px 0!important;
  padding:0 9px!important;
  border-radius:11px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1!important;
  color:var(--muted)!important;
  gap:8px!important;
  transform:none!important;
}

.side .nav-link.sub span:not(.ico):not(.nav-badge){
  font-size:13px!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
}

/* Alt modül ikonları küçük */
.side .nav-link.sub .ico,
.side .nav-link.sub .ico.mini{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:9px!important;
  background:color-mix(in srgb,var(--accent) 8%,var(--panel))!important;
  border-color:color-mix(in srgb,var(--accent) 16%,transparent)!important;
}
.side .nav-link.sub .ico svg,
.side .nav-link.sub .ico.mini svg{
  width:13px!important;
  height:13px!important;
}

/* Alt modül hover/aktif */
.side .nav-link.sub:hover,
.side .nav-link.sub.active{
  background:color-mix(in srgb,var(--accent) 8%,var(--panel))!important;
  border-color:color-mix(in srgb,var(--accent) 18%,transparent)!important;
  color:var(--accent)!important;
}

/* Badge oranı */
.side .nav-badge{
  margin-left:auto!important;
  min-width:22px!important;
  height:22px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:600!important;
  background:var(--panel2)!important;
  color:var(--muted)!important;
  border:1px solid var(--line)!important;
}
.side .nav-link:hover .nav-badge,
.side .nav-link.active .nav-badge,
.side .nav-group[open] > summary .nav-badge{
  background:color-mix(in srgb,var(--accent) 10%,var(--panel))!important;
  color:var(--accent)!important;
  border-color:color-mix(in srgb,var(--accent) 22%,transparent)!important;
}

/* Sistem aksiyonları varsa aynı ritim */
.side-system-actions{
  margin:0!important;
  padding:0!important;
}

/* Çıkış özel: normalde gri, hover kırmızı */
.side .nav-link.mod-logout,
.side a[href*="logout"]{
  --accent:#64748b;
}
.side .nav-link.mod-logout:hover,
.side a[href*="logout"]:hover{
  --accent:#dc2626;
}

/* Koyu tema: zeminler eşit, renk sadece ikon/aktif/hover */
[data-theme="dark"] .side{
  background:var(--sidebar)!important;
}
[data-theme="dark"] .side > .nav-link,
[data-theme="dark"] .side > .nav-group > summary,
[data-theme="dark"] .side > .side-system-actions > .nav-link{
  background:var(--panel)!important;
  border-color:var(--line)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
[data-theme="dark"] .side > .nav-link:hover,
[data-theme="dark"] .side > .nav-link.active,
[data-theme="dark"] .side > .nav-group > summary:hover,
[data-theme="dark"] .side > .nav-group[open] > summary,
[data-theme="dark"] .side > .side-system-actions > .nav-link:hover,
[data-theme="dark"] .side > .side-system-actions > .nav-link.active{
  background:color-mix(in srgb,var(--accent) 13%,var(--panel))!important;
  border-color:color-mix(in srgb,var(--accent) 28%,var(--line))!important;
}
[data-theme="dark"] .side .nav-link.sub{
  background:transparent!important;
}
[data-theme="dark"] .side .nav-link.sub:hover,
[data-theme="dark"] .side .nav-link.sub.active{
  background:color-mix(in srgb,var(--accent) 12%,var(--panel))!important;
}

/* Mobil */
@media(max-width:900px){
  .side{position:static!important;width:100%!important;height:auto!important;}
  .main{margin-left:0!important;}
}


/* =========================================================
   PAYLINK FINAL LOCK - SIDEBAR ORAN + DASHBOARD KART HIZASI
   Sadece sidebar aralıkları ve dashboard modül kart düzeni.
   ========================================================= */

/* SIDEBAR: ana kartların aralığı tek ölçü */
.side{
  padding:14px 10px!important;
}
.side .brand{
  margin:0 4px 14px!important;
}
.side > .nav-link,
.side > .nav-group > summary,
.side > .side-system-actions > .nav-link{
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  border-radius:16px!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
.side > .nav-link,
.side > .nav-group,
.side > .side-system-actions > .nav-link{
  margin-bottom:8px!important;
}
.side > .nav-group{
  margin-top:0!important;
  padding:0!important;
  border-radius:16px!important;
  overflow:visible!important;
}
.side > .nav-group > summary{
  margin-bottom:0!important;
}
.side .side-system-actions{
  margin:0!important;
  padding:0!important;
  display:block!important;
}
.side > .nav-link span:not(.ico):not(.nav-badge),
.side > .nav-group > summary span:not(.ico):not(.nav-badge),
.side > .side-system-actions > .nav-link span:not(.ico):not(.nav-badge){
  display:block!important;
  transform:translateY(1px)!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.side > .nav-link .ico,
.side > .nav-group > summary .ico,
.side > .side-system-actions > .nav-link .ico{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  flex:0 0 32px!important;
}
.side .nav-badge{
  margin-left:auto!important;
  flex:0 0 auto!important;
}

/* Sidebar alt modüller: ince, ana karttan ayrı ritim */
.side .nav-sub{
  margin:6px 0 8px 14px!important;
  padding:3px 0 2px 8px!important;
  border-left:1px solid color-mix(in srgb,var(--muted) 16%,transparent)!important;
}
.side .nav-link.sub{
  height:34px!important;
  min-height:34px!important;
  margin:0 0 4px 0!important;
  padding:0 9px!important;
  border-radius:11px!important;
  box-shadow:none!important;
  background:transparent!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.side .nav-link.sub .ico,
.side .nav-link.sub .ico.mini{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  flex:0 0 24px!important;
}

/* Hover: sadece renklenir, ölçü oynatmaz */
.side > .nav-link:hover,
.side > .nav-link.active,
.side > .nav-group > summary:hover,
.side > .nav-group[open] > summary,
.side > .side-system-actions > .nav-link:hover,
.side > .side-system-actions > .nav-link.active{
  transform:none!important;
  background:color-mix(in srgb,var(--accent) 10%,var(--panel))!important;
  border-color:color-mix(in srgb,var(--accent) 30%,var(--line))!important;
  color:var(--accent)!important;
}
.side .nav-link.sub:hover,
.side .nav-link.sub.active{
  background:color-mix(in srgb,var(--accent) 8%,var(--panel))!important;
  color:var(--accent)!important;
  border-color:color-mix(in srgb,var(--accent) 18%,transparent)!important;
}
[data-theme="dark"] .side > .nav-link,
[data-theme="dark"] .side > .nav-group > summary,
[data-theme="dark"] .side > .side-system-actions > .nav-link{
  color:var(--text)!important;
  background:var(--panel)!important;
}
[data-theme="dark"] .side > .nav-link:hover,
[data-theme="dark"] .side > .nav-link.active,
[data-theme="dark"] .side > .nav-group > summary:hover,
[data-theme="dark"] .side > .nav-group[open] > summary,
[data-theme="dark"] .side > .side-system-actions > .nav-link:hover,
[data-theme="dark"] .side > .side-system-actions > .nav-link.active{
  color:var(--accent)!important;
  background:color-mix(in srgb,var(--accent) 13%,var(--panel))!important;
}

/* DASHBOARD: kart içindeki başlık, sayı ve ok çakışmasını kesin düzelt */
.compact-module-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.compact-module-tile.module-tile{
  height:92px!important;
  min-height:92px!important;
  padding:12px 12px 12px 16px!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 34px 30px!important;
  grid-template-rows:1fr 1fr!important;
  column-gap:10px!important;
  row-gap:0!important;
  align-items:center!important;
  overflow:hidden!important;
  position:relative!important;
}
.compact-module-tile .tile-accent{
  position:absolute!important;
  left:0!important;
  top:14px!important;
  bottom:14px!important;
  width:3px!important;
  border-radius:0 999px 999px 0!important;
}
.compact-module-tile .tile-top,
.compact-module-tile .tile-foot{
  display:contents!important;
}
.compact-module-tile .tile-top .ico,
.compact-module-tile .ico{
  grid-column:1!important;
  grid-row:1 / 3!important;
  align-self:center!important;
  justify-self:start!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:13px!important;
  margin:0!important;
}
.compact-module-tile .tile-top .ico svg,
.compact-module-tile .ico svg{
  width:17px!important;
  height:17px!important;
}
.compact-module-tile .tile-label{
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
  justify-self:stretch!important;
  max-width:none!important;
  width:100%!important;
  min-width:0!important;
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:13.5px!important;
  line-height:1.15!important;
  margin:0!important;
  color:var(--text)!important;
}
.compact-module-tile .tile-foot span{
  grid-column:2!important;
  grid-row:2!important;
  align-self:start!important;
  min-width:0!important;
  width:100%!important;
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1.2!important;
  margin-top:3px!important;
  color:var(--muted)!important;
}
.compact-module-tile .tile-count{
  grid-column:3!important;
  grid-row:1 / 3!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
  padding:0!important;
  font-size:29px!important;
  line-height:1!important;
  font-weight:500!important;
  letter-spacing:-.04em!important;
  color:var(--text)!important;
  min-width:26px!important;
  text-align:right!important;
}
.compact-module-tile .tile-foot em{
  grid-column:4!important;
  grid-row:1 / 3!important;
  align-self:end!important;
  justify-self:end!important;
  position:static!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  border-radius:9px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  font-size:0!important;
  line-height:1!important;
  background:color-mix(in srgb,var(--mcolor,#2563eb) 11%,var(--panel))!important;
  border:1px solid color-mix(in srgb,var(--mcolor,#2563eb) 24%,transparent)!important;
  color:var(--mcolor,#2563eb)!important;
}
.compact-module-tile .tile-foot em:before{content:none!important;display:none!important;}
.compact-module-tile .tile-foot em:after{
  content:"→"!important;
  font-size:15px!important;
  line-height:1!important;
  color:var(--mcolor,#2563eb)!important;
}
@media(max-width:900px){
  .compact-module-grid{grid-template-columns:1fr!important;}
}
html[data-theme="light"] .side .nav-group,
html[data-theme="light"] .side > .nav-link {
  margin: 0 0 8px 0 !important;
}

html[data-theme="light"] .side .nav-group > summary {
  margin: 0 !important;
}