:root{--bg: #f4f1e7;--surface: rgba(255, 255, 255, .9);--surface-strong: #fffdf8;--surface-muted: #eef4ef;--line: rgba(15, 56, 48, .14);--text: #11241f;--muted: #5d726c;--brand: #0d6f59;--brand-dark: #083b31;--accent: #c98f2b;--danger: #ac4440;--ok: #1e8b5a;--warn: #a56a16;--shadow: 0 18px 44px rgba(17, 36, 31, .12)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Cairo,Tajawal,sans-serif;color:var(--text);background:radial-gradient(circle at top right,rgba(13,111,89,.24),transparent 28%),radial-gradient(circle at bottom left,rgba(201,143,43,.16),transparent 26%),linear-gradient(180deg,#f8f5ed 0%,#edf3ef 48%,#f7fbff 100%)}body{padding:18px}button,input,select,textarea{font:inherit}button{border:0}textarea,input,select{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.94);color:var(--text);padding:12px 14px}textarea{min-height:110px;resize:vertical}textarea:focus,input:focus,select:focus{outline:none;border-color:#0d6f596b;box-shadow:0 0 0 4px #0d6f5914}#app{min-height:calc(100vh - 36px)}.app-shell{max-width:1240px;margin:0 auto;display:grid;gap:16px}.shell-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-shell{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;padding:24px;background:linear-gradient(140deg,rgba(13,111,89,.96),rgba(12,52,81,.92)),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0));color:#f5fffb}.hero-copy h1,.hero-copy p,.hero-copy .eyebrow{margin:0}.eyebrow,.card-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#f5fffbbd}.card-kicker{color:var(--muted)}.hero-copy h1{font-size:clamp(2rem,4vw,3.4rem);margin-top:10px;line-height:1.08}.hero-subtitle{margin-top:10px;max-width:46rem;line-height:1.7;color:#f5fffbe0}.hero-actions{display:grid;align-content:start;gap:10px}.language-switcher{display:grid;gap:6px;color:#f5fffbe0}.language-switcher select{background:rgba(255,255,255,.94);color:var(--text)}.status-bar{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px}.status-pill{border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-size:.88rem}.status-pill.small{font-size:.74rem;padding:6px 10px}.status-pill.good{color:#c9ffd5}.status-pill.warn{color:#ffe2a8}.main-nav{display:flex;gap:10px;flex-wrap:wrap}.nav-link{text-decoration:none;color:var(--muted);padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.74);border:1px solid rgba(17,36,31,.08);font-weight:700}.nav-link.active{color:#fff;background:linear-gradient(135deg,var(--brand),#114f73)}.notice-stack{display:grid;gap:8px}.notice{border-radius:16px;padding:12px 14px;border:1px solid transparent;font-weight:700}.notice-info{background:#e6f7f0;border-color:#1e8b5a38}.notice-warning{background:#fff4df;border-color:#a56a1647}.notice-error{background:#ffefee;border-color:#ac444047}.page-stack{display:grid;gap:16px}.feature-banner,.action-card,.info-card,.timeline-card,.side-panel,.admin-form,.operation-card{padding:18px}.feature-banner{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.feature-banner h2,.info-card h3,.timeline-card h3,.admin-form h3,.side-panel h3,.action-card h3{margin:6px 0 10px}.feature-banner p,.info-card p,.timeline-card p,.side-panel p,.action-card p,.admin-intro p{margin:0;line-height:1.75}.feature-points{display:grid;gap:10px}.feature-points span{border-radius:16px;padding:12px 14px;background:var(--surface-muted);border:1px dashed rgba(13,111,89,.22);font-weight:700}.overview-grid,.updates-grid,.admin-grid,.operations-grid,.plugin-grid{display:grid;gap:16px;grid-template-columns:repeat(12,minmax(0,1fr))}.info-card,.timeline-card,.plugin-card,.admin-form,.operation-card{grid-column:span 4}.action-rail{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.action-card{display:grid;gap:14px;align-content:space-between}.accent-card{background:linear-gradient(145deg,rgba(13,111,89,.96),rgba(17,79,115,.92));color:#f5fffb}.accent-card .card-kicker{color:#f5fffbbd}.muted-card{background:linear-gradient(135deg,rgba(255,247,231,.95),rgba(246,252,255,.96))}.prayer-hero-card{padding:20px;display:grid;grid-template-columns:1fr auto;gap:18px;background:radial-gradient(circle at top left,rgba(201,143,43,.18),transparent 32%),linear-gradient(145deg,rgba(255,253,248,.98),rgba(237,244,239,.94))}.prayer-hero-card h3,.prayer-hero-card p{margin:0}.prayer-hero-meta{display:grid;gap:10px;align-content:start;min-width:240px}.prayer-grid,.companion-grid{display:grid;gap:16px}.prayer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.companion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prayer-card{padding:18px;display:grid;gap:10px;align-content:start;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,255,.92))}.prayer-card.done{border-color:#1e8b5a57;box-shadow:0 18px 42px #1e8b5a1f}.prayer-card h3,.prayer-card p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:12px 16px;background:linear-gradient(135deg,var(--brand),#114f73);color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.btn:hover{filter:brightness(1.04)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:rgba(255,255,255,.9);color:var(--brand-dark);border:1px solid rgba(13,111,89,.15)}.btn-accent{background:linear-gradient(135deg,var(--accent),#a96817)}.btn-danger{background:linear-gradient(135deg,var(--danger),#7c2926)}.assistant-layout{display:grid;gap:16px;grid-template-columns:1.3fr .7fr}.assistant-primary,.admin-intro{padding:20px}.assistant-headline,.admin-intro,.admin-auth-row,.inline-actions,.operation-card header,.plugin-card header{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}.avatar-pills{display:flex;flex-wrap:wrap;gap:10px}.avatar-pill{padding:10px 14px;border-radius:999px;border:1px solid rgba(17,36,31,.12);background:#fff;cursor:pointer}.avatar-pill.active{color:#fff;background:linear-gradient(135deg,var(--brand),#114f73)}.chat-timeline{min-height:320px;max-height:470px;overflow:auto;display:grid;gap:10px;padding:12px;border-radius:20px;background:linear-gradient(180deg,rgba(246,251,249,.98),rgba(237,244,239,.82));border:1px solid rgba(13,111,89,.08)}.chat-bubble{max-width:85%;border-radius:18px;padding:12px 14px;display:grid;gap:8px}.chat-bubble p,.chat-bubble small{margin:0}.chat-bubble.user{justify-self:end;background:linear-gradient(135deg,var(--brand),#114f73);color:#fff}.chat-bubble.assistant{justify-self:start;background:#fff;border:1px solid rgba(17,36,31,.1)}.chat-composer{display:grid;grid-template-columns:1fr auto;gap:12px}.chat-composer textarea{min-height:120px}.empty-chat{text-align:center;color:var(--muted);padding:24px 16px}.side-panel small,.info-card small,.timeline-card small{color:var(--muted)}.metric-list,.memory-list,.operation-list{display:grid;gap:10px}.memory-list{list-style:none;padding:0;margin:0}.memory-list li{padding:10px 12px;border-radius:14px;background:rgba(238,244,239,.82);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.plugin-card{display:grid;gap:12px}.badge{border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:800}.badge.integrated{background:rgba(30,139,90,.12);color:var(--ok)}.badge.portal{background:rgba(17,79,115,.1);color:#114f73}.token-form,.checkbox-inline{display:inline-flex;align-items:center;gap:10px}.token-form{flex-wrap:wrap}.checkbox-inline{font-weight:700;color:var(--muted)}.checkbox-inline input{width:auto}@media (max-width: 1024px){.hero-shell,.assistant-layout,.feature-banner,.action-rail,.prayer-hero-card,.companion-grid{grid-template-columns:1fr}.prayer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-card,.timeline-card,.plugin-card,.admin-form,.operation-card{grid-column:span 6}}@media (max-width: 720px){body{padding:10px}.hero-shell,.assistant-primary,.feature-banner,.admin-intro,.admin-form,.plugin-card,.timeline-card,.info-card,.action-card{padding:16px}.chat-composer,.token-form{grid-template-columns:1fr;display:grid}.overview-grid,.updates-grid,.admin-grid,.operations-grid,.plugin-grid,.prayer-grid,.companion-grid{grid-template-columns:1fr}.info-card,.timeline-card,.plugin-card,.admin-form,.operation-card{grid-column:auto}.main-nav{overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.nav-link{white-space:nowrap}}
