:root {
    --site-ink: #172238;
    --site-muted: #718096;
    --site-teal: #13a889;
    --site-deep: #101a2a;
}

html { scroll-behavior: smooth; }
body.site-body { padding-top: 0; color: var(--site-ink); background: #f6f8fb; font-family: IRANSans, Tahoma, sans-serif; }
.site-navbar { min-height: 74px; padding: 10px 0; border-bottom: 1px solid rgba(226,232,240,.75); background: rgba(255,255,255,.93)!important; box-shadow: 0 7px 28px rgba(24,39,75,.07); backdrop-filter: blur(16px); }
.site-brand { display: inline-flex; align-items: center; gap: 10px; margin-left: 24px; color: #172238!important; font-size: 20px; font-weight: 800; }
.site-brand-mark { display: grid; width: 38px; height: 38px; place-items: center; color: #fff; border-radius: 12px; background: linear-gradient(145deg,#20c6a3,#087c70); box-shadow: 0 7px 16px rgba(19,168,137,.25); }
.site-brand-mark .fa { font-size: 18px; }
.site-navbar .navbar-toggler { border: 1px solid #e1e7ef; border-radius: 10px; padding: 8px 10px; }
.site-nav-links { align-items: center; gap: 3px; }
.site-nav-links .nav-link { position: relative; padding: 10px 13px!important; color: #526078!important; border-radius: 9px; font-size: 13px; font-weight: 600; transition: color .18s ease, background .18s ease; }
.site-nav-links .nav-link:hover, .site-nav-links .nav-link.active { color: #087f6c!important; background: #eaf8f4; }
.site-nav-actions { display: flex; align-items: center; gap: 18px; margin-right: 18px; }
.site-login-link, .site-account-button { color: #4b5870; font-size: 13px; font-weight: 700; }
.site-login-link:hover, .site-account-button:hover { color: #087f6c; text-decoration: none; }
.site-account-button { padding: 10px 15px; border: 1px solid #dfe9e7; border-radius: 10px; background: #f8fcfb; }
.site-register-button { display: inline-flex; align-items: center; gap: 10px; padding: 11px 18px; color: #fff!important; border-radius: 10px; background: linear-gradient(120deg,#13a889,#087d70); box-shadow: 0 8px 18px rgba(19,168,137,.2); font-size: 13px; font-weight: 700; transition: transform .18s ease, box-shadow .18s ease; }
.site-register-button:hover { transform: translateY(-2px); color: #fff; text-decoration: none; box-shadow: 0 11px 23px rgba(19,168,137,.3); }
.site-dropdown { padding: 8px; border: 1px solid #e6ebf2; border-radius: 12px; box-shadow: 0 15px 36px rgba(24,39,75,.13); }
.site-dropdown .dropdown-item { padding: 9px 12px; border-radius: 8px; color: #526078; font-size: 13px; }
.site-dropdown .dropdown-item:hover { color: #087f6c; background: #eaf8f4; }
.site-auth-mobile { display: none; }
.site-main { width: 100%; max-width: 1240px; min-height: calc(100vh - 155px); margin: 0 auto; padding: 105px 24px 46px; }
.site-main-home { max-width: none; min-height: 0; padding: 74px 0 0; }
.site-home-hero { position: relative; min-height: 650px; overflow: hidden; color: #fff; background: radial-gradient(ellipse at 82% 12%,rgba(40,188,169,.28),transparent 36%), radial-gradient(ellipse at 10% 75%,rgba(100,91,228,.23),transparent 39%), linear-gradient(125deg,#111a2b 0%,#14263b 48%,#0e3541 100%); }
.site-home-hero:before { position: absolute; inset: 0; z-index: 0; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 56px 56px; mask-image: linear-gradient(to bottom,rgba(0,0,0,.65),transparent 90%); content: ""; pointer-events: none; }
.hero-network { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; opacity: .82; pointer-events: none; }
.hero-container { position: relative; z-index: 2; max-width: 1220px; padding-top: 82px; padding-bottom: 90px; }
.hero-copy { padding: 10px 28px 35px; }
.hero-kicker { display: inline-flex; align-items: center; gap: 9px; padding: 9px 13px; color: #baf5e8; border: 1px solid rgba(133,231,216,.19); border-radius: 99px; background: rgba(255,255,255,.07); font-size: 12px; }
.hero-kicker .fa { color: #64e0c2; }
.hero-copy h1 { margin: 26px 0 17px; color: #fff; font-size: clamp(34px,4.5vw,55px); font-weight: 800; line-height: 1.5; letter-spacing: -.7px; }
.hero-copy h1 span { color: #77e1cc; }
.hero-description { max-width: 540px; margin: 0; color: #b6c5d5; font-size: 15px; line-height: 2.2; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.hero-primary-action, .hero-secondary-action { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 48px; padding: 0 19px; border-radius: 11px; font-size: 13px; font-weight: 700; transition: transform .18s ease, background .18s ease; }
.hero-primary-action { color: #0d2b31; background: linear-gradient(115deg,#91f1d9,#36cfad); box-shadow: 0 9px 24px rgba(58,207,173,.2); }
.hero-primary-action:hover { transform: translateY(-2px); color: #0d2b31; text-decoration: none; }
.hero-secondary-action { color: #e8f0f6; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.055); }
.hero-secondary-action:hover { color: #fff; background: rgba(255,255,255,.12); text-decoration: none; }
.hero-highlights { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 32px; color: #b9c6d4; font-size: 11px; }
.hero-highlights > div { display: inline-flex; align-items: center; gap: 8px; }
.highlight-icon { color: #71ddc5; font-size: 14px; }
.hero-calculator-column { position: relative; padding: 16px 24px 38px; }
.hero-calculator { position: relative; z-index: 2; padding: 25px; color: var(--site-ink); border: 1px solid rgba(255,255,255,.65); border-radius: 19px; background: rgba(255,255,255,.97); box-shadow: 0 26px 76px rgba(2,10,25,.35); }
.calculator-heading { display: flex; align-items: center; gap: 13px; }
.calculator-icon { display: grid; flex: 0 0 46px; width: 46px; height: 46px; place-items: center; color: #078c78; border-radius: 14px; background: #e4f8f2; font-size: 18px; }
.calculator-eyebrow { display: block; margin-bottom: 3px; color: #8a96a8; font-size: 10px; }
.calculator-heading h2 { margin: 0; color: #18243a; font-size: 18px; font-weight: 800; }
.calculator-live { display: inline-flex; align-items: center; gap: 6px; margin-right: auto; padding: 6px 9px; color: #11876f; border-radius: 99px; background: #eaf8f3; font-size: 10px; }
.calculator-live i { width: 6px; height: 6px; border-radius: 50%; background: #15b995; box-shadow: 0 0 0 4px rgba(21,185,149,.12); }
.calculator-description { margin: 15px 0 19px; color: #7b8799; font-size: 12px; line-height: 1.9; }
.calculator-field { margin-bottom: 15px; }
.calculator-field label { display: block; margin-bottom: 7px; color: #4a5870; font-size: 11px; font-weight: 700; }
.calculator-field .form-control { height: 45px; border: 1px solid #e3e9f0; border-radius: 9px; background-color: #fbfcfe; box-shadow: none; color: #27354d; font-family: inherit; font-size: 12px; }
.calculator-field .form-control:focus { border-color: #62cdb5; box-shadow: 0 0 0 3px rgba(19,168,137,.1); }
.calculator-field select.form-control { padding-right: 12px; }
.input-with-unit { position: relative; }
.input-with-unit .form-control { padding-left: 72px; }
.input-with-unit > span { position: absolute; top: 50%; left: 10px; padding: 5px 8px; transform: translateY(-50%); color: #718096; border-radius: 6px; background: #eef2f6; font-size: 10px; }
.calculator-actions { display: flex; gap: 10px; margin-top: 5px; }
.hero-buy-button, .hero-sell-button { flex: 1; min-height: 43px; border-radius: 9px; font-family: inherit; font-size: 12px; font-weight: 700; }
.hero-buy-button { color: #fff; background: linear-gradient(120deg,#13a889,#087d70); box-shadow: 0 7px 16px rgba(19,168,137,.18); }
.hero-buy-button:hover { color: #fff; background: #087d70; }
.hero-sell-button { color: #27364d; border: 1px solid #e0e6ee; background: #f5f7fa; }
.hero-sell-button:hover { color: #087d70; background: #eaf8f4; }
.calculator-footnote { margin-top: 17px; padding-top: 13px; color: #8b97a7; border-top: 1px solid #edf0f4; font-size: 10px; }
.calculator-footnote .fa { margin-left: 4px; color: #19a88e; }
.hero-float-note { position: absolute; z-index: 3; right: -2px; bottom: 0; display: flex; align-items: center; gap: 10px; padding: 11px 14px; color: #26344b; border: 1px solid rgba(255,255,255,.8); border-radius: 12px; background: rgba(255,255,255,.96); box-shadow: 0 12px 30px rgba(0,0,0,.18); }
.float-note-icon { display: grid; width: 36px; height: 36px; place-items: center; color: #087e70; border-radius: 10px; background: #e5f8f2; }
.hero-float-note small, .hero-float-note strong { display: block; }
.hero-float-note small { margin-bottom: 3px; color: #8994a5; font-size: 9px; }
.hero-float-note strong { color: #26344b; font-size: 11px; }
.hero-orb { position: absolute; z-index: 0; border-radius: 50%; filter: blur(1px); pointer-events: none; }
.hero-orb-one { top: 12%; left: -100px; width: 300px; height: 300px; border: 1px solid rgba(126,225,207,.13); box-shadow: 0 0 0 35px rgba(126,225,207,.025),0 0 0 75px rgba(126,225,207,.02); animation: orb-float 12s ease-in-out infinite alternate; }
.hero-orb-two { right: 42%; bottom: -190px; width: 390px; height: 390px; background: radial-gradient(circle,rgba(28,169,146,.13),transparent 70%); animation: orb-float 15s ease-in-out infinite alternate-reverse; }
.hero-bottom-glow { position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: linear-gradient(90deg,transparent,rgba(104,228,204,.55),transparent); }
@keyframes orb-float { from { transform: translate3d(0,-8px,0) scale(.96); } to { transform: translate3d(12px,14px,0) scale(1.04); } }
.home-value-strip { padding-top: 58px; padding-bottom: 64px; }
.value-heading { margin-bottom: 24px; text-align: center; }
.value-heading > span { color: #078d77; font-size: 11px; font-weight: 700; }
.value-heading h2 { margin: 8px 0 0; color: #172238; font-size: 22px; font-weight: 800; }
.value-items { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.value-card { display: flex; align-items: center; gap: 13px; min-height: 102px; padding: 18px; border: 1px solid #e8edf3; border-radius: 14px; background: #fff; box-shadow: 0 7px 20px rgba(24,39,75,.04); transition: transform .18s ease, box-shadow .18s ease; }
.value-card:hover { transform: translateY(-3px); box-shadow: 0 13px 26px rgba(24,39,75,.08); }
.value-card-icon { display: grid; flex: 0 0 44px; width: 44px; height: 44px; place-items: center; border-radius: 13px; font-size: 17px; }
.value-icon-teal { color: #078c78; background: #e6f8f3; }
.value-icon-violet { color: #6958d8; background: #f0edff; }
.value-icon-blue { color: #357ac9; background: #eaf3ff; }
.value-card h3 { margin: 0 0 5px; color: #26344b; font-size: 13px; font-weight: 800; }
.value-card p { margin: 0; color: #8490a2; font-size: 10px; line-height: 1.8; }
.site-footer { padding: 20px 0; color: #8591a2; border-top: 1px solid #e7ecf2; background: #fff; font-size: 11px; }
.site-footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.site-footer-inner > span { color: #44516a; font-weight: 700; }
@media (max-width: 991px) {
    .site-navbar .navbar-collapse { margin-top: 10px; padding: 12px; border: 1px solid #e6ebf2; border-radius: 13px; background: #fff; box-shadow: 0 15px 30px rgba(24,39,75,.1); }
    .site-nav-links { align-items: stretch; }
    .site-nav-actions { display: none; }
    .site-auth-mobile { display: block; }
    .site-main { padding-top: 100px; }
    .site-main-home { padding-top: 74px; }
    .hero-container { padding-top: 65px; padding-bottom: 72px; }
    .hero-copy { padding: 0 18px 34px; }
    .hero-calculator-column { max-width: 620px; margin: 0 auto; }
}
@media (max-width: 767px) {
    .site-navbar { min-height: 66px; padding: 7px 0; }
    .site-brand { font-size: 17px; }
    .site-brand-mark { width: 35px; height: 35px; }
    .site-main { padding: 88px 16px 32px; }
    .site-main-home { padding: 66px 0 0; }
    .site-home-hero { min-height: 0; }
    .hero-container { padding: 48px 14px 58px; }
    .hero-copy h1 { margin-top: 20px; font-size: 35px; }
    .hero-description { font-size: 13px; }
    .hero-highlights { gap: 13px; margin-top: 23px; }
    .hero-calculator-column { padding: 8px 10px 32px; }
    .hero-calculator { padding: 20px 16px; border-radius: 15px; }
    .hero-float-note { right: 2px; bottom: -4px; }
    .home-value-strip { padding-top: 40px; padding-bottom: 42px; }
    .value-heading h2 { font-size: 18px; }
    .value-items { grid-template-columns: 1fr; gap: 10px; }
}
@media (max-width: 420px) {
    .hero-actions { flex-direction: column; }
    .hero-primary-action, .hero-secondary-action { width: 100%; }
    .hero-highlights { display: grid; grid-template-columns: 1fr 1fr; }
    .calculator-live { display: none; }
    .hero-calculator { padding: 17px 13px; }
    .site-footer-inner { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *:before, *:after { animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; }
}


/* === 2026 premium interface refresh === */
:root{--site-ink:#101828;--site-muted:#667085;--site-teal:#0e9f8b;--site-deep:#101a2a;--site-line:#e6ebf2;--site-glass:rgba(255,255,255,.82)}
html{scroll-behavior:smooth}
body.site-body{color:var(--site-ink);background:radial-gradient(ellipse at 8% 8%,rgba(14,159,139,.09),transparent 30%),radial-gradient(ellipse at 92% 22%,rgba(73,112,255,.08),transparent 28%),#f6f8fc;font-family:IRANSans,Tahoma,sans-serif}
.site-navbar{min-height:78px;background:rgba(255,255,255,.88)!important;border-bottom:1px solid rgba(220,228,239,.8);box-shadow:0 10px 35px rgba(16,24,40,.07);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.site-brand{font-weight:900;letter-spacing:-.3px;color:#101828!important;gap:10px}
.site-brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#10b89b,#087f73);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(14,159,139,.25)}
.site-nav-links .nav-link{font-weight:700;color:#475467!important;border-radius:12px;padding:11px 14px!important;transition:background .2s,color .2s}
.site-nav-links .nav-link:hover,.site-nav-links .nav-link.active{background:#eaf8f5;color:#087f73!important}
.site-register-button,.hero-primary-action{background:linear-gradient(135deg,#10b89b,#087f73)!important;color:#fff!important;border:0!important;border-radius:13px!important;box-shadow:0 9px 22px rgba(14,159,139,.22);font-weight:800;transition:transform .2s,box-shadow .2s}
.site-register-button:hover,.hero-primary-action:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(14,159,139,.3)}
.site-login-link{font-weight:800;color:#344054!important}
.site-home-hero{position:relative;isolation:isolate;overflow:hidden;padding:145px 0 90px;background:linear-gradient(135deg,#0c1728 0%,#14283b 54%,#0c3b3a 100%);color:#fff}
.site-home-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 80% 20%,rgba(23,199,169,.23),transparent 28%),radial-gradient(circle at 12% 80%,rgba(71,111,255,.2),transparent 32%);pointer-events:none}
.site-home-hero:after{content:"";position:absolute;z-index:-1;width:500px;height:500px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-180px;top:-220px;box-shadow:0 0 0 45px rgba(255,255,255,.018),0 0 0 95px rgba(255,255,255,.014);pointer-events:none}
.hero-copy h1{font-size:clamp(2.25rem,4vw,4.1rem);font-weight:900;line-height:1.55;letter-spacing:-1.3px;color:#fff}
.hero-copy h1 span{background:linear-gradient(90deg,#8ff4dc,#40cbb4);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-description{max-width:570px;color:#c5d3df;font-size:1.08rem;line-height:2.2}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid rgba(126,239,216,.24);border-radius:999px;background:rgba(16,185,154,.1);color:#9af0dc;font-weight:700}
.hero-calculator{border:1px solid rgba(255,255,255,.18)!important;border-radius:26px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 30px 90px rgba(0,0,0,.24)!important;padding:28px!important;color:#172033}
.hero-calculator .form-control,.site-body .form-control{min-height:48px;border-radius:12px;border:1px solid #d9e1ec;box-shadow:none;transition:border .2s,box-shadow .2s}
.site-body .form-control:focus{border-color:#10a991;box-shadow:0 0 0 4px rgba(16,169,145,.12)}
.hero-highlights{gap:18px;flex-wrap:wrap}
.hero-highlights>div{color:#d5e0e9}
.site-body .card,.site-body .tile{border:1px solid rgba(226,232,240,.9);border-radius:20px;box-shadow:0 12px 36px rgba(16,24,40,.07);overflow:hidden}
.site-body .card-body{padding:30px}
.site-body .btn-primary{border:0;border-radius:12px;background:linear-gradient(135deg,#10b89b,#087f73);font-weight:800;box-shadow:0 8px 18px rgba(14,159,139,.18)}
.site-body .btn-primary:hover{background:#087f73;transform:translateY(-1px)}
.site-body .table{background:#fff;border-radius:14px;overflow:hidden}
.site-body .table thead th{background:#f1f6f8;color:#344054;border-bottom:1px solid #e3e9f0;font-weight:800}
.site-body footer{background:#101a2a;color:#cbd5e1}
.site-dropdown{border:1px solid #e6ebf2;border-radius:14px;box-shadow:0 18px 45px rgba(16,24,40,.14);padding:8px}
.site-dropdown .dropdown-item{border-radius:9px;padding:10px 12px}
.site-dropdown .dropdown-item:hover{background:#eaf8f5;color:#087f73}
@media(max-width:991px){.site-navbar{padding:8px 0}.site-nav-links{padding:12px 0}.site-nav-actions{padding:10px 0;display:flex;gap:12px;align-items:center}.site-home-hero{padding:120px 0 65px}.hero-copy{margin-bottom:35px}.hero-calculator{padding:20px!important}}
@media(max-width:575px){.hero-copy h1{font-size:2.15rem}.hero-description{font-size:.98rem}.hero-calculator{border-radius:20px!important}.site-body .card-body{padding:22px}}
/* Authentication pages */
body.site-body:has(.auth-page-shell){background:radial-gradient(ellipse at 12% 15%,rgba(16,185,154,.14),transparent 32%),radial-gradient(ellipse at 90% 82%,rgba(77,109,255,.12),transparent 32%),#f3f6fb}
.auth-page-shell{min-height:calc(100vh - 80px);align-items:center;padding:55px 12px 70px;position:relative}
.auth-page-shell:before{content:"";position:absolute;inset:8% 8%;border-radius:36px;background:linear-gradient(135deg,rgba(15,31,51,.025),rgba(16,185,154,.045));pointer-events:none}
.auth-card-column{position:relative;z-index:1}
.auth-card{border:1px solid rgba(255,255,255,.9)!important;border-radius:26px!important;box-shadow:0 25px 80px rgba(22,34,54,.13)!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px)}
.auth-card .card-body{padding:36px!important}
.auth-card .card-title{font-size:1.75rem;font-weight:900;text-align:center;margin-bottom:8px;color:#142338}
.auth-card .auth-subtitle{text-align:center;color:#667085;margin:0 0 24px}
.auth-card .auth-logo{display:block;width:150px;max-height:80px;object-fit:contain;margin:10px auto 24px}
.auth-card label{font-weight:750;color:#344054;margin-bottom:8px}
.auth-card .form-control{min-height:51px;border-radius:13px;background:#f9fbfd;border:1px solid #e1e7ef}
.auth-card .btn{min-height:48px;width:100%;font-size:1rem}
.auth-card a{color:#087f73;font-weight:700}
.auth-card .alert{border-radius:13px;line-height:1.9}
@media(max-width:575px){.auth-page-shell{padding:28px 8px 45px}.auth-card .card-body{padding:24px!important}.auth-card .card-title{font-size:1.45rem}}


/* Modern glass finish: shared pages, forms, dialogs and feedback. */
:root { --site-glass: rgba(255,255,255,.76); --site-glass-line: rgba(255,255,255,.72); }
.site-home-hero:before { inset: -12%; background: radial-gradient(ellipse at 18% 78%,rgba(45,204,177,.20),transparent 29%),radial-gradient(ellipse at 84% 18%,rgba(109,126,255,.20),transparent 30%); background-size: 140% 140%; animation: ambient-glow 18s ease-in-out infinite alternate; mask-image: none; }
@keyframes ambient-glow { 0% { transform: translate3d(-1%,1%,0) scale(.98); opacity:.72; } 100% { transform: translate3d(1%,-1%,0) scale(1.06); opacity:1; } }
.hero-orb-one { border: 0; background: radial-gradient(circle,rgba(73,225,193,.22),rgba(73,225,193,.045) 48%,transparent 72%); box-shadow: none; filter: blur(8px); }
.hero-orb-two { background: radial-gradient(circle,rgba(119,125,255,.23),rgba(32,184,159,.08) 42%,transparent 72%); filter: blur(5px); }
.hero-calculator { border-color: rgba(255,255,255,.55); background: rgba(250,253,255,.82); box-shadow: 0 28px 80px rgba(2,10,25,.34),inset 0 1px rgba(255,255,255,.8); backdrop-filter: blur(20px); }
.hero-float-note { background: rgba(255,255,255,.72); backdrop-filter: blur(16px); }
.value-card { background: linear-gradient(145deg,rgba(255,255,255,.88),rgba(248,252,253,.72)); backdrop-filter: blur(12px); }
.site-main:not(.site-main-home) .card, .site-main:not(.site-main-home) .auth-card { overflow: hidden; border: 1px solid rgba(255,255,255,.82); border-radius: 22px; background: linear-gradient(145deg,rgba(255,255,255,.88),rgba(248,251,253,.74)); box-shadow: 0 20px 58px rgba(20,38,61,.11),inset 0 1px rgba(255,255,255,.9); backdrop-filter: blur(18px); }
.auth-page-shell { align-items: center; min-height: 62vh; }
.auth-card-column { max-width: 520px; }
.auth-card .card-body { padding: 38px 34px!important; }
.auth-card .card-title, .site-main:not(.site-main-home) .card-title { color: #172b40; font-weight: 850; }
.auth-subtitle { margin: 0 0 16px; color: #748297; font-size: 13px; line-height: 1.9; }
.auth-logo { max-height: 72px; width: auto; object-fit: contain; margin: 3px auto 22px; }
.site-main:not(.site-main-home) .form-control { min-height: 46px; border: 1px solid rgba(202,214,226,.85); border-radius: 11px; background: rgba(255,255,255,.72); box-shadow: inset 0 1px 2px rgba(24,39,75,.025); }
.site-main:not(.site-main-home) .form-control:focus { border-color: #17b797; box-shadow: 0 0 0 4px rgba(19,168,137,.12); }
.site-main:not(.site-main-home) .btn-primary { border: 0; border-radius: 11px; background: linear-gradient(120deg,#18b99a,#087d70); box-shadow: 0 9px 22px rgba(19,168,137,.2); font-weight: 750; }
.site-main:not(.site-main-home) .alert { border: 1px solid rgba(255,255,255,.72); border-radius: 13px; box-shadow: 0 8px 24px rgba(24,39,75,.07); backdrop-filter: blur(12px); }
.modal-backdrop.show { opacity: .58; backdrop-filter: blur(5px); }
.modal-dialog { filter: drop-shadow(0 22px 46px rgba(13,28,46,.22)); }
.modal-content { overflow: hidden; border: 1px solid rgba(255,255,255,.68); border-radius: 20px; background: rgba(250,253,255,.91); box-shadow: inset 0 1px rgba(255,255,255,.85); backdrop-filter: blur(22px); }
.modal-header { align-items: center; border-bottom: 1px solid rgba(218,228,236,.8); background: rgba(255,255,255,.46); }
.modal-title { color: #172b40; font-weight: 800; }
.modal-footer { border-top: 1px solid rgba(218,228,236,.8); }
.modal-content .form-control, .modal-content select, .modal-content textarea { border-radius: 10px; }
.swal2-popup, .sweet-alert { border: 1px solid rgba(255,255,255,.72)!important; border-radius: 20px!important; background: rgba(250,253,255,.94)!important; box-shadow: 0 24px 70px rgba(13,28,46,.24)!important; backdrop-filter: blur(20px); }
.swal2-title, .sweet-alert h2 { color: #172b40!important; font-family: inherit!important; font-weight: 800!important; }
.swal2-styled.swal2-confirm, .sweet-alert button.confirm { border-radius: 10px!important; background: linear-gradient(120deg,#18b99a,#087d70)!important; }
.toast, .toast-message { border-radius: 12px; box-shadow: 0 12px 32px rgba(13,28,46,.2); }
@media (prefers-reduced-motion: reduce) { .site-home-hero:before,.hero-orb { animation: none!important; } }
@media (max-width: 575px) { .auth-card .card-body { padding: 28px 20px!important; } .site-main:not(.site-main-home) .card { border-radius: 17px; } }


/* Full-site glass UI pass v2 */
:root { --glass-ink:#172b40; --glass-line:rgba(217,228,236,.82); --glass-shadow:0 16px 48px rgba(19,39,61,.085); }
body.site-body { background:radial-gradient(ellipse at 12% 8%,rgba(23,185,154,.075),transparent 32%),radial-gradient(ellipse at 92% 42%,rgba(102,121,230,.065),transparent 29%),#f2f6f8; }
.site-navbar { border-bottom:1px solid rgba(255,255,255,.8); background:rgba(248,252,253,.78)!important; box-shadow:0 8px 34px rgba(17,38,59,.09); backdrop-filter:blur(22px) saturate(150%); }
.site-dropdown { background:rgba(250,253,255,.93); backdrop-filter:blur(18px); }
.site-footer { background:rgba(250,253,255,.78); backdrop-filter:blur(15px); }
.site-main:not(.site-main-home) { position:relative; }
.site-main:not(.site-main-home) .card, .site-main:not(.site-main-home) .panel, .site-main:not(.site-main-home) .well, .site-main:not(.site-main-home) .tile { border:1px solid var(--glass-line); border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(246,251,252,.76)); box-shadow:var(--glass-shadow),inset 0 1px rgba(255,255,255,.88); backdrop-filter:blur(18px); }
.site-main:not(.site-main-home) .card-header, .site-main:not(.site-main-home) .panel-heading { border-color:rgba(221,231,238,.8); background:rgba(255,255,255,.44); font-weight:800; }
.site-main:not(.site-main-home) h1, .site-main:not(.site-main-home) h2, .site-main:not(.site-main-home) h3 { color:var(--glass-ink); }
.site-main:not(.site-main-home) .table-responsive { border:1px solid var(--glass-line); border-radius:16px; background:rgba(255,255,255,.72); box-shadow:0 10px 32px rgba(19,39,61,.055); backdrop-filter:blur(14px); }
.site-main:not(.site-main-home) .table thead th { background:rgba(231,244,243,.72); color:#355164; border-bottom:1px solid var(--glass-line); }
.site-main:not(.site-main-home) .table tbody tr:hover { background:rgba(219,246,239,.48); }
.site-main:not(.site-main-home) .form-control, .site-main:not(.site-main-home) select, .site-main:not(.site-main-home) textarea { transition:border-color .2s,box-shadow .2s,background .2s; }
.site-main:not(.site-main-home) .form-control:hover { background:rgba(255,255,255,.92); }
.site-main:not(.site-main-home) .btn-primary, .site-main:not(.site-main-home) .btn-success { background:linear-gradient(120deg,#23c5a2,#087d70); }
.site-main:not(.site-main-home) a:not(.btn):not(.nav-link) { color:#087f73; }
.site-main:not(.site-main-home) .pagination .page-link { margin:0 3px; border:1px solid rgba(217,228,236,.8); border-radius:9px; background:rgba(255,255,255,.68); }
.site-main:not(.site-main-home) .pagination .active .page-link { border-color:#0f9d83; background:#0f9d83; color:#fff; }
.site-home-hero { background:radial-gradient(ellipse at 82% 12%,rgba(40,188,169,.31),transparent 37%),radial-gradient(ellipse at 10% 75%,rgba(100,91,228,.26),transparent 39%),linear-gradient(125deg,#101a2a 0%,#14263b 48%,#0e3541 100%); }
.site-home-hero:after { position:absolute; z-index:0; inset:0; content:""; pointer-events:none; opacity:.55; background:radial-gradient(ellipse at 50% 120%,rgba(65,225,195,.24),transparent 43%); animation:ambient-glow 12s ease-in-out infinite alternate; }
.hero-container { z-index:2; }
@media(max-width:991px){.site-navbar .navbar-collapse{margin-top:10px;padding:12px;border:1px solid rgba(255,255,255,.72);border-radius:16px;background:rgba(250,253,255,.94);box-shadow:0 16px 40px rgba(17,38,59,.12);backdrop-filter:blur(18px)}.site-nav-links .nav-link{padding:11px 14px!important}}
@media(prefers-reduced-motion:reduce){.site-home-hero:after{animation:none}}