@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=IBM+Plex+Sans+Arabic:wght@500;700&display=swap";:root{color:#14253a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text:#132639;--muted:#6c7b8b;--muted-strong:#46586b;--accent-strong:#0f8f79;--panel:#ffffffdb;--line:#13263914;--shadow-soft:0 20px 48px #14253a14;background:radial-gradient(circle at 100% 0,#f0fbf8 0,#0000 24%),radial-gradient(circle at 0 100%,#fff4e6 0,#0000 22%),linear-gradient(#f3f6f7 0%,#ebf0f2 100%);font-family:Cairo,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}body,button,a,input,textarea{font-family:Cairo,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{appearance:none}button:focus,a:focus{outline:none}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #0f8f7957}h1,h2,h3,h4,.summary-card strong,.quick-stat strong,.signal-score strong,.status-card strong{font-family:IBM Plex Sans Arabic,Cairo,sans-serif}a{color:inherit}#root{min-height:100vh}::selection{background:#1ab89d2e}.auth-shell{place-items:center;min-height:100vh;padding:1.25rem;display:grid}.auth-panel{gap:1rem;width:min(1100px,100%);display:grid}.auth-copy,.login-card,.mobile-appbar,.topbar,.overview-card,.signal-card,.summary-card,.panel{border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:1.6rem}.auth-copy,.login-card{background:linear-gradient(#fffffff0,#f8fbfceb)}.auth-copy{gap:.85rem;padding:1.4rem;display:grid}.auth-copy h1,.login-head h2,.brand-card h1,.topbar h2,.overview-card h3,.panel h3{margin:0}.auth-copy p:last-child,.topbar-copy p:last-child,.login-head p{color:var(--muted-strong);margin:0}.auth-highlights{flex-wrap:wrap;gap:.6rem;display:flex}.auth-chip{color:var(--accent-strong);background:#0f8f7914;border-radius:999px;justify-content:center;align-items:center;padding:.5rem .85rem;font-size:.82rem;font-weight:800;display:inline-flex}.login-card{gap:.95rem;padding:1.2rem;display:grid}.status-view,.institution-picker,.switcher-card{border:1px solid var(--line);width:min(560px,100%);box-shadow:var(--shadow-soft);background:linear-gradient(#fffffff2,#f8fbfceb);border-radius:1.6rem;gap:1rem;padding:1.3rem;display:grid}.status-view strong{font-size:1.3rem}.status-view p{color:var(--muted-strong);margin:0}.status-actions{flex-wrap:wrap;gap:.7rem;display:flex}.login-head{gap:.35rem;display:grid}.field{gap:.45rem;display:grid}.field span{color:var(--muted-strong);font-size:.88rem;font-weight:700}.field input{min-height:3.2rem;color:var(--text);background:#fffc;border:1px solid #1326391a;border-radius:1rem;padding:.85rem 1rem;font-size:.96rem}.field input::placeholder{color:#97a6b3}.auth-submit{justify-content:center;width:100%}.auth-error{color:#b6463d;margin:0;font-size:.86rem;font-weight:700}.auth-note{color:var(--muted);margin:0;font-size:.82rem;line-height:1.6}.dashboard-shell{gap:1rem;min-height:100vh;padding:1rem;display:grid}.sidebar-overlay{z-index:30;opacity:0;pointer-events:none;background:#06111b75;transition:opacity .18s;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;pointer-events:auto}.dashboard-main{align-content:start;gap:1rem;display:grid}.mobile-appbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fcfefde0;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.55rem .7rem;display:grid;position:sticky;top:.75rem}.mobile-appbar-title{min-width:0;display:grid}.mobile-appbar-title strong{font-size:.95rem;line-height:1.1}.mobile-appbar-title span{color:var(--muted);font-size:.78rem}.mobile-menu-button{cursor:pointer;background:linear-gradient(#11273e,#1a4650);border:0;border-radius:.95rem;place-items:center;gap:.22rem;width:2.9rem;height:2.9rem;display:inline-grid;box-shadow:0 10px 24px #14253a38}.mobile-menu-button span{background:#f6fbff;border-radius:999px;width:1.05rem;height:.14rem}.toolbar-indicator{min-height:2.35rem;color:var(--accent-strong);white-space:nowrap;background:#0f8f7914;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:.82rem;font-weight:800;display:inline-flex}.toolbar-dot{background:#10b488;border-radius:999px;width:.55rem;height:.55rem}.sidebar{z-index:40;color:#eef8fb;background:radial-gradient(circle at 100% 0,#60ffe124,#0000 28%),linear-gradient(#0b1826fc,#11313afc);border-radius:1.8rem;align-content:start;gap:1rem;width:min(86vw,21.5rem);padding:1rem;transition:transform .22s;display:grid;position:fixed;top:.75rem;bottom:.75rem;right:.75rem;overflow-y:auto;transform:translate(108%);box-shadow:0 24px 70px #06101a52}.sidebar.open{transform:translate(0)}.sidebar-header{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.sidebar-close,.sidebar-logout{cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-close{color:#eef8fb;background:#ffffff14;border-radius:.85rem;width:2.4rem;height:2.4rem;font-size:1.4rem;line-height:1}.brand-card{align-items:center;gap:.9rem;display:flex}.brand-icon{background:#ffffff14;border-radius:.95rem;grid-template-columns:repeat(2,.82rem);gap:.28rem;padding:.65rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff0a}.brand-icon span{background:linear-gradient(#b4fff2,#2bc8ad);border-radius:.32rem;width:.82rem;height:.82rem;display:block}.sidebar-section{gap:.7rem;display:grid}.sidebar-title{color:#eef8fbad;letter-spacing:.08em;margin:0;font-size:.78rem}.sidebar-nav{gap:.7rem;display:grid}.sidebar-nav a{color:#eef8fbe6;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:1.1rem;align-items:center;gap:.85rem;padding:.9rem .95rem;text-decoration:none;transition:transform .14s,background-color .14s;display:flex}.sidebar-nav a:hover{transform:translate(-2px)}.sidebar-nav a.active{color:#062225;background:linear-gradient(135deg,#b4fff2,#4fd4c0);border-color:#0000}.nav-icon{background:#ffffff14;border-radius:.8rem;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;font-size:.7rem;font-weight:800;display:inline-flex}.sidebar-nav a.active .nav-icon{background:#06222514}.nav-copy{gap:.1rem;display:grid}.nav-copy strong{font-size:.95rem}.nav-copy small{color:inherit;opacity:.72;font-size:.76rem}.focus-card,.sidebar-user{background:#ffffff14;border:1px solid #ffffff0d;border-radius:1.3rem;gap:.5rem;padding:1rem;display:grid}.focus-card strong,.sidebar-user strong{font-size:1.08rem}.focus-card span,.sidebar-user span{color:#eef8fbc7}.sidebar-logout{color:#eef8fb;background:#ffffff1f;border-radius:999px;justify-self:start;min-height:2.5rem;padding:.45rem .8rem;font-weight:700}.sidebar-secondary{color:#eef8fb;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;justify-self:start;min-height:2.5rem;padding:.45rem .8rem;font-weight:700}.sidebar-user-actions{flex-wrap:wrap;gap:.6rem;display:flex}.topbar{background:radial-gradient(circle at 100% 0,#70ffe229,#0000 24%),linear-gradient(#fffffff0,#f8fbfceb);gap:1rem;padding:1rem;display:grid}.topbar-copy{gap:.55rem;display:grid}.topbar h2{font-size:clamp(1.7rem,5vw,2.5rem);line-height:1.06}.topbar-side{gap:.85rem;display:grid}.status-card{background:#11273e0a;border-radius:1.2rem;gap:.15rem;padding:.95rem 1rem;display:grid}.status-card span,.summary-card span,.quick-stat span,.team-meta span,.priority-item span,.schedule-item span{color:var(--muted);font-size:.84rem;display:block}.status-card strong{font-size:2rem;line-height:1}.status-card p{color:var(--muted-strong);margin:0}.topbar-actions{flex-wrap:wrap;gap:.7rem;display:flex}.primary-btn,.ghost-btn,.text-btn{cursor:pointer;border:0;font-family:inherit;font-size:.94rem;font-weight:700}.primary-btn,.ghost-btn{border-radius:999px;min-height:3rem;padding:.82rem 1rem}.primary-btn{color:#06211d;background:linear-gradient(135deg,#93f7e2,#23c7a7)}.ghost-btn{color:var(--text);background:#1326390f}.text-btn{color:var(--accent-strong);background:0 0;padding:0}.logout-btn{margin-inline-start:auto}.overview-grid,.summary-grid,.workspace-grid,.column-stack,.api-keys-layout,.key-list,.key-meta-grid{gap:1rem;display:grid}.switcher-modal{z-index:45;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.switcher-card{width:min(620px,100%)}.switcher-close{margin-inline-start:auto}.institution-list{gap:.8rem;display:grid}.institution-item{width:100%;color:var(--text);text-align:right;cursor:pointer;background:#13263908;border:1px solid #13263914;border-radius:1.1rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.institution-item strong{margin-bottom:.15rem;font-size:1rem;display:block}.institution-item span,.institution-item small{color:var(--muted)}.institution-item.selected{background:#0f8f7914;border-color:#0f8f7942}.overview-card,.signal-card,.panel{background:linear-gradient(#ffffffeb,#f9fcfce6);padding:1rem}.page-panel,.api-keys-panel{gap:1rem}.page-panel{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:linear-gradient(#fffffff0,#f8fbfceb);border-radius:1.6rem;padding:1rem;display:grid}.page-hero{gap:.9rem;display:grid}.page-hero h2,.page-hero p{margin:0}.page-hero p:last-child{color:var(--muted-strong)}.inline-badge,.status-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:2.2rem;padding:.35rem .8rem;font-size:.8rem;font-weight:800;display:inline-flex}.inline-badge{color:var(--accent-strong);background:#0f8f7914}.key-create-card,.key-guide-card,.generated-key-card,.key-item,.empty-keys-state{background:#1326390a;border:1px solid #1326390f;border-radius:1.2rem;padding:1rem}.key-create-card,.key-guide-card,.generated-key-card,.empty-keys-state{gap:.85rem;display:grid}.key-guide-row,.generated-key-head,.key-item-head,.key-item-actions{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.key-guide-row span,.key-item-head span,.key-meta-cell span,.empty-keys-state p{color:var(--muted);font-size:.84rem}.key-guide-row strong{font-size:1rem}.generated-key-card code{color:#effffb;overflow-wrap:anywhere;background:#11273e;border-radius:1rem;padding:.9rem 1rem;font-size:.82rem;line-height:1.8;display:block}.api-message{color:var(--muted-strong)}.key-item{gap:.9rem;display:grid}.key-item-head strong,.key-meta-cell strong{margin-top:.18rem;display:block}.status-pill.active{color:#0f8f79;background:#0f8f791a}.status-pill.inactive{color:#b6463d;background:#b6463d1a}.key-meta-cell{background:#ffffffbd;border-radius:1rem;padding:.85rem .9rem}.danger-btn{color:#a33e37;cursor:pointer;background:#b6463d1f;border:0;border-radius:999px;min-height:3rem;padding:.82rem 1rem;font-family:inherit;font-size:.94rem;font-weight:700}.danger-btn:disabled,.primary-btn:disabled,.ghost-btn:disabled{opacity:.55;cursor:not-allowed}.empty-keys-state strong{font-size:1rem}.empty-keys-state p{margin:0}.panel-intro,.panel-head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.overview-card h3,.panel h3{font-size:clamp(1.2rem,4.4vw,1.55rem);line-height:1.15}.quick-stats{gap:.75rem;display:grid}.quick-stat{background:#11273e0a;border-radius:1.15rem;padding:.95rem}.quick-stat strong{margin-top:.28rem;font-size:1.45rem;display:block}.signal-card{color:#effffb;background:radial-gradient(circle at 0 0,#78ffe02e,#0000 24%),linear-gradient(#0e1d2d,#123840);gap:1rem;display:grid}.signal-head{justify-content:space-between;align-items:center;display:flex}.live-pill{background:#ffffff1a;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .65rem;font-size:.78rem;display:inline-flex}.signal-score strong{font-size:3.1rem;line-height:.9;display:block}.signal-score span{color:#effffbc7}.signal-bars{align-items:end;gap:.55rem;height:8rem;display:flex}.signal-bars span{background:linear-gradient(#90ffe8,#18b89c);border-radius:999px 999px .45rem .45rem;flex:1}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card{background:linear-gradient(#ffffffe6,#f8fbfce0);padding:1rem}.summary-card strong{margin:.3rem 0;font-size:2rem;line-height:1;display:block}.summary-card p{margin:0;font-size:.82rem;font-weight:700}.tone-teal p{color:#0f8f79}.tone-blue p{color:#2a64ea}.tone-amber p{color:#ca7a13}.tone-green p{color:#219d52}.team-list,.priority-list,.activity-list,.schedule-list{gap:.8rem;margin-top:1rem;display:grid}.team-item,.priority-item,.activity-item,.schedule-item{background:#1326390a;border-radius:1.1rem;padding:.95rem}.team-meta,.priority-item,.schedule-item{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.team-meta strong,.priority-item strong,.activity-item strong,.schedule-item strong{margin-bottom:.15rem;display:block}.team-meta em,.priority-side em,.priority-side b,.schedule-item time{font-style:normal;font-weight:700}.progress-line{background:#13263914;border-radius:999px;height:.5rem;margin-top:.8rem;overflow:hidden}.progress-line span{border-radius:inherit;background:linear-gradient(90deg,#1ab89d,#8af6df);height:100%;display:block}.priority-side{text-align:left;gap:.15rem;display:grid}.priority-side b{color:var(--accent-strong)}.soft-accent-panel{background:radial-gradient(circle at 100% 0,#ffdcba6b,#0000 30%),linear-gradient(#ffffffeb,#f9fcfce6)}.activity-item{grid-template-columns:auto 1fr;align-items:start;gap:.75rem;display:grid}.badge{min-width:4.7rem;color:var(--accent-strong);background:#0f8f791f;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .7rem;font-size:.78rem;font-weight:800;display:inline-flex}.activity-item p{color:var(--muted);margin:0}.schedule-item{grid-template-columns:auto 1fr;display:grid}.schedule-item time{color:var(--accent-strong)}.micro-label{color:var(--muted);letter-spacing:.06em;margin:0;font-size:.76rem}.micro-label-dark{color:#eef8fbad}@media (width<=719px){.summary-grid{grid-template-columns:1fr}.team-meta,.priority-item,.generated-key-head,.key-item-head,.key-item-actions{flex-direction:column;align-items:start}.key-item-actions>*{justify-content:center;width:100%}}@media (width>=720px){.auth-panel{grid-template-columns:minmax(0,1fr) minmax(24rem,.9fr);align-items:stretch}.dashboard-shell{padding:1.25rem}.mobile-appbar{padding-inline:.8rem}.topbar{grid-template-columns:minmax(0,1.25fr) minmax(17rem,.75fr);align-items:start;padding:1.2rem}.overview-grid{grid-template-columns:minmax(0,1.25fr) minmax(16rem,.85fr)}.quick-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.api-keys-layout{grid-template-columns:minmax(0,1.1fr) minmax(16rem,.8fr)}.key-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-hero{grid-template-columns:minmax(0,1fr) auto;align-items:start}}@media (width>=1100px){.mobile-appbar,.sidebar-close,.sidebar-overlay,.logout-btn{display:none}.dashboard-shell{grid-template-columns:18.25rem minmax(0,1fr);align-items:start;padding:1.5rem}.sidebar{width:auto;min-height:calc(100vh - 3rem);position:sticky;top:1.5rem;bottom:auto;right:auto;transform:none}.dashboard-main{gap:1.15rem}}