:root {
  color-scheme: light;
  --navy-950: #041426;
  --navy-900: #071d36;
  --navy-800: #0b2d50;
  --blue-600: #1783c7;
  --sky-500: #36b7ed;
  --sky-200: #b9eaff;
  --sky-100: #e8f8ff;
  --white: #ffffff;
  --ink: #10243a;
  --muted: #64778b;
  --line: #dce7ef;
  --surface: #f5f9fc;
  --success: #13805e;
  --danger: #b33b4a;
  --shadow: 0 18px 55px rgba(5, 31, 56, 0.10);
  --radius: 20px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--surface); color: var(--ink); min-height: 100vh; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
[hidden] { display: none !important; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.site-header { position: sticky; top: 0; z-index: 50; min-height: 76px; padding: 0 4vw; display: flex; align-items: center; gap: 28px; background: rgba(255,255,255,.94); border-bottom: 1px solid rgba(220,231,239,.9); backdrop-filter: blur(18px); }
.brand { display: flex; align-items: center; gap: 11px; color: var(--navy-900); text-decoration: none; min-width: max-content; }
.brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: linear-gradient(145deg,var(--navy-800),var(--sky-500)); color: white; font-weight: 900; box-shadow: 0 8px 20px rgba(23,131,199,.24); }
.brand strong, .brand small { display: block; line-height: 1.05; }
.brand strong { letter-spacing: .13em; font-size: .98rem; }
.brand small { margin-top: 5px; color: var(--muted); font-size: .67rem; }
.desktop-nav { display: flex; align-items: stretch; gap: 4px; height: 76px; flex: 1; justify-content: center; }
.desktop-nav button { position: relative; border: 0; background: transparent; padding: 0 12px; color: var(--muted); font-size: .82rem; font-weight: 650; }
.desktop-nav button::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 0; height: 3px; transform: scaleX(0); background: var(--sky-500); transition: transform .2s ease; }
.desktop-nav button.active { color: var(--navy-900); }
.desktop-nav button.active::after { transform: scaleX(1); }
.header-actions { display: flex; align-items: center; gap: 9px; }
.language-control select, .account-button { border: 1px solid var(--line); background: white; border-radius: 12px; height: 42px; color: var(--navy-900); }
.language-control select { padding: 0 9px; }
.account-button { padding: 0 15px; font-weight: 700; }

main { min-height: calc(100vh - 76px); }
.view { width: min(1420px, 92vw); margin: 0 auto; padding: 56px 0 84px; }
.home-view { width: 100%; padding: 0; }
.hero { min-height: 600px; padding: 76px max(4vw, calc((100vw - 1420px)/2)); display: grid; grid-template-columns: minmax(0,1.22fr) minmax(360px,.78fr); gap: 60px; align-items: center; color: white; background: radial-gradient(circle at 75% 30%, rgba(54,183,237,.22), transparent 26%), linear-gradient(125deg,var(--navy-950),var(--navy-800)); overflow: hidden; }
.hero-copy { max-width: 760px; }
.eyebrow { margin: 0 0 14px; color: var(--blue-600); font-size: .76rem; letter-spacing: .17em; text-transform: uppercase; font-weight: 850; }
.hero .eyebrow { color: var(--sky-500); }
h1,h2,p { text-wrap: pretty; }
.hero h1 { max-width: 800px; margin: 0; font-size: clamp(2.6rem,5.1vw,5.4rem); line-height: .99; letter-spacing: -.048em; font-weight: 780; }
.hero-text { margin: 26px 0 0; max-width: 670px; color: #c6d9e9; font-size: clamp(1rem,1.6vw,1.25rem); line-height: 1.65; }
.hero-actions { display: flex; gap: 12px; margin-top: 34px; }
.primary,.secondary,.danger { border-radius: 12px; min-height: 46px; padding: 0 20px; font-weight: 800; border: 1px solid transparent; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
.primary { color: var(--navy-950); background: var(--sky-500); box-shadow: 0 10px 26px rgba(54,183,237,.2); }
.secondary { color: var(--navy-900); background: white; border-color: var(--line); }
.hero .secondary { color: white; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.28); }
.danger { background: #fff3f4; color: var(--danger); border-color: #f0cbd0; }
.primary:hover,.secondary:hover,.danger:hover { transform: translateY(-1px); box-shadow: 0 10px 25px rgba(4,20,38,.12); }
.full { width: 100%; }
.guest-note { margin-top: 16px; color: #90a9be; font-size: .82rem; }
.hero-panel { position: relative; min-height: 390px; padding: 28px; display: grid; grid-template-columns: repeat(3,1fr); align-content: end; gap: 10px; border: 1px solid rgba(255,255,255,.15); border-radius: 30px; background: linear-gradient(165deg,rgba(255,255,255,.11),rgba(255,255,255,.025)); box-shadow: 0 30px 80px rgba(0,0,0,.25); }
.radar { position: absolute; width: 260px; height: 260px; left: 50%; top: 42%; transform: translate(-50%,-50%); border: 1px solid rgba(54,183,237,.25); border-radius: 50%; background: repeating-radial-gradient(circle,transparent 0 42px,rgba(54,183,237,.13) 43px 44px), linear-gradient(90deg,transparent 49.8%,rgba(54,183,237,.15) 50%,transparent 50.2%), linear-gradient(0deg,transparent 49.8%,rgba(54,183,237,.15) 50%,transparent 50.2%); overflow: hidden; }
.radar::before { content:""; position:absolute; inset:50% 50% 0 0; transform-origin:bottom right; background:linear-gradient(45deg,rgba(54,183,237,.36),transparent 70%); animation:sweep 4.5s linear infinite; }
.radar span,.radar i,.radar b { position:absolute; width:8px; height:8px; border-radius:50%; background:var(--sky-500); box-shadow:0 0 14px var(--sky-500); }
.radar span { left:34%; top:26%; }.radar i{right:24%;top:47%}.radar b{left:46%;bottom:22%}
@keyframes sweep { to { transform: rotate(360deg); } }
.hero-stat { position: relative; z-index: 1; padding: 14px; border-radius: 14px; background: rgba(4,20,38,.64); }
.hero-stat strong,.hero-stat span { display:block; }.hero-stat strong{font-size:.9rem}.hero-stat span{margin-top:5px;color:#93acc0;font-size:.66rem}
.feature-grid { width:min(1420px,92vw); margin:0 auto; padding:62px 0 80px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.feature-grid article { padding:30px; border:1px solid var(--line); border-radius:var(--radius); background:white; box-shadow:0 10px 30px rgba(5,31,56,.04); }
.feature-number { color:var(--sky-500); font-size:.72rem; font-weight:900; letter-spacing:.15em; }.feature-grid h2{margin:34px 0 10px;font-size:1.15rem}.feature-grid p{margin:0;color:var(--muted);line-height:1.65;font-size:.9rem}

.section-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:28px; }
.section-heading h1 { margin:0; font-size:clamp(2rem,4vw,3.6rem); letter-spacing:-.04em; line-height:1; color:var(--navy-900); }
.section-heading>p { margin:0; width:min(540px,46%); color:var(--muted); line-height:1.65; }
.workspace-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(310px,.45fr); gap:22px; align-items:start; }
.data-form,.result-panel,.lookup-card,.panel-form,.account-card,.admin-panel { border:1px solid var(--line); border-radius:var(--radius); background:white; box-shadow:var(--shadow); }
.data-form { padding:26px; }
.form-section { padding:6px 0 26px; border-bottom:1px solid var(--line); margin-bottom:24px; }
.form-section h2,.panel-form h2,.admin-panel h2 { margin:0 0 18px; color:var(--navy-900); font-size:1rem; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }.form-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
label { display:grid; gap:7px; color:var(--muted); font-size:.76rem; font-weight:750; }
input,select,textarea { width:100%; border:1px solid #cfdde7; border-radius:10px; background:#fbfdff; color:var(--ink); outline:none; transition:border-color .15s,box-shadow .15s; }
input,select { min-height:44px; padding:0 12px; } textarea{padding:12px;resize:vertical}.data-form input{font-variant-numeric:tabular-nums}
input:focus,select:focus,textarea:focus { border-color:var(--sky-500); box-shadow:0 0 0 3px rgba(54,183,237,.13); }
.result-panel { position:sticky; top:96px; padding:25px; min-height:250px; background:linear-gradient(160deg,var(--navy-950),var(--navy-800)); color:white; }
.result-placeholder { color:#9db4c7; line-height:1.6; }.result-panel h2{margin:0 0 20px;font-size:1rem}.result-total{padding:20px;border-radius:14px;background:rgba(54,183,237,.12);border:1px solid rgba(54,183,237,.28);margin-bottom:12px}.result-total small,.result-total strong{display:block}.result-total small{color:#99b4c8}.result-total strong{margin-top:6px;font-size:2rem}.result-line{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.8rem}.result-line span{color:#9db4c7}.result-meta{margin-top:17px;color:#718da4;font-size:.68rem}
.compact-view { max-width:1180px; }.lookup-card{padding:28px}.inline-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;max-width:700px}.ais-result{margin-top:24px;padding:22px;border-radius:14px;background:var(--surface);color:var(--muted)}.ais-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ais-grid div{padding:14px;background:white;border:1px solid var(--line);border-radius:12px}.ais-grid small,.ais-grid strong{display:block}.ais-grid strong{margin-top:6px;color:var(--navy-900)}
.market-tabs { display:flex; gap:8px; margin-bottom:16px; }.market-tabs button{border:1px solid var(--line);background:white;color:var(--muted);padding:11px 18px;border-radius:12px;font-weight:750}.market-tabs button.active{background:var(--navy-900);color:white;border-color:var(--navy-900)}
.filter-bar{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;margin-bottom:14px;padding:14px;background:white;border:1px solid var(--line);border-radius:14px}.data-list{display:grid;gap:10px}.data-card{display:grid;grid-template-columns:1.3fr repeat(3,1fr) auto;gap:18px;align-items:center;padding:17px 20px;background:white;border:1px solid var(--line);border-radius:14px}.data-card h3,.data-card p{margin:0}.data-card h3{font-size:.92rem}.data-card p,.data-card small{color:var(--muted);font-size:.76rem}.data-card strong{font-size:.82rem}.empty-state{padding:35px;text-align:center;color:var(--muted);background:white;border:1px dashed #bfceda;border-radius:14px}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel-form{display:grid;gap:15px;padding:25px}.contact-panel{margin-top:22px}.account-card{padding:24px;display:flex;justify-content:space-between;align-items:center}.account-card h2{margin:10px 0 4px}.account-card p{margin:0;color:var(--muted)}.status-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--sky-100);color:var(--blue-600);font-size:.7rem;font-weight:850;text-transform:uppercase}
.admin-grid{display:grid;gap:20px}.admin-panel{padding:24px}.admin-user{display:grid;grid-template-columns:1.5fr 1fr auto;align-items:center;gap:15px;padding:14px;border:1px solid var(--line);border-radius:12px}.admin-user h3,.admin-user p{margin:0}.admin-user p{margin-top:4px;color:var(--muted);font-size:.75rem}.admin-actions{display:flex;gap:6px;flex-wrap:wrap}.admin-actions button{border:1px solid var(--line);background:white;border-radius:8px;padding:7px 9px;font-size:.7rem;font-weight:800}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-card{padding:20px;border:1px solid var(--line);border-radius:14px;background:white}.metric-card strong,.metric-card span{display:block}.metric-card strong{font-size:1.8rem;color:var(--navy-900)}.metric-card span{margin-top:6px;color:var(--muted);font-size:.75rem}.admin-activity{display:grid;grid-template-columns:1fr 1fr;gap:20px}.activity-column h3{font-size:.82rem}.activity-item{padding:11px 0;border-bottom:1px solid var(--line)}.activity-item strong,.activity-item small{display:block}.activity-item strong{font-size:.78rem}.activity-item small{margin-top:4px;color:var(--muted)}
.toast { position:fixed; right:24px; bottom:24px; z-index:100; max-width:min(420px,calc(100vw - 32px)); padding:14px 18px; border-radius:12px; background:var(--navy-950); color:white; box-shadow:0 15px 45px rgba(0,0,0,.25); font-size:.86rem; }.toast.error{background:#721f2a}.toast.success{background:#0d684d}
.mobile-nav{display:none}

[dir="rtl"] .hero,[dir="rtl"] .section-heading,[dir="rtl"] .data-form,[dir="rtl"] .panel-form,[dir="rtl"] .result-panel { text-align:right; }

@media (max-width:1100px){.desktop-nav{display:none}.site-header{justify-content:space-between}.hero{grid-template-columns:1fr .7fr}.form-grid.five{grid-template-columns:repeat(3,1fr)}.workspace-grid{grid-template-columns:1fr}.result-panel{position:static}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:60;padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:blur(16px)}.mobile-nav button{display:grid;place-items:center;gap:3px;border:0;background:none;color:var(--muted)}.mobile-nav button span{font-size:1.15rem}.mobile-nav button small{font-size:.62rem}.mobile-nav button.active{color:var(--blue-600)}.view{padding-bottom:120px}.toast{bottom:82px}}
@media (max-width:760px){.site-header{min-height:66px;padding:0 16px}.brand small{display:none}.brand-mark{width:34px;height:34px}.account-button{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero{min-height:auto;padding:54px 20px 42px;grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(2.5rem,13vw,4rem)}.hero-panel{min-height:300px;padding:16px}.radar{width:210px;height:210px}.hero-stat{padding:10px}.hero-stat strong{font-size:.73rem}.feature-grid{grid-template-columns:1fr;padding:22px 0 95px}.view{width:calc(100% - 28px);padding-top:34px}.section-heading{display:block}.section-heading>p{width:100%;margin-top:16px}.section-heading h1{font-size:2.35rem}.workspace-grid{gap:14px}.data-form,.result-panel,.lookup-card,.panel-form,.admin-panel{padding:18px;border-radius:16px}.form-grid,.form-grid.five{grid-template-columns:1fr 1fr;gap:11px}.inline-form{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr 1fr}.data-card{grid-template-columns:1fr 1fr;gap:10px}.data-card h3{grid-column:1/-1}.auth-grid{grid-template-columns:1fr}.admin-user{grid-template-columns:1fr}.ais-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.admin-activity{grid-template-columns:1fr}}
@media (max-width:430px){.form-grid,.form-grid.five{grid-template-columns:1fr}.hero-actions{display:grid}.header-actions{gap:5px}.language-control select{width:57px}.account-button{padding:0 10px}.data-card{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr}.hero-panel{grid-template-columns:1fr 1fr}.hero-stat:last-child{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}