/* PasTele — Universal Clean UI / Responsive Polish */
:root{
  --pc-bg:#f5f7fb;--pc-surface:rgba(255,255,255,.94);--pc-surface-2:#f8fafc;
  --pc-text:#101828;--pc-muted:#667085;--pc-line:#e4e7ec;--pc-brand:#229ed9;
  --pc-brand-2:#168ac3;--pc-success:#12b76a;--pc-danger:#f04438;
  --pc-shadow:0 18px 55px rgba(16,24,40,.08);--pc-shadow-sm:0 6px 22px rgba(16,24,40,.06);
  --pc-radius:18px;--pc-radius-sm:12px;
}
html[data-theme="dark"]{
  --pc-bg:#0b1118;--pc-surface:rgba(18,27,38,.96);--pc-surface-2:#151f2b;
  --pc-text:#f2f4f7;--pc-muted:#98a2b3;--pc-line:#253241;--pc-brand:#2aabee;--pc-brand-2:#53b9ed;
  --pc-shadow:0 22px 65px rgba(0,0,0,.28);--pc-shadow-sm:0 8px 28px rgba(0,0,0,.22)
}
*{scrollbar-width:thin;scrollbar-color:var(--pc-line) transparent}
body{background:var(--pc-bg);color:var(--pc-text);letter-spacing:-.01em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(700px 380px at 8% -10%,rgba(42,171,238,.10),transparent 70%),radial-gradient(600px 360px at 95% 5%,rgba(120,95,255,.07),transparent 70%)}
.container,.dash-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.card,.panel,.stat-card,.auth-card,.security-panel,.cta,.market-card,.product-card{border-radius:var(--pc-radius);border:1px solid var(--pc-line);background:var(--pc-surface);box-shadow:var(--pc-shadow-sm);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.card:hover,.panel:hover,.stat-card:hover{box-shadow:var(--pc-shadow);border-color:color-mix(in srgb,var(--pc-brand) 22%,var(--pc-line))}
.btn{border-radius:12px;min-height:42px;font-weight:750;border:1px solid var(--pc-line);box-shadow:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(16,24,40,.08)}
.btn.primary,.primary{background:linear-gradient(135deg,var(--pc-brand),var(--pc-brand-2));border-color:transparent;color:#fff;box-shadow:0 8px 22px rgba(42,171,238,.20)}
.input,.select,.textarea,.composer{min-height:46px;border-radius:12px;border:1px solid var(--pc-line);background:var(--pc-surface);color:var(--pc-text);padding:11px 13px}
.input::placeholder,.textarea::placeholder{color:#98a2b3}
.input:focus,.select:focus,.textarea:focus,.composer:focus{border-color:var(--pc-brand);box-shadow:0 0 0 4px rgba(42,171,238,.11)}
.field{gap:7px}.field label{font-size:12px;font-weight:750;color:var(--pc-muted)}
.notice,.auth-error{border-radius:12px!important}
.badge,.chip,.eyebrow{border-radius:999px;font-weight:800;letter-spacing:.02em}
.footer{background:var(--pc-surface)!important;border-top:1px solid var(--pc-line)!important}
/* Navbar */
.navbar,.topbar,.app-navbar{background:color-mix(in srgb,var(--pc-surface) 90%,transparent)!important;border-bottom:1px solid var(--pc-line)!important;box-shadow:0 6px 28px rgba(16,24,40,.05)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.navbar a,.topbar a{transition:.18s ease}.navbar a:hover,.topbar a:hover{color:var(--pc-brand)}
/* Authentication */
.auth-shell{min-height:calc(100vh - 1px);display:grid;place-items:center;padding:42px 16px 24px;position:relative}
.auth-card{width:min(460px,100%);padding:30px!important;position:relative;overflow:hidden}
.auth-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--pc-brand),#7c5cff,var(--pc-brand))}
.auth-logo{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(135deg,var(--pc-brand),#6b7cff);color:#fff;font-size:22px;box-shadow:0 12px 30px rgba(42,171,238,.22)}
.auth-card h1{text-align:center;font-size:28px;margin:0 0 7px}.auth-card>p{text-align:center;margin:0 0 24px}
.auth-card form.list{gap:15px}.auth-card .btn.primary{width:100%}.auth-card .row .input{flex:1}
.auth-card>button{width:100%;margin-top:14px}.auth-card .page-style-2,.auth-card .page-style-4{display:inline-flex}
.auth-card a{color:var(--pc-brand);font-weight:700}.auth-card .muted a:hover{text-decoration:underline}
.auth-error{display:flex!important;align-items:center;gap:9px;padding:11px 13px;margin-bottom:14px;background:rgba(240,68,56,.08);border:1px solid rgba(240,68,56,.22);color:var(--pc-danger)}
/* Landing */
.landing-header{position:sticky!important;top:0;z-index:50;background:color-mix(in srgb,var(--pc-surface) 88%,transparent)!important;border-bottom:1px solid var(--pc-line)!important;backdrop-filter:blur(18px)}
.landing-header-inner{min-height:72px}.landing-brand{font-weight:900;letter-spacing:-.04em}.landing-brand-mark{box-shadow:0 8px 22px rgba(42,171,238,.22)}
.hero{padding-top:64px!important}.hero h1{letter-spacing:-.045em}.hero h1 span{background:linear-gradient(90deg,var(--pc-brand),#765cff);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Dashboard / admin */
.dashboard-main{padding-bottom:24px}.dash-head{gap:18px}.stat-card{min-height:128px!important}.stat-card:hover{transform:translateY(-2px)}
.admin-layout{align-items:start}.admin-side{position:sticky;top:92px}.admin-nav a{border-radius:11px;transition:.18s ease}.admin-nav a:hover,.admin-nav a.active{background:rgba(42,171,238,.10);color:var(--pc-brand)}
/* tables and lists */
.table-wrap{border-radius:14px!important;border-color:var(--pc-line)!important;box-shadow:none}.table th{background:var(--pc-surface-2)!important;color:var(--pc-muted)!important}.table td{border-color:var(--pc-line)!important}.list-item{border-color:var(--pc-line)!important}.empty{min-height:120px;display:grid;place-items:center}
/* dialogs */
.modal,.dialog,.sheet{border:1px solid var(--pc-line)!important;border-radius:20px!important;box-shadow:var(--pc-shadow)!important;background:var(--pc-surface)!important}
/* responsive */
@media(max-width:800px){.container,.dash-container{width:calc(100% - 24px)}.auth-shell{padding:26px 12px 18px}.auth-card{padding:24px 18px!important}.hero{padding-top:38px!important}.admin-side{position:static}.dash-head{flex-direction:column;align-items:stretch}}
@media(max-width:560px){body{font-size:14px}.auth-card h1{font-size:24px}.auth-logo{width:52px;height:52px}.card{padding:16px}.btn{min-height:44px}.landing-header-actions .btn{padding-inline:10px}.landing-header-actions .btn:first-child{font-size:0}.landing-header-actions .btn:first-child i{font-size:15px}.table{min-width:620px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* =========================================================
   TeleCod SaaS Premium — Universal final visual system
   ========================================================= */
:root{
  --saas-bg:#f7f9fc;
  --saas-surface:#ffffff;
  --saas-surface-soft:#f9fafb;
  --saas-text:#101828;
  --saas-muted:#667085;
  --saas-line:#e4e7ec;
  --saas-brand:#229ed9;
  --saas-brand-2:#157fba;
  --saas-radius:16px;
  --saas-shadow:0 10px 32px rgba(16,24,40,.055);
  --saas-shadow-lg:0 24px 70px rgba(16,24,40,.10)
}
html[data-theme="dark"]{
  --saas-bg:#080d14;--saas-surface:#101923;--saas-surface-soft:#151f2a;--saas-text:#f5f7fa;--saas-muted:#98a2b3;--saas-line:#263442;
  --saas-shadow:0 12px 38px rgba(0,0,0,.20);--saas-shadow-lg:0 26px 80px rgba(0,0,0,.30)
}
html,body{background:var(--saas-bg);color:var(--saas-text)}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}
body:before{background:radial-gradient(720px 400px at 0 -12%,rgba(34,158,217,.09),transparent 68%),radial-gradient(600px 360px at 100% 0,rgba(99,102,241,.06),transparent 68%)}
.container,.dash-container{max-width:1200px}
.card,.panel,.stat-card,.auth-card,.security-panel,.cta,.market-card,.product-card{border:1px solid var(--saas-line);background:var(--saas-surface);border-radius:var(--saas-radius);box-shadow:var(--saas-shadow);}
.card:hover,.panel:hover,.stat-card:hover{border-color:color-mix(in srgb,var(--saas-brand) 22%,var(--saas-line));box-shadow:var(--saas-shadow-lg)}
.btn{min-height:42px;padding:10px 15px;border-radius:11px;font-weight:750;letter-spacing:-.01em;border:1px solid var(--saas-line);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(16,24,40,.08)}
.btn:active{transform:translateY(0)}
.btn.primary,.primary{background:linear-gradient(135deg,var(--saas-brand),var(--saas-brand-2));border-color:transparent;box-shadow:0 8px 22px rgba(34,158,217,.18)}
.input,.select,.textarea,.composer{min-height:46px;border-radius:11px;border:1px solid var(--saas-line);background:var(--saas-surface);color:var(--saas-text);box-shadow:0 1px 2px rgba(16,24,40,.02)}
.input:focus,.select:focus,.textarea:focus,.composer:focus{outline:0;border-color:var(--saas-brand);box-shadow:0 0 0 4px rgba(34,158,217,.10)}
.field label{font-weight:700;color:var(--saas-muted)}
.badge,.chip,.eyebrow{border:1px solid var(--saas-line);background:var(--saas-surface-soft);color:var(--saas-muted);font-weight:800}
.table-wrap{border:1px solid var(--saas-line)!important;border-radius:14px!important;background:var(--saas-surface)}
.table th{background:var(--saas-surface-soft)!important;color:var(--saas-muted)!important;font-weight:800}
.table td,.list-item{border-color:var(--saas-line)!important}
.footer{background:var(--saas-surface)!important;border-color:var(--saas-line)!important}
.navbar,.topbar,.app-navbar,.landing-header{background:color-mix(in srgb,var(--saas-surface) 90%,transparent)!important;border-color:var(--saas-line)!important;box-shadow:0 5px 24px rgba(16,24,40,.045)!important;backdrop-filter:blur(18px)}
.navbar a,.topbar a{font-weight:650}
.auth-card{box-shadow:var(--saas-shadow-lg);border-radius:20px}
.auth-card:before{height:3px;background:linear-gradient(90deg,var(--saas-brand),#667eea,var(--saas-brand))}
.auth-logo{border-radius:15px}
.stat-card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.stat-card:hover{transform:translateY(-2px)}
.admin-side{box-shadow:var(--saas-shadow)}
.admin-nav a{font-weight:650}
.modal,.dialog,.sheet{background:var(--saas-surface)!important;border-color:var(--saas-line)!important;box-shadow:var(--saas-shadow-lg)!important}
@media(max-width:700px){.container,.dash-container{width:calc(100% - 24px)}.card,.panel{border-radius:14px}.section{padding-block:26px}.btn{min-height:44px}.input,.select,.textarea{min-height:46px}}