:root{--bg: #f4f1ea;--bg-soft: #fbf8f3;--panel: rgba(255, 253, 249, .82);--panel-strong: #fffdf9;--text: #221c17;--muted: #766657;--line: #e5dbcd;--line-strong: #d6c2aa;--brand: #a34b2a;--brand-deep: #7f371d;--brand-soft: #f2e0cc;--accent: #d6b07b;--success: #257a56;--warning: #c8861d;--danger: #b63e3e;--shadow: 0 20px 45px rgba(88, 61, 34, .1);--sidebar: #5a3e2d;--sidebar-soft: rgba(255, 248, 239, .08);--sidebar-text: #fff8ef;--base-dark: rgba(255, 248, 239, .08);--text-light: #fff8ef;--accent-mint: #d6b07b;--border-glow: rgba(214, 176, 123, .18);--glass-bg: rgba(255, 255, 255, .06);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(214,176,123,.32),transparent 28%),radial-gradient(circle at right top,rgba(163,75,42,.12),transparent 24%),linear-gradient(180deg,#f8f4ee 0%,var(--bg) 100%);font-family:Inter,system-ui,sans-serif}button,input{font:inherit}button:disabled{cursor:wait;opacity:.7}code{font-family:Courier New,monospace}.app-shell{min-height:100vh;display:grid;grid-template-columns:300px minmax(0,1fr)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-stage{width:min(100%,1120px);display:grid;grid-template-columns:minmax(340px,1.08fr) minmax(380px,.92fr);border-radius:34px;overflow:hidden;border:1px solid rgba(229,219,205,.88);box-shadow:0 36px 80px #583d2229;background:#fffcf7bd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-brand-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:38px;background:radial-gradient(circle at top left,rgba(255,255,255,.3),transparent 26%),radial-gradient(circle at 80% 24%,rgba(214,176,123,.34),transparent 30%),linear-gradient(145deg,#6d442f,#5b3928 42%,#7d4b31);color:#fff8ef}.login-brand-panel:after{content:"";position:absolute;right:-80px;bottom:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,224,183,.26),transparent 68%)}.login-brand-mark{position:relative;z-index:1}.login-brand-topline{margin-bottom:18px;color:#fff8efb8;font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.login-badge-large{display:inline-flex;align-items:center;gap:16px;padding:18px 22px;border-radius:24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 18px #ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.login-badge-word{color:#fff9f1;font-family:Plus Jakarta Sans,Inter,sans-serif;font-size:clamp(1.45rem,2vw,2rem);font-weight:800;letter-spacing:-.03em;text-transform:uppercase}.login-badge-light{color:#fff8eff5;font-weight:400;letter-spacing:.12em}.login-cloud-divider{width:30px;height:18px;background:linear-gradient(180deg,#e5c089,#d6b07b)}.login-brand-note{max-width:520px;margin:26px 0 0;color:#fff8efd6;font-size:1rem;line-height:1.9}.login-brand-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:14px}.login-brand-stat{padding:18px;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.login-brand-stat strong{display:block;margin-bottom:8px;font-size:.96rem}.login-brand-stat span{color:#fff8efc7;line-height:1.7;font-size:.92rem}.login-card{display:flex;flex-direction:column;justify-content:center;padding:40px 38px;background:radial-gradient(circle at top right,rgba(214,176,123,.16),transparent 22%),linear-gradient(180deg,#fffffff5,#fffcf7e6)}.login-copy{margin-top:0}.login-copy h1{margin:18px 0 14px;font-size:clamp(2.5rem,4vw,4rem);line-height:.98;letter-spacing:-.05em}.login-copy p{margin:0;color:var(--muted);font-size:1.03rem;line-height:1.85}.login-form{display:grid;gap:16px;margin-top:26px}.field-group{display:grid;gap:8px}.field-group span{color:var(--muted);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.field-group input{min-height:58px;width:100%;padding:0 18px;border:1px solid var(--line);border-radius:18px;background:#fffffff0;color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.field-group input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #a34b2a1a}.login-error{padding:12px 14px;border-radius:14px;background:#b63e3e14;border:1px solid rgba(182,62,62,.18);color:var(--danger);font-weight:600}.login-button{min-height:58px;border:none;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;font-weight:800;font-size:1.05rem;letter-spacing:.02em;box-shadow:var(--shadow);cursor:pointer}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:22px;height:100vh;padding:24px 18px;color:var(--sidebar-text);background:linear-gradient(180deg,rgba(122,78,49,.12),transparent 25%),var(--sidebar);border-right:1px solid rgba(255,255,255,.08);overflow:auto}.brand-block{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.tatweer-integrated-badge{display:inline-flex;align-items:center;gap:10px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000040,inset 0 0 12px var(--border-glow);padding:12px 16px;border-radius:12px}.badge-brand-text{display:flex;align-items:center;gap:10px;color:var(--text-light);font-family:Plus Jakarta Sans,Inter,sans-serif;font-weight:700;font-size:1rem;text-transform:uppercase}.cloud-divider{display:inline-block;width:18px;height:12px;background:var(--accent-mint);clip-path:path("M3,12 C1.34,12 0,10.66 0,9 C0,7.58 1,6.42 2.34,6.08 C2.84,3.75 4.92,2 7.5,2 C10.19,2 12.44,3.92 12.87,6.5 C13.04,6.5 13.21,6.5 13.5,6.5 C16,6.5 18,8.5 18,11 C18,13.5 16,12 13.5,12 Z")}.cloud-suffix{font-weight:400;letter-spacing:.08em;opacity:.92}.brand-copy h1{margin:0;font-size:1.45rem;line-height:1.1}.brand-copy p{margin:6px 0 0;max-width:240px;color:#fff8efb8;line-height:1.55;font-size:.94rem}.sidebar-group{display:grid;gap:8px}.sidebar-label{padding:0 8px 4px;color:#fff8ef7a;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:13px 14px;border:1px solid transparent;border-radius:16px;background:transparent;color:#fff8efeb;cursor:pointer;text-align:left;transition:.18s ease}.sidebar-link:hover,.sidebar-link.active{transform:translate(3px);background:#ffffff1a;border-color:#ffffff0f}.sidebar-badge{padding:6px 10px;border-radius:999px;background:#ffffff1f;color:#ffe6ca;font-size:.75rem;font-weight:700}.sidebar-card{padding:18px;border-radius:18px;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border:1px solid rgba(255,255,255,.08)}.sidebar-card h3{margin:0 0 8px;font-size:1rem}.sidebar-card p{margin:0;color:#fff8efb8;line-height:1.65;font-size:.92rem}.main-panel{padding:24px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.eyebrow{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#fff4e7;color:var(--brand-deep);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.topbar h2{margin:16px 0 10px;font-size:clamp(2rem,3vw,3rem);line-height:1;letter-spacing:-.05em}.topbar p{margin:0;max-width:760px;color:var(--muted);line-height:1.7}.topbar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.user-chip{display:grid;gap:2px;min-height:52px;padding:10px 14px;border:1px solid var(--line);border-radius:16px;background:#ffffffc7;box-shadow:var(--shadow)}.user-chip strong{font-size:.92rem}.user-chip span{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.search-box,.ghost-button,.primary-button{min-height:52px;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow)}.search-box{display:flex;align-items:center;gap:12px;min-width:320px;padding:0 16px;background:#ffffffc7}.search-box span{color:var(--muted);font-weight:700}.search-box input{flex:1;border:none;outline:none;background:transparent;color:var(--text)}.ghost-button,.primary-button{padding:0 18px;font-weight:700;cursor:pointer}.ghost-button{background:#ffffffc7;color:var(--text)}.primary-button{background:linear-gradient(135deg,var(--brand),var(--brand-deep));border-color:transparent;color:#fff}.page-body{display:grid;gap:18px}.hero-grid,.content-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.hero-panel{grid-column:span 8}.hero-side{grid-column:span 4;display:grid;gap:18px}.panel{padding:22px;border-radius:24px;border:1px solid rgba(229,219,205,.95);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel h3{margin:0;font-size:1.1rem}.panel p{color:var(--muted)}.hero-chip,.inline-chip{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg-soft);color:var(--brand-deep);font-size:.78rem;font-weight:800}.hero-panel h3{margin:16px 0 8px;font-size:clamp(1.9rem,3vw,2.5rem);line-height:1.05;letter-spacing:-.05em}.hero-panel>p{max-width:760px;line-height:1.8}.mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.mini-stat{padding:18px;border-radius:18px;background:#ffffffd6;border:1px solid var(--line)}.mini-stat strong{display:block;margin-bottom:6px;font-size:1.45rem}.mini-stat span,.mini-stat small{display:block}.mini-stat span{margin-bottom:6px;color:var(--muted)}.trend{font-weight:700;font-size:.8rem}.trend.up{color:var(--success)}.trend.warn{color:var(--warning)}.trend.down{color:var(--danger)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-head p{margin:6px 0 0;font-size:.92rem}.stack-list,.timeline,.insight-list,.check-list,.audit-list{display:grid;gap:12px}.stack-row,.timeline-item,.insight-card,.check-item,.audit-item,.catalogue-row{padding:14px 16px;border-radius:18px;background:#ffffffd1;border:1px solid var(--line)}.stack-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stack-copy{display:flex;align-items:center;gap:10px}.status-dot{width:10px;height:10px;border-radius:50%;background:currentColor}.status-dot.healthy{color:var(--success)}.status-dot.warning{color:var(--warning)}.timeline-item strong,.insight-card strong,.check-item strong,.audit-item strong,.catalogue-card strong{display:block;margin-bottom:6px}.timeline-item p,.insight-card p,.check-item p,.audit-item p,.catalogue-card p,.data-row p,.data-row small{margin:0}.timeline-item span{display:inline-block;margin-top:8px;color:var(--muted);font-size:.82rem}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end;min-height:240px}.bar-item{display:grid;justify-items:center;gap:12px}.bar-track{width:100%;height:190px;display:flex;align-items:end;padding:10px;border-radius:18px;background:linear-gradient(180deg,#fff9,#f2e0ccb8);border:1px solid var(--line)}.bar-fill{width:100%;border-radius:14px;background:linear-gradient(180deg,#ddb47d,#a44c2a)}.feature-grid,.plan-grid,.catalogue-grid{display:grid;gap:14px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-grid,.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card,.plan-card,.catalogue-card{padding:18px;border-radius:20px;border:1px solid var(--line);background:#ffffffd1}.feature-card p{margin-bottom:0;line-height:1.7}.plan-top,.catalogue-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.plan-card h4{margin:14px 0;font-size:1.55rem;color:var(--brand-deep)}.plan-card ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.8}.table-card{overflow:hidden;border-radius:20px;border:1px solid var(--line)}.data-table{display:grid}.data-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;align-items:center;padding:15px 16px;background:#ffffffd1;border-bottom:1px solid var(--line)}.data-header{background:#f8f2e8;color:var(--muted);font-size:.77rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.data-row:last-child{border-bottom:none}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:96px;padding:8px 10px;border-radius:999px;font-size:.78rem;font-weight:800}.status-pill.good{background:#257a561a;color:var(--success)}.status-pill.warn{background:#c8861d1f;color:var(--warning)}.status-pill.danger{background:#b63e3e1a;color:var(--danger)}.catalogue-list{display:grid;gap:10px;margin-top:14px}.catalogue-row{display:flex;align-items:center;justify-content:space-between}.audit-item{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.audit-meta{display:grid;justify-items:end;gap:6px;color:var(--muted);font-size:.85rem}@media(max-width:1200px){.app-shell,.login-stage{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.hero-panel,.hero-side,.span-4,.span-5,.span-7,.span-8,.span-12{grid-column:1 / -1}.mini-stats,.feature-grid,.plan-grid,.catalogue-grid{grid-template-columns:1fr 1fr}}@media(max-width:780px){.main-panel{padding:16px}.login-shell{padding:12px}.login-brand-panel,.login-card{padding:24px}.login-brand-grid{grid-template-columns:1fr}.topbar{flex-direction:column}.search-box{min-width:100%}.mini-stats,.feature-grid,.plan-grid,.catalogue-grid{grid-template-columns:1fr}.chart{grid-template-columns:repeat(3,minmax(0,1fr))}.audit-item{flex-direction:column}.audit-meta{justify-items:start}}