@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap";.school-story{--story-gold:#fabe28;--story-ink:#15253d;max-width:1440px;margin-inline:auto}.story-hero{background:radial-gradient(at 15% 70%,#fff0be 0,#0000 53%),#fffdf7;border:1px solid #e5e7ec;border-radius:22px;grid-template-columns:1.15fr 1fr;align-items:center;gap:28px;min-height:330px;padding:36px 42px;display:grid;overflow:hidden}.story-eyebrow{color:#6c5827;align-items:center;gap:8px;font-size:.75rem;display:inline-flex}.story-hero h2{color:var(--story-ink);letter-spacing:-.04em;margin:15px 0 12px;font-size:clamp(1.55rem,2.8vw,2.6rem);line-height:1.6}.story-hero h2 em{color:#315476;font-style:normal}.story-hero__copy>p{color:#66758a;max-width:430px;margin:0;font-size:.82rem;line-height:1.9}.story-hero__year{color:var(--story-ink);letter-spacing:.12em;align-items:center;gap:14px;margin-top:20px;font-size:1rem;font-weight:600;display:inline-flex}.story-hero__year>span{color:#ac7900}.story-hero__album{justify-self:center;width:100%;max-width:410px;height:250px;position:relative}.story-hero__print{background:#fff;border:1px solid #e7e2d8;width:61%;padding:9px 9px 0;position:absolute;box-shadow:0 10px 24px #15253d15}.story-hero__print .story-photo{aspect-ratio:1.25}.story-hero__print>span{text-align:center;color:#526177;padding:10px 0;font-size:.63rem;display:block}.story-hero__print--0{z-index:3;top:25px;left:20%;transform:rotate(-5deg)}.story-hero__print--1{z-index:2;top:0;left:0;transform:rotate(-13deg)}.story-hero__print--2{z-index:1;top:17px;right:0;transform:rotate(12deg)}.story-photo{background:#ecf0f5;overflow:hidden}.story-photo img{object-fit:cover;width:100%;height:100%;display:block}.story-photo__empty{color:#66758a;background:repeating-linear-gradient(45deg,#0000,#0000 18px,#15253d03 18px 19px),linear-gradient(130deg,#eef2f8,#fbf5e4);place-content:center;justify-items:center;gap:10px;width:100%;height:100%;font-size:.7rem;display:grid}.story-controls{z-index:3;border:1px solid var(--border);background:#fff;border-radius:16px;padding:22px;position:relative}.story-controls__row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.story-controls__year{flex:0 210px;min-width:160px}.story-controls__owner{flex:230px;min-width:0}.story-control-label{color:#526177;margin-bottom:8px;font-size:.7rem;display:block}.story-search{flex:1.4 230px;min-width:0}.story-search>div{border:1px solid var(--border);color:#66758a;background:#f8fafc;border-radius:10px;align-items:center;gap:10px;min-height:56px;padding:0 14px;display:flex}.story-search input{width:100%;min-width:0;color:var(--story-ink);background:0 0;border:0;padding:12px 0;font-size:.78rem}.story-controls__bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.story-controls__bottom>span{color:#66758a;font-size:.65rem}.story-status{flex-wrap:wrap;gap:5px;display:flex}.story-status button{color:#526177;background:0 0;border-radius:8px;min-height:44px;padding:8px 15px;font-size:.7rem}.story-status button[aria-pressed=true]{color:var(--story-ink);background:#fff0ba;font-weight:700}.story-summary{color:#526177;flex-wrap:wrap;gap:14px 32px;padding:5px 4px;font-size:.76rem;display:flex}.story-summary strong{color:var(--story-ink);margin-inline-end:6px;font-size:1.35rem}.story-summary small{font-size:.6rem}.story-months{gap:8px;padding:4px 2px 12px;display:flex;overflow-x:auto}.story-months a{border:1px solid var(--border);color:#66758a;background:#fff;border-radius:10px;flex:1 0 auto;align-content:center;justify-items:center;gap:3px;min-width:78px;min-height:63px;padding:8px 13px;font-size:.66rem;text-decoration:none;display:grid}.story-months a.has-stories{color:var(--story-ink);background:#fff8df;border-color:#e4c369}.story-months a:hover{border-color:#315476}.story-months a:focus-visible{outline-offset:1px;outline:3px solid #fabe28}.story-months b{font-size:.8rem}.story-timeline{padding-inline-start:28px;position:relative}.story-timeline:before{content:"";inset-inline-start:6px;background:linear-gradient(#fabe28,#dce3ec 80%,#0000);width:2px;position:absolute;top:14px;bottom:30px}.story-month{margin-bottom:34px;scroll-margin-top:100px;position:relative}.story-month__heading{align-items:center;gap:12px;margin-bottom:18px;display:flex}.story-month__dot{inset-inline-start:-28px;border:3px solid var(--canvas);background:#bf8e12;border-radius:50%;width:14px;height:14px;position:absolute;top:9px;box-shadow:0 0 0 1px #e7cc82}.story-month__heading h3{color:var(--story-ink);margin:0;font-size:1.2rem}.story-month__heading h3 small{color:#66758a;margin-inline-start:6px;font-size:.72rem;font-weight:400}.story-month__heading p{color:#66758a;margin:3px 0 0;font-size:.7rem}.story-month__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.story-card{border:1px solid var(--border);background:#fff;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 3px 10px #15253d04}.story-card__open{text-align:start;width:100%;height:100%;color:var(--story-ink);background:#fff;flex-direction:column;padding:0;display:flex}.story-card__open:focus-visible{outline-offset:-4px;outline:3px solid #fabe28}.story-card__visual{width:100%;position:relative}.story-card__visual .story-photo{aspect-ratio:16/9}.story-card__visual img{transition:transform .24s}.story-card__open:hover .story-card__visual img{transform:scale(1.025)}.story-card__status,.story-card__photo-count{color:#15253d;background:#fff4cf;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;font-size:.62rem;display:inline-flex;position:absolute;top:12px}.story-card__status{inset-inline-start:12px}.story-card__status.is-complete{color:#205b3e;background:#e5f5ec}.story-card__photo-count{background:#fff;inset-inline-end:12px}.story-card__date{bottom:-14px;border:1px solid var(--border);background:#fff;border-radius:9px;justify-items:center;width:56px;padding:7px 4px;display:grid;position:absolute;inset-inline-end:18px;box-shadow:0 3px 10px #15253d08}.story-card__date strong{font-size:1.35rem;line-height:1.1}.story-card__date span{color:#66758a;font-size:.55rem}.story-card__content{flex-direction:column;flex:1;width:100%;padding:23px 20px 16px;display:flex}.story-card__tags{color:#526177;flex-wrap:wrap;gap:10px;padding-inline-end:50px;font-size:.59rem;display:flex}.story-card__tags span{align-items:center;gap:4px;display:inline-flex}.story-card h3{overflow-wrap:anywhere;margin:9px 0 6px;font-size:1.05rem;line-height:1.7}.story-card__content>p{color:#66758a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 14px;font-size:.76rem;line-height:1.85;display:-webkit-box;overflow:hidden}.story-card__people{color:#526177;flex-wrap:wrap;gap:8px 16px;margin-top:auto;font-size:.67rem;display:flex}.story-card__people span{overflow-wrap:anywhere;align-items:center;gap:5px;display:inline-flex}.story-card__owner{color:#66758a;margin-top:8px;font-size:.62rem;display:block}.story-card__link{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;margin-top:15px;padding-top:12px;font-size:.7rem;display:flex}.story-card__link svg{color:#526177}.story-month--quiet{margin-bottom:20px}.story-month--quiet .story-month__dot{width:10px;height:10px;box-shadow:none;background:#a6b3c3;inset-inline-start:-26px}.story-month--quiet h3{color:#526177;font-size:.85rem}.story-month--quiet p{font-size:.64rem}.story-undated{border-top:1px dashed #c4cfdd;padding-top:26px}.story-undated__heading{align-items:start;gap:12px;margin-bottom:18px;display:flex}.story-undated h3{margin:0;font-size:1rem}.story-undated__heading p{color:#66758a;margin:7px 0 0;font-size:.75rem}.story-empty{text-align:center;color:#526177;background:#fff;border:1px dashed #c4cfdd;border-radius:16px;justify-items:center;gap:10px;padding:35px 20px;display:grid}.story-empty h3{color:var(--story-ink);margin:0}.story-empty p{margin:0;font-size:.8rem}.story-end{color:#66758a;justify-content:center;align-items:center;gap:15px;padding:15px 0;font-size:.75rem;display:flex}.story-end>span{background:#d9bb62;width:35px;height:1px}@media (width<=1100px){.story-hero{gap:15px;padding:28px}.story-hero__album{height:205px}}@media (width<=680px){.story-hero{grid-template-columns:1fr;gap:20px;padding:25px 22px 15px}.story-hero__album{max-width:320px;height:210px}.story-hero__copy>p{font-size:.75rem}.story-month__cards{grid-template-columns:1fr;gap:16px}.story-controls{padding:16px}.story-controls__year,.story-controls__owner,.story-search{flex:100%}.story-summary{gap:10px 20px}.story-summary>span:last-child{flex-basis:100%}.story-timeline{padding-inline-start:22px}.story-month__dot{inset-inline-start:-22px}.story-month--quiet .story-month__dot{inset-inline-start:-20px}.story-card__content{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.school-story *,.school-story :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.brand-intro-content{display:contents}.brand-intro{z-index:1000;isolation:isolate;color:#15253d;background:radial-gradient(at 50% 44%,#fff 0% 32%,#f4f6fb 100%);place-items:center;animation:.6s cubic-bezier(.22,1,.36,1) 3.6s both intro-exit;display:grid;position:fixed;inset:0;overflow:hidden}.brand-intro__halo{aspect-ratio:1;z-index:-1;opacity:0;background:radial-gradient(circle,#fabe2821,#fabe2809 42%,#0000 68%);border-radius:50%;width:min(76vw,780px);animation:2.3s ease-out 1.1s both intro-halo;position:absolute}.brand-intro__composition{text-align:center;width:min(86vw,620px)}.brand-intro__eyebrow{color:#66758a;letter-spacing:.24em;margin-bottom:22px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:clamp(9px,1.8vw,11px);font-weight:500;animation:.65s .15s both intro-caption;display:block}.brand-intro__art{aspect-ratio:515.04/293.28;width:min(100%,515px);margin:0 auto;position:relative}.brand-intro__outline,.brand-intro__color,.brand-intro__shine{width:100%;height:100%;position:absolute;inset:0}.brand-intro__outline{animation:.6s 2.45s both intro-outline-out;overflow:visible}.brand-intro__outline path{fill:none;stroke:#273881;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:intro-draw var(--draw-duration) var(--draw-delay) cubic-bezier(.4, 0, .2, 1) both}.brand-intro__outline path.is-gold{stroke:#d79d15}.brand-intro__color{object-fit:contain;opacity:0;animation:.85s ease-out 2.2s both intro-color}.brand-intro__shine{-webkit-mask-image:var(--logo-mask);mask-image:var(--logo-mask);opacity:0;background:linear-gradient(110deg,#0000 35%,#ffffffe0 49%,#0000 63%) 100% 0/300% 100%;animation:.85s ease-in-out 2.75s both intro-shine;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.brand-intro__caption{margin-top:22px;animation:.75s 2.35s both intro-caption}.brand-intro__rule{background:#fabe28;border-radius:3px;width:38px;height:3px;margin:0 auto 18px;display:block}.brand-intro__caption h1{margin:0;font-size:clamp(17px,3.5vw,25px);font-weight:600;line-height:1.7}.brand-intro__caption p{color:#66758a;margin:6px 0 0;font-size:13px}.brand-intro__skip{bottom:max(24px, env(safe-area-inset-bottom));left:max(24px, env(safe-area-inset-left));color:#526177;background:#fff;border:1px solid #dce3ec;border-radius:24px;align-items:center;gap:12px;min-height:44px;padding:8px 16px;font-size:12px;transition:color .16s,border-color .16s,background .16s;display:flex;position:absolute}.brand-intro__skip:hover{color:#15253d;background:#fff4cf;border-color:#fabe28}.brand-intro__skip:focus-visible{outline-offset:4px;outline:3px solid #fabe28}@keyframes intro-draw{to{stroke-dashoffset:0}}@keyframes intro-color{0%{opacity:0}to{opacity:1}}@keyframes intro-outline-out{to{opacity:0}}@keyframes intro-caption{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-halo{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes intro-shine{0%{opacity:0;background-position:100% 0}20%{opacity:1}80%{opacity:1}to{opacity:0;background-position:0 0}}@keyframes intro-exit{0%{opacity:1}to{opacity:0;visibility:hidden}}@media (height<=550px) and (orientation:landscape){.brand-intro__composition{width:min(50vw,360px)}.brand-intro__eyebrow{margin-bottom:0}.brand-intro__caption{margin-top:0}.brand-intro__rule{margin-bottom:7px}}@media (prefers-reduced-motion:reduce){.brand-intro{display:none}}@media print{.brand-intro{display:none!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#15253d;font-synthesis:none;--green-950:#0d192b;--green-900:#15253d;--green-800:#1c3556;--green-700:#274a72;--green-100:#e4ebf3;--green-50:#f2f5f9;--gold:#fabe28;--gold-hover:#efb20f;--gold-100:#fff4cf;--blue:#315c8d;--blue-100:#e5edf7;--ink:#15253d;--muted:#66758a;--border:#dce3ec;--surface:#fff;--canvas:#f6f8fb;--danger:#c53c3c;--shadow-sm:0 1px 3px #15253d0e;--shadow-md:0 10px 32px #15253d14;--sidebar-width:258px;background:#f6f8fb;font-family:IBM Plex Sans Arabic,Tahoma,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth;min-width:320px}body{background:var(--canvas);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,label[for],input[type=checkbox]{cursor:pointer}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #fabe286b}.app-shell{min-height:100vh}.sidebar{z-index:30;width:var(--sidebar-width);color:#f7f9fc;background:linear-gradient(#15253d 0%,#0d192b 100%);flex-direction:column;height:100vh;padding:22px 16px 18px;display:flex;position:fixed;inset:0 0 0 auto;overflow-y:auto}.brand{border-bottom:1px solid #ffffff17;align-items:center;gap:11px;padding:0 7px 23px;display:flex}.brand__mark{color:#15253d;background:#fabe28;border-radius:13px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 25px #00000029}.brand div{min-width:0}.brand strong{font-size:.96rem;display:block}.brand small{color:#b8c4d4;margin-top:2px;font-size:.68rem;display:block}.sidebar__close{margin-inline-start:auto;display:none!important}.main-nav{gap:5px;padding:20px 0;display:grid}.main-nav__item{color:#c7d0dc;text-align:right;background:0 0;border-radius:10px;align-items:center;gap:11px;min-height:43px;padding:9px 12px;transition:all .2s;display:flex}.main-nav__item:hover{color:#fff;background:#ffffff12}.main-nav__item.is-active{color:#15253d;background:#fabe28;box-shadow:0 6px 18px #00000021}.main-nav__item span{flex:1;font-size:.82rem;font-weight:600}.main-nav__item b{color:#15253d;background:#fabe28;border-radius:20px;place-items:center;min-width:21px;height:21px;font-size:.66rem;display:grid}.sidebar__section-head{color:#94a5ba;justify-content:space-between;align-items:center;padding:6px 8px 10px;font-size:.68rem;font-weight:600;display:flex}.sidebar__section-head button{color:#d9ece3;background:#ffffff12;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.sidebar-activities{gap:4px;display:grid}.sidebar-activities>button{color:#c2ccda;text-align:right;background:0 0;border-radius:9px;grid-template-columns:8px 1fr;align-items:start;gap:9px;padding:9px 10px;transition:all .2s;display:grid}.sidebar-activities>button:hover,.sidebar-activities>button.is-active{color:#fff;background:#ffffff12}.activity-dot{background:#fabe28;border-radius:50%;width:6px;height:6px;margin-top:8px}.sidebar-activities strong,.sidebar-activities small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-activities strong{font-size:.72rem;font-weight:600}.sidebar-activities small{color:#8798ae;text-align:right;direction:ltr;margin-top:3px;font-size:.61rem}.sidebar__footer{margin-top:auto;padding-top:18px}.sidebar__footer>button{color:#b8c4d4;background:0 0;border-radius:9px;align-items:center;gap:10px;width:100%;padding:9px 11px;font-size:.78rem;display:flex}.profile{border-top:1px solid #ffffff17;grid-template-columns:34px 1fr 18px;align-items:center;gap:9px;margin-top:13px;padding:13px 10px 0;display:grid}.profile>span{color:#15253d;background:#fabe28;border-radius:50%;place-items:center;width:34px;height:34px;font-size:.7rem;font-weight:700;display:grid}.profile strong,.profile small{display:block}.profile strong{font-size:.7rem}.profile small{color:#8798ae;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.57rem;overflow:hidden}.main-content{min-height:100vh;margin-right:var(--sidebar-width)}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:12px 30px;display:flex;position:sticky;top:0}.topbar__title{align-items:center;gap:12px;display:flex}.topbar__title p{color:var(--muted);margin:0 0 2px;font-size:.67rem}.topbar h1{color:#15253d;margin:0;font-family:IBM Plex Sans Arabic,Tahoma,sans-serif;font-size:1.33rem;font-weight:700;line-height:1.25}.topbar__actions{align-items:center;gap:9px;display:flex}.menu-button{display:none!important}.save-indicator{color:#66766e;align-items:center;gap:7px;margin-left:5px;font-size:.67rem;display:inline-flex}.save-indicator>span{background:#22a35a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #dcfce7}.save-indicator.saving>span{background:#d69a26;box-shadow:0 0 0 4px #fef3c7}.button{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:9px 16px;font-size:.78rem;font-weight:700;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.button--primary{color:#15253d;background:#fabe28;box-shadow:0 5px 13px #fabe283d}.button--primary:hover{color:#15253d;background:var(--gold-hover);box-shadow:0 7px 18px #fabe284d}.button--ghost{color:#273b57;border:1px solid var(--border);background:#fff}.button--ghost:hover,.button--subtle:hover{background:#f7faf8;border-color:#a9b9af}.button--subtle{color:#34465f;border:1px solid var(--border);background:#fff}.button--light{color:#15253d;background:#fabe28;box-shadow:0 8px 22px #0000001a}.button--light:hover{color:#15253d;background:var(--gold-hover)}.button:disabled{cursor:not-allowed;opacity:.62;box-shadow:none}.icon-button{color:#506159;border:1px solid var(--border);background:#fff;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;transition:all .2s;display:inline-grid}.icon-button:hover{color:var(--green-800);background:#f6faf7;border-color:#a6b9ad}.icon-button.danger:hover{color:var(--danger);background:#fff5f5;border-color:#e8b4b4}.page-content{max-width:1480px;margin:0 auto;padding:24px 28px 56px}.welcome-panel{color:#fff;background:linear-gradient(115deg,#15253d 0%,#1c3556 72%,#274a72 100%);border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:25px;min-height:118px;padding:22px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #15253d29}.welcome-panel:before{content:"";border:34px solid #ffffff0e;border-radius:50%;width:230px;height:230px;position:absolute;top:-125px;left:-75px}.welcome-panel>*{z-index:1;position:relative}.eyebrow{color:#fbe5a7;align-items:center;gap:5px;font-size:.67rem;display:inline-flex}.welcome-panel h2{margin:4px 0 2px;font-family:IBM Plex Sans Arabic,Tahoma,sans-serif;font-size:1.42rem;font-weight:700}.welcome-panel p{color:#d9e1eb;margin:0;font-size:.78rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0 24px;display:grid}.stat-card{border:1px solid var(--border);min-height:88px;box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;grid-template-columns:46px 1fr;align-items:center;gap:14px;padding:15px 18px;display:grid}.stat-card__icon{border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.stat-card--green .stat-card__icon{color:#1c3556;background:#e4ebf3}.stat-card--blue .stat-card__icon{color:#2563eb;background:#dbeafe}.stat-card--gold .stat-card__icon{color:#15253d;background:#fff0ba}.stat-card div>span,.stat-card small{color:#66756d;font-size:.7rem;display:block}.stat-card strong{color:#1d2c24;margin-left:7px;font-size:1.42rem;line-height:1.3}.stat-card small{display:inline}.workspace-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.workspace-grid.workspace-grid--activities{grid-template-columns:1fr}.workspace-grid.workspace-grid--activities .records-column{grid-column:1;grid-template-columns:300px minmax(0,1fr);align-items:start;position:static}.workspace-grid.workspace-grid--activities .record-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.workspace-grid.workspace-grid--editor{grid-template-columns:minmax(0,1fr);max-width:1080px;margin-inline:auto}.workspace-grid.workspace-grid--editor .editor-panel{grid-column:1}.records-column,.records-panel,.editor-panel{min-width:0}.records-column{grid-column:2;gap:14px;display:grid;position:sticky;top:88px}.records-panel{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;position:relative;overflow:visible}.editor-panel{background:0 0;grid-area:1/1}.add-activity-card{color:#fff;background:linear-gradient(135deg,#1c3556,#15253d);border-radius:16px;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:17px;display:grid;box-shadow:0 10px 26px #15253d29}.add-activity-card__icon{color:#15253d;background:#fabe28;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.add-activity-card div{min-width:0}.add-activity-card small{color:#fbe5a7;font-size:.62rem}.add-activity-card h2{margin:1px 0 3px;font-size:.93rem}.add-activity-card p{color:#d9e1eb;margin:0;font-size:.64rem;line-height:1.55}.add-activity-card button{color:#15253d;background:#fabe28;border-radius:10px;grid-column:1/-1;justify-content:center;align-items:center;gap:5px;min-height:40px;margin-top:3px;font-size:.7rem;font-weight:700;transition:background-color .2s;display:flex}.add-activity-card button:hover{color:#15253d;background:var(--gold-hover)}.records-panel__head{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;padding:17px 18px 14px;display:flex}.records-panel__head small{color:#849188;margin-bottom:2px;font-size:.6rem;display:block}.records-panel__head h2{margin:0;font-size:.9rem;display:inline}.records-panel__head span{color:#75837a;margin-right:7px;font-size:.68rem}.search-box{color:#78877e;border:1px solid var(--border);background:#f8faf9;border-radius:10px;align-items:center;gap:8px;height:44px;margin:14px 14px 10px;padding:0 12px;display:flex}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:.72rem}.filter-tabs{background:#f1f4f2;border-radius:8px;grid-template-columns:repeat(3,1fr);margin:0 14px 10px;padding:3px;display:grid}.filter-tabs button{color:#68776f;background:0 0;border-radius:7px;min-height:36px;font-size:.68rem;font-weight:600;transition:all .2s}.filter-tabs button.is-active{color:#15253d;background:#fabe28;box-shadow:0 2px 8px #15253d1a}.record-list{gap:8px;max-height:640px;padding:4px 12px 14px;display:grid;overflow-y:auto}.record-card{width:100%;color:var(--ink);text-align:right;background:#fafcfb;border:1px solid #edf1ee;border-radius:11px;grid-template-columns:1fr auto;gap:7px 8px;padding:13px;transition:all .2s;display:grid}.record-card:hover{background:#f7faf8;border-color:#cbd8d0}.record-card.is-active{background:#fffaf0;border-color:#fabe28;box-shadow:inset -3px 0 #fabe28}.record-card__status{border-radius:20px;justify-self:end;align-items:center;gap:4px;padding:3px 6px;font-size:.56rem;display:inline-flex}.record-card__status span{border-radius:50%;width:5px;height:5px}.record-card__status.complete{color:#13733e;background:#dcfce7}.record-card__status.complete span{background:#22a65b}.record-card__status.draft{color:#8a641f;background:#fef3c7}.record-card__status.draft span{background:#d6a12d}.record-card>strong{white-space:nowrap;text-overflow:ellipsis;grid-area:1/1;font-size:.73rem;overflow:hidden}.record-card>small{color:#748078;grid-column:1/-1;align-items:center;gap:5px;font-size:.62rem;display:flex}.empty-state{color:#8a968f;text-align:center;justify-items:center;gap:7px;padding:40px 12px;display:grid}.empty-state strong{color:#4a5a51;font-size:.75rem}.empty-state span{font-size:.64rem}.editor-toolbar{border:1px solid var(--border);min-height:70px;box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;padding:13px 17px;display:flex}.editor-toolbar>div:first-child{align-items:center;gap:9px;min-width:0;display:flex}.editor-toolbar h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.92rem;overflow:hidden}.status-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 8px;font-size:.57rem;display:inline-flex}.status-pill span{border-radius:50%;width:5px;height:5px}.status-pill.complete{color:#11763d;background:#dcfce7}.status-pill.complete span{background:#21a85b}.status-pill.draft{color:#8a641f;background:#fef3c7}.status-pill.draft span{background:#d39c28}.editor-toolbar__actions{gap:7px;display:flex}.editor-toolbar__actions .button{min-height:44px}.document{background:0 0;border:0;border-radius:0;margin:0;overflow:visible}.document__header{color:#fff;border:1px solid #ffffff14;border-bottom:4px solid var(--gold);background:linear-gradient(110deg,#15253d,#274a72);border-radius:15px;grid-template-columns:82px 1fr 82px;align-items:center;gap:24px;min-height:118px;margin-bottom:14px;padding:18px 28px;display:grid;overflow:hidden;box-shadow:0 9px 26px #15253d21}.document__header>div:nth-child(2){text-align:center}.document__header span{color:#fbe5a7;font-size:.64rem}.document__header h2{margin:4px 0 1px;font-family:IBM Plex Sans Arabic,Tahoma,sans-serif;font-size:1.28rem;font-weight:700}.document__header p{color:#d9e1eb;margin:0;font-size:.67rem}.logo-uploader button{color:#15253d;background:#fff;border:1px solid #ffffff8c;border-radius:10px;place-items:center;width:88px;height:74px;padding:7px;transition:border-color .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 5px 16px #0812222e}.logo-uploader button:hover,.logo-uploader button:focus-visible{border-color:#fabe28;box-shadow:0 6px 20px #0812223d}.logo-uploader img{object-fit:contain;background:#fff;border-radius:5px;width:100%;height:100%;padding:2px;display:block}.logo-uploader__overlay{opacity:0;background:#fabe28f5;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-height:27px;padding:4px 6px;font-weight:700;transition:opacity .2s,transform .2s;display:flex;position:absolute;inset:auto 5px 5px;transform:translateY(4px);box-shadow:0 2px 8px #15253d29;color:#15253d!important;font-size:.52rem!important}.logo-uploader button:hover .logo-uploader__overlay,.logo-uploader button:focus-visible .logo-uploader__overlay{opacity:1;transform:translateY(0)}.activity-form{gap:14px;padding:0;display:grid}.form-section{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:15px;padding:22px 24px 24px}.form-section:last-of-type{border-bottom:1px solid var(--border)}.section-title{border-bottom:1px solid #edf1ee;align-items:center;gap:11px;margin:-3px 0 19px;padding-bottom:14px;display:flex}.section-title>span{width:34px;height:34px;color:var(--green-800);background:var(--green-50);border-radius:9px;place-items:center;font-size:.68rem;font-weight:700;display:grid}.section-title h3{color:#15253d;margin:0;font-family:IBM Plex Sans Arabic,Tahoma,sans-serif;font-size:1.02rem;font-weight:700}.section-title p{color:#78857e;margin:2px 0 0;font-size:.65rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 17px;display:grid}.form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.basic-info-editor{grid-template-columns:minmax(0,1fr) 230px;align-items:stretch;gap:18px;display:grid}.field{min-width:0;display:block}.field--full{grid-column:1/-1}.field__label{color:#263a56;margin:0 2px 7px;font-size:.7rem;font-weight:700;display:block}.field small{color:var(--muted)}.field input,.field textarea{color:#15253d;background:#fbfcfe;border:1px solid #d8e0ea;border-radius:9px;outline:0;width:100%;min-height:46px;padding:10px 12px;font-size:.75rem;transition:all .2s}.field input:hover,.field textarea:hover{border-color:#b4c4ba}.field input:focus,.field textarea:focus{background:#fff;border-color:#d9a000;box-shadow:0 0 0 3px #fabe2833}.field textarea{resize:vertical;min-height:104px;line-height:1.7}.field input::placeholder,.field textarea::placeholder{color:#a4aea8}.input-with-icon{position:relative}.input-with-icon svg{z-index:1;color:#849088;position:absolute;top:14px;right:12px}.input-with-icon input{padding-right:36px}.option-field{margin-top:17px}.chips{flex-wrap:wrap;gap:7px;display:flex}.chips button{color:#596960;background:#fff;border:1px solid #d8e2dc;border-radius:20px;align-items:center;gap:5px;min-height:38px;padding:7px 13px;font-size:.67rem;transition:all .2s;display:inline-flex}.chips button:hover{color:#31543f;border-color:#9eb5a7}.chips button.is-selected{color:#15253d;background:#fff4cf;border-color:#fabe28;font-weight:700}.photo-uploader{background:#fbfdfc;border:1px solid #dce4df;border-radius:12px;min-width:0;padding:11px}.photo-uploader--primary{flex-direction:column;height:100%;display:flex}.photo-uploader__head{align-items:center;gap:8px;min-height:38px;margin-bottom:9px;display:flex}.photo-uploader__head>span{color:#15253d;background:#fff0ba;border-radius:8px;flex:none;place-items:center;width:29px;height:29px;font-size:.58rem;font-weight:800;display:grid}.photo-uploader__head div{min-width:0}.photo-uploader__head strong,.photo-uploader__head small{display:block}.photo-uploader__head strong{color:#263a56;font-size:.67rem}.photo-uploader__head small{color:#7e8b84;margin-top:2px;font-size:.53rem}.photo-uploader__preview{color:#52655a;background:#f4f8f5;border:1px dashed #9eb2a6;border-radius:9px;flex:1;place-items:center;width:100%;min-height:132px;padding:0;transition:border-color .2s,background .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.photo-uploader__preview:hover,.photo-uploader__preview:focus-visible{background:#fffaf0;border-color:#d9a000;box-shadow:0 0 0 3px #fabe282e}.photo-uploader__preview:disabled{cursor:not-allowed;opacity:.52}.photo-uploader__preview>span{justify-items:center;gap:7px;display:grid}.photo-uploader__preview>span strong{font-size:.62rem}.photo-uploader__preview img{object-fit:cover;width:100%;height:100%;min-height:132px;display:block;position:absolute;inset:0}.photo-uploader__preview em{color:#15253d;opacity:0;background:#fabe28f0;border-radius:6px;padding:5px 8px;font-size:.54rem;font-style:normal;font-weight:700;transition:all .2s;position:absolute;inset:auto 7px 7px;transform:translateY(4px)}.photo-uploader__preview:hover em,.photo-uploader__preview:focus-visible em{opacity:1;transform:translateY(0)}.photo-uploader__remove{color:#a63737;background:#fff0f0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:34px;margin-top:7px;font-size:.58rem;font-weight:700;display:inline-flex}.supporting-photos-heading{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.supporting-photos-heading strong,.supporting-photos-heading small{display:block}.supporting-photos-heading strong{color:#263a56;font-size:.72rem}.supporting-photos-heading small{color:#7e8b84;margin-top:3px;font-size:.56rem}.supporting-photos-heading>span{color:#15253d;background:#fff0ba;border-radius:20px;padding:5px 9px;font-size:.61rem;font-weight:800}.supporting-photos-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:10px;display:grid}.supporting-photos-grid .photo-uploader__preview,.supporting-photos-grid .photo-uploader__preview img{min-height:112px}.form-footer{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:15px;padding:17px 19px;display:flex}.completion-toggle{align-items:center;gap:9px;display:flex}.completion-toggle input{opacity:0;position:absolute}.completion-toggle>span{color:#0000;background:#fff;border:1px solid #bcc9c1;border-radius:7px;place-items:center;width:25px;height:25px;transition:all .2s;display:grid}.completion-toggle input:checked+span{color:#15253d;background:#fabe28;border-color:#fabe28}.completion-toggle strong,.completion-toggle small{display:block}.completion-toggle strong{color:#364b40;font-size:.66rem}.completion-toggle small{color:#8b958f;font-size:.56rem}.print-footer{display:none}.toast{z-index:100;color:#15253d;opacity:0;pointer-events:none;background:#fabe28;border-radius:9px;align-items:center;gap:8px;padding:11px 15px;font-size:.7rem;font-weight:700;transition:all .22s;display:flex;position:fixed;bottom:23px;left:24px;transform:translateY(10px);box-shadow:0 12px 30px #15253d33}.toast.is-visible{opacity:1;transform:translateY(0)}.sidebar-backdrop,.print-sheet{display:none}.page-view{min-width:0;animation:.24s ease-out view-in}.view-heading{color:#fff;background:linear-gradient(110deg,#15253d,#274a72);border-radius:15px;justify-content:space-between;align-items:center;gap:22px;min-height:120px;margin-bottom:17px;padding:22px 26px;display:flex;box-shadow:0 12px 30px #15253d29}.view-heading>div:first-child>span{color:#fbe5a7;align-items:center;gap:6px;font-size:.67rem;display:flex}.view-heading h2{margin:4px 0 0;font-size:1.35rem}.view-heading p{color:#d9e1eb;margin:2px 0 0;font-size:.71rem}.overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(250px,.8fr);gap:15px;display:grid}.overview-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px}.view-card-head{border-bottom:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:14px;padding:17px 18px;display:flex}.view-card-head span{color:#829087;font-size:.6rem}.view-card-head h2,.quick-card h2{margin:1px 0 0;font-size:.85rem}.view-card-head>button{color:var(--green-800);background:0 0;align-items:center;gap:3px;font-size:.64rem;font-weight:700;display:inline-flex}.recent-table{padding:4px 10px 10px}.recent-table>button{width:100%;min-height:64px;color:var(--ink);text-align:right;background:0 0;border-bottom:1px solid #edf1ee;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 8px;transition:all .2s;display:grid}.recent-table>button:last-child{border-bottom:0}.recent-table>button:hover{background:#f7faf8}.recent-icon{border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.recent-icon.complete{color:#177a43;background:#e4f8eb}.recent-icon.draft{color:#9c711c;background:#fef3c7}.recent-table strong,.recent-table small{display:block}.recent-table strong{font-size:.69rem}.recent-table small,.recent-table time{color:#7a877f;font-size:.58rem}.overview-side{align-content:start;gap:15px;display:grid}.progress-card{padding-bottom:18px}.progress-card .view-card-head{border-bottom:0}.progress-card .view-card-head>svg{color:var(--green-700)}.progress-card__value{color:#15253d;padding:0 18px;font-size:2rem;display:block}.progress-track{background:#e9efeb;border-radius:10px;height:8px;margin:8px 18px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#fabe28,#e7aa0f);height:100%;transition:width .3s;display:block}.progress-card p{color:#7a877f;margin:0 18px;font-size:.62rem}.quick-card{padding:17px}.quick-card h2{margin-bottom:11px}.quick-card>button{color:#345044;text-align:right;background:0 0;border-bottom:1px solid #edf1ee;grid-template-columns:31px 1fr 18px;align-items:center;gap:8px;width:100%;min-height:55px;padding:8px 6px;display:grid}.quick-card>button:last-child{border-bottom:0}.quick-card>button>svg:first-child{color:var(--green-700)}.quick-card strong,.quick-card small{display:block}.quick-card strong{font-size:.66rem}.quick-card small{color:#87938c;margin-top:2px;font-size:.57rem}.calendar-controls{align-items:center;gap:9px;display:flex}.calendar-controls strong{color:#fff;text-align:center;min-width:145px;font-size:.82rem}.calendar-controls .icon-button{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.calendar-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;overflow:hidden}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-weekdays{color:#53655b;border-bottom:1px solid var(--border);background:#f7faf8}.calendar-weekdays span{text-align:center;padding:12px 6px;font-size:.65rem;font-weight:700}.calendar-day{background:#fff;border-bottom:1px solid #e6ece8;border-left:1px solid #e6ece8;min-width:0;min-height:113px;padding:9px}.calendar-day:nth-child(7n){border-left:0}.calendar-day.is-empty{background:#fafcfb}.calendar-day>span{color:#59675f;border-radius:7px;place-items:center;width:25px;height:25px;font-size:.65rem;font-weight:700;display:grid}.calendar-day.has-events>span{color:#15253d;background:#fabe28}.calendar-day button{color:#355244;text-align:right;white-space:nowrap;text-overflow:ellipsis;background:#f1f8f4;border-radius:6px;align-items:center;gap:5px;width:100%;margin-top:5px;padding:5px 6px;font-size:.56rem;display:flex;overflow:hidden}.calendar-day button i,.calendar-legend i{border-radius:50%;flex:none;width:6px;height:6px}.calendar-day button i.complete,.calendar-legend i.complete{background:#21a65a}.calendar-day button i.draft,.calendar-legend i.draft{background:#d19a27}.calendar-legend{color:#68766e;gap:18px;margin-top:12px;font-size:.62rem;display:flex}.calendar-legend span{align-items:center;gap:6px;display:flex}.archive-count{color:#15253d;background:#fabe28;border-radius:20px;padding:7px 12px;font-size:.65rem;font-weight:700}.archive-grid{gap:10px;display:grid}.archive-card{border:1px solid var(--border);min-height:113px;box-shadow:var(--shadow-sm);background:#fff;border-radius:13px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;display:grid}.archive-card__icon{color:#61726a;background:#edf2ef;border-radius:11px;place-items:center;width:48px;height:48px;display:grid}.archive-card.is-auto-saved .archive-card__icon{color:#1d7046;background:#e8f7ee}.archive-card__body{min-width:0}.archive-card__meta{flex-wrap:wrap;align-items:center;gap:8px!important;margin-top:0!important;display:flex!important}.archive-card__meta>span:first-child{color:#87938c;font-size:.58rem}.archive-record-status{border-radius:20px;align-items:center;width:fit-content;padding:3px 7px;font-size:.54rem;font-weight:700;display:inline-flex!important}.archive-record-status.is-saved{color:#17623d;background:#e7f7ed}.archive-record-status.is-archived{color:#675924;background:#fff2c6}.archive-card__body h3{margin:2px 0;font-size:.79rem}.archive-card__body p{color:#6f7c74;white-space:nowrap;text-overflow:ellipsis;max-width:720px;margin:0;font-size:.62rem;overflow:hidden}.archive-card__body>div{color:#7f8b84;gap:14px;margin-top:8px;font-size:.58rem;display:flex}.archive-card__body>div span{align-items:center;gap:5px;display:flex}.archive-card__actions{gap:7px;display:flex}.archive-delete-button{color:#a12828;background:#fff7f7;border:1px solid #efc8c8;border-radius:9px;min-height:44px;padding:0 14px;font-size:.65rem;font-weight:700}.archive-delete-button:hover{color:#fff;background:#a12828;border-color:#a12828}.archive-empty{color:#7c8a82;text-align:center;background:#fff;border:1px dashed #cbd6cf;border-radius:14px;place-content:center;justify-items:center;gap:7px;min-height:370px;display:grid}.archive-empty>span{color:#50705f;background:#edf5f0;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.archive-empty h3{color:#334b3e;margin:7px 0 0;font-size:.9rem}.archive-empty p{margin:0;font-size:.66rem}.login-page{background:#f6f8fb;grid-template-columns:minmax(380px,.9fr) minmax(480px,1.1fr);min-height:100vh;display:grid}.login-brand{color:#fff;background:linear-gradient(145deg,#0d192b,#15253d 56%,#274a72);flex-direction:column;justify-content:center;min-height:100vh;padding:64px clamp(38px,6vw,88px);display:flex;position:relative;overflow:hidden}.login-brand:before,.login-brand:after{content:"";border:46px solid #fabe2814;border-radius:50%;position:absolute}.login-brand:before{width:280px;height:280px;top:-120px;left:-90px}.login-brand:after{width:190px;height:190px;bottom:-70px;right:-90px}.login-brand>*{z-index:1;position:relative}.login-brand__logos{align-items:center;gap:12px;margin-bottom:34px;display:flex}.login-brand__logos img{object-fit:contain;background:#fff;border-radius:12px;width:96px;height:76px;padding:7px;display:block;box-shadow:0 8px 24px #0003}.login-brand h1{max-width:580px;margin:12px 0 9px;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.35}.login-brand>p{color:#d8e1ec;max-width:570px;margin:0;font-size:.92rem;line-height:1.9}.login-role-list{grid-template-columns:1fr 1fr;gap:12px;max-width:590px;margin-top:32px;display:grid}.login-role-list>div{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:11px;min-width:0;padding:15px;display:flex}.login-role-list>div>svg{color:#fabe28}.login-role-list strong,.login-role-list small{display:block}.login-role-list strong{color:#fff;font-size:.76rem}.login-role-list small{color:#b9c6d7;margin-top:3px;font-size:.62rem}.login-card{border:1px solid var(--border);background:#fff;border-radius:20px;place-self:center;width:min(440px,100% - 40px);padding:30px;box-shadow:0 24px 60px #15253d1f}.login-card__head{align-items:center;gap:12px;margin-bottom:24px;display:flex}.login-card__head>span{color:#15253d;background:#fabe28;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.login-card__head small{color:var(--muted);font-size:.67rem}.login-card__head h2{color:#15253d;margin:2px 0 0;font-size:1.35rem}.login-card form,.admin-create-card form{gap:15px;display:grid}.login-field{gap:7px;display:grid}.login-field>span,.login-field>label{color:#273b57;font-size:.72rem;font-weight:700}.login-field>div{color:#738197;background:#fbfcfe;border:1px solid #d8e0ea;border-radius:10px;align-items:center;gap:9px;min-height:48px;padding:0 12px;transition:all .2s;display:flex}.login-field>div:focus-within{color:#15253d;background:#fff;border-color:#d9a000;box-shadow:0 0 0 3px #fabe2833}.login-field input{color:#15253d;background:0 0;border:0;outline:0;flex:1;min-width:0}.login-submit{width:100%;margin-top:3px}.login-error{color:#9f2929;background:#fff5f5;border:1px solid #efc4c4;border-radius:9px;margin:0;padding:9px 11px;font-size:.68rem}.demo-accounts{border-top:1px solid #edf1f5;grid-template-columns:1fr 1fr;gap:8px;margin-top:21px;padding-top:18px;display:grid}.demo-accounts>span{color:var(--muted);grid-column:1/-1;font-size:.62rem;font-weight:700}.demo-accounts button{color:#273b57;border:1px solid var(--border);text-align:right;background:#f7f9fc;border-radius:9px;min-width:0;padding:10px;transition:all .2s}.demo-accounts button:hover{background:#fffaf0;border-color:#fabe28}.demo-accounts strong,.demo-accounts small{display:block}.demo-accounts strong{font-size:.65rem}.demo-accounts small{color:#77859a;text-align:left;white-space:nowrap;text-overflow:ellipsis;direction:ltr;margin-top:3px;font-size:.53rem;overflow:hidden}.login-note{color:#7b8798;margin:14px 0 0;font-size:.57rem;line-height:1.65}.first-login-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:590px;margin-top:30px;display:grid}.first-login-steps>div{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:9px;min-width:0;padding:13px;display:flex}.first-login-steps span{color:#15253d;background:#fabe28;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:.62rem;font-weight:800;display:grid}.first-login-steps strong{color:#fff;font-size:.68rem;line-height:1.5}.first-login-card{width:min(470px,100% - 40px)}.first-login-email{color:#315c8d;background:#f6f8fb;border:1px solid #dce3ec;border-radius:11px;align-items:center;gap:10px;margin:-5px 0 20px;padding:12px 13px;display:flex}.first-login-email div{min-width:0}.first-login-email span,.first-login-email strong{display:block}.first-login-email span{color:#718096;font-size:.6rem}.first-login-email strong{color:#15253d;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.72rem;overflow:hidden}.password-toggle{color:#66758a;background:0 0;border-radius:9px;flex:none;place-items:center;width:38px;height:38px;margin-inline-start:auto;display:grid}.password-toggle:hover{color:#15253d;background:#e9eef5}.first-login-logout{color:#607086;background:0 0;min-height:40px;font-size:.68rem;font-weight:700}.first-login-logout:hover{color:#15253d}.owner-filter{color:#274a72;background:#f6f8fb;border:1px solid #dce3ec;border-radius:12px;gap:7px;margin:13px 14px 0;padding:10px;display:grid}.owner-filter__label{align-items:center;gap:7px;padding-inline:2px;display:flex}.owner-filter__label span{color:#3f5672;font-size:.65rem;font-weight:700}.app-dropdown{min-width:0;position:relative}.app-dropdown__trigger{color:#15253d;text-align:right;background:#fff;border:1px solid #d6dfeb;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 11px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex}.app-dropdown__trigger:hover{background:#fcfdff;border-color:#aebed1}.app-dropdown.is-open .app-dropdown__trigger{border-color:#fabe28;box-shadow:0 0 0 3px #fabe282b}.app-dropdown__trigger>svg{color:#607089;flex:none;transition:transform .2s}.app-dropdown.is-open .app-dropdown__trigger>svg{transform:rotate(180deg)}.app-dropdown__value{gap:1px;min-width:0;display:grid}.app-dropdown__value strong,.app-dropdown__value small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-dropdown__value strong{color:#15253d;font-size:.7rem;font-weight:700}.app-dropdown__value small{color:#66758a;text-align:right;direction:ltr;font-size:.61rem;font-weight:500}.app-dropdown__menu{z-index:45;background:#fff;border:1px solid #d7e0eb;border-radius:13px;width:min(380px,100vw - 44px);padding:8px;animation:.18s both dropdown-in;position:absolute;inset:calc(100% + 7px) 0 auto;box-shadow:0 18px 45px #15253d2e,0 3px 10px #15253d12}.app-dropdown__search{color:#6a7890;background:#f7f9fc;border:1px solid #dce3ec;border-radius:9px;align-items:center;gap:8px;height:42px;padding:0 10px;display:flex}.app-dropdown__search:focus-within{border-color:#fabe28;box-shadow:0 0 0 3px #fabe2824}.app-dropdown__search input{color:#15253d;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:.69rem}.app-dropdown__options{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9c5d3 transparent;gap:3px;max-height:294px;margin-top:7px;padding-inline-end:2px;display:grid;overflow-y:auto}.app-dropdown__option{color:#15253d;text-align:right;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:50px;padding:8px 10px;transition:background-color .15s,border-color .15s;display:flex}.app-dropdown__option:hover,.app-dropdown__option.is-active{background:#f4f7fa;border-color:#e4eaf1}.app-dropdown__option.is-selected{background:#fff8df;border-color:#f2cd65}.app-dropdown__option.is-selected:hover,.app-dropdown__option.is-selected.is-active{background:#fff3c6}.app-dropdown__option>svg{color:#15253d;flex:none}.app-dropdown__option-text{gap:2px;min-width:0;display:grid}.app-dropdown__option-text strong,.app-dropdown__option-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-dropdown__option-text strong{color:#15253d;font-size:.7rem;font-weight:700}.app-dropdown__option-text small{color:#67768b;text-align:right;direction:ltr;font-size:.61rem;font-weight:500}.app-dropdown__empty{color:#8491a2;text-align:center;align-content:center;place-items:center;gap:4px;min-height:126px;padding:18px;display:grid}.app-dropdown__empty strong{color:#3d4f68;font-size:.72rem}.app-dropdown__empty span{font-size:.62rem}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.app-dropdown__menu{animation:none}.app-dropdown__trigger>svg{transition:none}}.record-card__owner{background:#fff0ba;border-radius:20px;width:fit-content;padding:4px 7px;font-weight:700;color:#15253d!important}.owner-pill{color:#15253d;white-space:nowrap;background:#fff0ba;border-radius:20px;align-items:center;gap:5px;padding:4px 8px;font-size:.58rem;font-weight:700;display:inline-flex}.master-copy{color:#274a72;font-weight:700}.admin-management-grid{isolation:isolate;grid-template-columns:minmax(320px,360px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.admin-management-grid>*,.admin-create-card,.admin-list,.admin-card{min-width:0}.admin-create-card{padding-bottom:19px;overflow:hidden}.admin-create-hint{color:#66758a;margin:0;padding:14px 18px 0;font-size:.65rem;line-height:1.75}.admin-create-card form{padding:18px}.admin-create-card .button{width:100%}.admin-list{gap:10px;display:grid}.admin-card{border:1px solid var(--border);width:100%;max-width:100%;min-height:142px;box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px 18px;display:grid;overflow:hidden}.admin-card__avatar{color:#15253d;background:#fabe28;border-radius:14px;place-items:center;width:52px;height:52px;font-size:.8rem;font-weight:800;display:grid}.admin-card__body{min-width:0}.admin-card h3{color:#15253d;margin:3px 0 1px;font-size:.83rem}.admin-card p{color:#758297;text-align:right;white-space:nowrap;text-overflow:ellipsis;direction:ltr;max-width:100%;margin:0;font-size:.62rem;overflow:hidden}.role-badge{color:#167443;align-items:center;gap:5px;font-size:.55rem;font-weight:700;display:inline-flex}.role-badge>span{background:#22a35a;border-radius:50%;width:6px;height:6px}.role-badge.is-pending{color:#8a641f}.role-badge.is-pending>span{background:#d6a12d}.admin-card__stats{color:#68768a;flex-wrap:wrap;gap:15px;margin-top:10px;font-size:.59rem;display:flex}.admin-card__stats strong{color:#15253d;font-size:.74rem}.admin-card__body>small{color:#8591a2;white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:.55rem;display:block;overflow:hidden}.admin-card__actions{gap:8px;min-width:190px;display:grid}.admin-card__actions .button{white-space:nowrap;justify-content:center;width:100%}.admin-reset-button{color:#30445f;background:#f7f9fc;border:1px solid #d8e0ea;border-radius:9px;min-height:42px;padding:0 14px;font-size:.65rem;font-weight:700}.admin-reset-button:hover{color:#15253d;background:#fffaf0;border-color:#fabe28}.admin-reset-button.is-sent{color:#16633c;background:#effaf4;border-color:#bfe3ce}.admin-reset-button:disabled{cursor:wait;opacity:.68}.admin-delete-button{color:#a12828;background:#fff7f7;border:1px solid #efc8c8;border-radius:9px;min-height:44px;padding:0 14px;font-size:.65rem;font-weight:700}.admin-delete-button:hover{color:#fff;background:#a12828;border-color:#a12828}.admin-delete-button:disabled{cursor:wait;opacity:.58}@keyframes view-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media (width<=1200px){:root{--sidebar-width:225px}.page-content{padding-inline:18px}.workspace-grid{grid-template-columns:minmax(0,1fr) 265px}.form-grid--three,.form-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-management-grid{grid-template-columns:minmax(0,1fr)}.admin-create-card,.admin-list{width:100%}}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-brand{min-height:auto;padding:42px 28px}.login-card{margin:34px auto}.admin-management-grid{grid-template-columns:1fr}.sidebar{transition:transform .24s;transform:translate(105%);box-shadow:-15px 0 35px #0003}.sidebar.is-open{transform:translate(0)}.sidebar__close,.menu-button{display:inline-grid!important}.sidebar-backdrop{z-index:29;opacity:0;pointer-events:none;background:#0c1f1573;transition:all .2s;display:block;position:fixed;inset:0}.sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.main-content{margin-right:0}.workspace-grid{grid-template-columns:1fr}.records-column,.editor-panel{grid-area:auto/1}.records-column{position:static}.workspace-grid.workspace-grid--activities .records-column{grid-template-columns:1fr}.record-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:295px}.workspace-grid.workspace-grid--activities .record-list{max-height:none}.overview-grid{grid-template-columns:1fr}}@media (width<=680px){.login-brand{padding:32px 20px}.login-brand__logos img{width:76px;height:61px}.login-role-list{grid-template-columns:1fr;margin-top:23px}.first-login-steps{grid-template-columns:1fr;margin-top:22px}.login-card{width:calc(100% - 20px);margin:16px auto;padding:22px 18px}.demo-accounts{grid-template-columns:1fr}.admin-card{grid-template-columns:46px 1fr}.admin-card__avatar{width:44px;height:44px}.admin-card__actions{grid-column:1/-1;width:100%;min-width:0}html,body{overflow-x:hidden}.topbar{gap:9px;min-width:0;padding:10px 12px}.topbar__title,.topbar__title>div{min-width:0}.topbar__title{flex:1}.topbar__title p,.topbar h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar__actions{flex:none}.topbar__actions .save-indicator,.button--ghost{display:none}.topbar__actions .button--primary{gap:0;width:44px;padding:0;font-size:0}.topbar h1{font-size:1.08rem}.page-content{padding:14px 10px 35px}.welcome-panel{flex-direction:column;align-items:flex-start;width:100%;min-width:0;min-height:178px;padding:22px 20px}.welcome-panel>div{min-width:0}.welcome-panel h2{font-size:1.35rem}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:79px}.add-activity-card{grid-template-columns:42px minmax(0,1fr) auto;align-items:center}.add-activity-card button{grid-column:auto;min-width:112px;margin-top:0;padding-inline:13px}.record-list,.workspace-grid.workspace-grid--activities .record-list{grid-template-columns:1fr}.view-heading{flex-direction:column;align-items:flex-start;padding:20px}.calendar-controls{justify-content:space-between;width:100%}.calendar-controls strong{min-width:0}.calendar-card{overflow-x:auto}.calendar-weekdays,.calendar-grid{min-width:690px}.recent-table>button{grid-template-columns:38px minmax(0,1fr) auto}.recent-table time,.recent-table .status-pill{display:none}.archive-card{grid-template-columns:45px 1fr}.archive-card__actions{grid-column:1/-1;justify-content:flex-end}.editor-toolbar{align-items:flex-start}.editor-toolbar>div:first-child{flex-direction:column;align-items:flex-start;gap:5px}.editor-toolbar h2{max-width:170px}.editor-toolbar__actions .button span{display:none}.document{margin:0}.document__header{grid-template-columns:58px 1fr 58px;gap:8px;padding:15px 12px}.logo-uploader button{width:55px;height:55px;font-size:0}.document__header h2{font-size:1.02rem}.activity-form{padding:0}.form-section{padding:19px 16px 20px}.form-grid,.form-grid--three,.form-grid--four,.basic-info-editor,.supporting-photos-grid{grid-template-columns:1fr}.photo-uploader--primary{min-height:250px}.form-footer{flex-direction:column;align-items:stretch}.print-footer{flex-direction:column;gap:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@page{size:A4;margin:0}@media print{html,body,#root{background:#fff;width:210mm;min-width:0;height:297mm;margin:0;overflow:hidden}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.sidebar,.sidebar-backdrop,.topbar,.page-content,.toast{display:none!important}.main-content{min-height:0;margin:0}.print-sheet{color:#15253d;background:#fff;width:210mm;height:297mm;font-family:IBM Plex Sans Arabic,Tahoma,sans-serif;display:block;overflow:hidden}.print-document-page{break-after:avoid-page;page-break-after:avoid;background:#fff;flex-direction:column;width:210mm;height:297mm;max-height:297mm;display:flex;overflow:hidden}.print-sheet__header{color:#fff;background:linear-gradient(110deg,#15253d,#274a72);border-bottom:1mm solid #fabe28;flex:0 0 32mm;grid-template-columns:24mm 1fr 24mm;align-items:center;gap:6mm;height:32mm;padding:3.8mm 11mm 3.4mm;display:grid}.print-sheet__header>div:nth-child(2){text-align:center}.print-sheet__header span{color:#fbe5a7;font-size:7.5pt}.print-sheet__header h1{margin:.8mm 0 0;font-size:16pt;line-height:1.15}.print-sheet__header p{color:#d9e1eb;margin:.6mm 0 0;font-size:7.5pt}.print-sheet__logo{background:#ffffff14;border:.3mm solid #ffffff7a;border-radius:2mm;place-items:center;width:24mm;height:20mm;display:grid;overflow:hidden}.print-sheet__logo img{object-fit:contain;background:#fff;width:100%;height:100%}.print-sheet__body{flex:1;min-height:0;padding:3.5mm 11mm 2.5mm;overflow:hidden}.print-sheet__status{color:#155f36;background:#effaf3;border:.25mm solid #9dd2af;border-radius:5mm;align-items:center;gap:1mm;width:fit-content;margin:0 0 1.5mm;padding:.6mm 2mm;font-size:6.8pt;font-weight:700;display:flex}.print-sheet__status svg{width:3.5mm;height:3.5mm}.print-section{break-inside:avoid-page;page-break-inside:avoid;margin-bottom:2mm}.print-section h2{color:#15253d;border-bottom:.3mm solid #dce3ec;align-items:center;gap:1.5mm;margin:0 0 1.3mm;padding-bottom:1mm;font-size:9.5pt;line-height:1.15;display:flex}.print-section h2 span{color:#15253d;background:#fff0ba;border-radius:1.3mm;place-items:center;width:5mm;height:5mm;font-size:6pt;display:grid}.print-basic-layout{direction:rtl;grid-template-columns:minmax(0,1fr) 34mm;align-items:stretch;gap:2mm;display:grid}.print-fields{border-top:.25mm solid #dce4df;border-right:.25mm solid #dce4df;grid-template-columns:1fr 1fr;display:grid}.print-fields>div{border-bottom:.25mm solid #dce4df;border-left:.25mm solid #dce4df;min-height:9.5mm;padding:1.2mm 2mm;overflow:hidden}.print-fields>div.wide{grid-column:1/-1}.print-fields span,.print-evidence span{color:#6d7b73;margin-bottom:.5mm;font-size:6.2pt;display:block}.print-fields strong,.print-evidence strong{overflow-wrap:anywhere;font-size:8pt;font-weight:600;line-height:1.25;display:block}.print-main-photo{aspect-ratio:210/297;color:#718078;background:#f6f9f7;border:.3mm dashed #b8c6bd;border-radius:2mm;place-items:center;width:34mm;min-height:0;margin:0;font-size:6.5pt;display:grid;overflow:hidden}.print-main-photo.has-photo{border-style:solid}.print-main-photo img{object-fit:cover;width:100%;height:100%;display:block}.print-metrics{grid-template-columns:.8fr .8fr 1.25fr 1.25fr;gap:1.3mm;display:grid}.print-metrics>div{direction:rtl;background:#fafcfb;border:.25mm solid #dce4df;border-radius:1.5mm;grid-template-rows:auto auto;grid-template-columns:4.8mm minmax(0,1fr);align-content:center;align-items:center;column-gap:1.2mm;height:13mm;min-height:13mm;padding:1.2mm 1.5mm;display:grid;overflow:hidden}.print-metrics svg{color:#274a72;grid-area:1/1/3;place-self:center;width:4.2mm;height:4.2mm}.print-metrics span,.print-metrics strong{text-align:right;grid-column:2;min-width:0}.print-metrics span{color:#6d7b73;align-self:end;font-size:6.2pt;line-height:1.1}.print-metrics strong{overflow-wrap:anywhere;align-self:start;font-size:7.5pt;line-height:1.2;overflow:hidden}.print-section--text>div{break-inside:avoid;border:.25mm solid #dce4df;border-radius:1.5mm;height:16mm;min-height:0;margin-bottom:1.2mm;padding:1.5mm 2mm;overflow:hidden}.print-section--text h3{color:#273b57;margin:0 0 .5mm;font-size:7pt;line-height:1.15}.print-section--text p{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:7.2pt;line-height:1.3;display:-webkit-box;overflow:hidden}.print-closing{break-inside:avoid-page;page-break-inside:avoid}.print-evidence{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8mm;display:grid}.print-evidence>div{break-inside:avoid;border:.25mm solid #dce4df;border-radius:1.5mm;padding:1mm 2mm;overflow:hidden}.print-evidence>div:last-child,.print-evidence>div:first-child:nth-last-child(2){grid-column:1/-1}.print-signatures{break-inside:avoid-page;page-break-inside:avoid;grid-template-columns:1fr 1fr;gap:10mm;margin-top:4mm;display:grid}.print-signatures>div{text-align:center;min-height:15mm}.print-signatures span,.print-signatures strong,.print-signatures i{display:block}.print-signatures span{color:#56665d;font-size:6.5pt}.print-signatures strong{margin:1.2mm 0 1.8mm;font-size:7pt}.print-signatures i{color:#7c8981;border-top:.25mm solid #aebbb3;padding-top:.8mm;font-size:6pt;font-style:normal}.print-photo-strip{break-inside:avoid-page;page-break-inside:avoid;grid-template-columns:repeat(3,40mm);justify-content:center;gap:8mm;margin-top:1mm;display:grid}.print-photo-strip figure{aspect-ratio:210/297;color:#718078;background:#f6f9f7;border:.3mm dashed #b8c6bd;border-radius:1.5mm;place-items:center;width:40mm;margin:0;font-size:6pt;display:grid;overflow:hidden}.print-photo-strip figure.has-photo{border-style:solid}.print-photo-strip img{object-fit:cover;width:100%;height:100%;display:block}.print-sheet__footer{color:#66746c;background:#f7faf8;border-top:.25mm solid #dce4df;flex:0 0 6mm;grid-template-columns:minmax(0,1fr) minmax(85mm,1.6fr) minmax(0,1fr);align-items:center;gap:3mm;min-height:6mm;padding:1.2mm 11mm;font-size:6pt;display:grid}.print-sheet__footer strong{color:#15253d;text-align:center;white-space:nowrap;min-width:0;font-size:5.5pt;line-height:1.2}.print-sheet__footer span:last-child{text-align:left}}