@font-face{font-family:BellArabic;src:local("Geeza Pro"),local("Tahoma");font-display:swap}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#101214;color:#f1eee7;font-family:BellArabic,Tahoma,Arial,sans-serif;line-height:1.8;font-size:15px}body:before{content:"";position:absolute;inset:0 0 auto;height:780px;background:radial-gradient(ellipse at 20% 30%,#b18a4311,transparent 50%);pointer-events:none}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #d4b078;outline-offset:5px}h1,h2,h3,p{margin:0}h1{font-size:clamp(30px,4.5vw,56px);font-weight:700;line-height:1.6;letter-spacing:-1px}h2{font-size:21px}h3{font-size:18px}p{color:#aaa9a6}small{color:#969795;font-size:12px}em{font-style:normal;color:#ceb07c}.header,main,footer{max-width:1180px;margin:auto;padding-inline:40px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0e;position:relative;z-index:1}.brand{display:flex;align-items:center;gap:13px}.brand img{width:39px;height:48px}.brand b{display:block;font-size:22px;line-height:1.3;letter-spacing:3px}.brand small{display:block;font-size:11px;color:#93918c;letter-spacing:.5px;margin-top:5px}nav{display:flex;align-items:center;gap:24px;font-size:13px}nav a{color:#d7c8af}.nav-tag{color:#a6a198;font-size:12px}.hero{min-height:610px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;padding-block:64px}.eyebrow{font-size:12px;color:#d1b07b;display:flex;align-items:center;gap:9px;margin-bottom:20px}.gold-dot{height:6px;width:6px;background:#c7a46b;border-radius:50%;box-shadow:0 0 12px #c7a46b55}.hero h1 span{color:#d5b889}.intro{font-size:15px;line-height:2.2;margin:24px 0 30px}.button{background:#cfb180;color:#1d1b16;min-height:48px;border:1px solid #cfb180;padding:11px 22px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:16px;font-weight:700;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#e4c89b;transform:translateY(-1px)}.button span{font-size:19px}.button svg{width:22px;height:22px}.secondary{background:#ffffff03;color:#d4b784;border-color:#78613b80}.secondary:hover{background:#d4b78412}.danger{background:#bc776018;color:#e8a58d;border-color:#bc776077}.danger:hover{background:#bc776030}.secure-note{font-size:12px;color:#878781;margin-top:16px;display:flex;align-items:center;gap:9px}.bell-art{height:410px;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.bell-art:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#bb904821,transparent 70%)}.bell-art>img{width:146px;height:176px;filter:drop-shadow(0 12px 45px #b17d342d);margin-top:-35px}.orbit{position:absolute;border:1px solid #c5a66b17;border-radius:50%;width:330px;height:330px;inset:20px auto auto}.orbit-two{width:390px;height:390px;top:-10px;border-style:dashed;border-color:#c5a66b0b}.orbit-one:before{content:"";width:6px;height:6px;background:#c6a46b;border-radius:50%;position:absolute;left:18px;top:70px}.art-caption{text-align:center;position:absolute;bottom:61px}.art-caption span{font-size:10px;letter-spacing:2.4px;color:#89775b;display:block;direction:ltr}.art-caption b{font-size:17px;font-weight:400;color:#c9b48c;margin-top:10px;display:block}.art-cross{position:absolute;color:#aa8b584a;font-size:18px}.cross-one{top:38px;right:48px}.cross-two{bottom:87px;left:0}.steps{padding-bottom:70px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.section-title>span:first-child{font-size:20px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid #ffffff10;padding-top:30px}.steps-grid article{border-inline-start:1px solid #ffffff10;padding-inline-start:24px}.steps-grid article:last-child{border:none}.step-number{font-size:12px;color:#bfa06f;direction:ltr;display:block;margin-bottom:16px}.steps-grid h2{font-size:18px;margin-bottom:10px}.steps-grid p{font-size:13px;line-height:2;max-width:270px}footer{padding-block:28px;border-top:1px solid #ffffff10;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#898881;font-size:11px}footer span:first-child{font-size:10px;letter-spacing:1.7px;color:#c9ae7e}footer small{font-size:11px}.page-heading{padding-block:48px 32px}.page-heading h1{font-size:36px}.page-heading p{margin-top:6px}.page-heading .eyebrow{margin-bottom:10px}.panel{background:#17191b;border:1px solid #ffffff0c;border-radius:14px;padding:30px;margin-bottom:24px}.panel h2{margin-bottom:10px}.panel p{font-size:13px}.panel .section-title{margin:0}.panel .section-title h2{margin:0}.inline-form{display:flex;align-items:end;gap:20px;margin-top:24px}label{display:block;font-size:12px;color:#c8c6c1;margin:18px 0 14px}input,select{width:100%;height:46px;border:1px solid #ffffff13;border-radius:7px;padding:8px 12px;background:#101214;color:#ede9e0;display:block;margin-top:6px}input::placeholder{color:#55595e}input[type=month]{min-width:240px}input[type=file]{height:auto;margin-top:12px;font-size:12px}.inline-form label{margin:0}.badge{border-radius:5px;padding:4px 10px;font-size:11px;display:inline-block;white-space:nowrap}.draft{color:#d2b980;background:#bc9e5920}.published{color:#acd3bd;background:#6493791a}.closed{color:#aaa;background:#92929218}.batch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}.batch-card{background:#111315;border:1px solid #ffffff0c;padding:24px;border-radius:10px}.batch-card:hover{border-color:#c5a36966}.reward-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.metrics{display:flex;gap:40px;margin-block:25px}.metrics b{display:block;font-size:25px;font-weight:400;color:#e2cfaa}.metrics small{display:block;font-size:11px}.card-link,.back-link{color:#cdb180;font-size:12px}.card-link{display:block;border-top:1px solid #ffffff0c;padding-top:16px}.history{margin-bottom:48px}.reward-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.profile{display:flex;align-items:center;gap:16px}.profile h2{margin:0;font-size:20px}.profile small{font-size:11px}.avatar{width:60px;height:60px;border-radius:50%;border:1px solid #c9a26640;object-fit:cover}.placeholder{display:flex;justify-content:center;align-items:center;background:#a3823920;color:#d4b784;font-size:24px}.quote-mark{font-family:Georgia,serif;font-size:80px;color:#bd9d6377;line-height:1;margin-top:38px}.panel .appreciation{font-size:18px;line-height:2.3;color:#d1cdc4;margin-top:-16px}.signature{margin-top:28px}.signature-line{width:30px;height:1px;background:#a88951;display:block;margin-bottom:12px}.signature b,.signature small{display:block}.signature b{font-weight:400;color:#d4b887}.signature small{font-size:12px}.reward-card{background:#101214;border:1px solid #ffffff0d;padding:24px;border-radius:10px;margin-top:24px}.reward-card .button{width:100%;margin-top:18px}.reward-card p{font-size:12px}.code-area code{display:block;font-size:19px;background:#c2a16a0a;border:1px dashed #c2a16a55;text-align:center;overflow-wrap:anywhere;padding:14px;margin-top:16px;user-select:all;color:#e8c997;letter-spacing:1px}.code-area small{display:block;margin-top:16px;font-size:11px}.empty{text-align:center;padding:45px 16px}.empty img{width:45px;height:52px;opacity:.4;margin-bottom:20px}.empty p{max-width:330px;margin:12px auto 0}.admin-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-layout form .button{margin-top:12px;width:100%}.file-drop{border:1px dashed #bca16d50;padding:20px;border-radius:8px;background:#111315}#import-preview{margin-top:25px;border-top:1px solid #ffffff14;padding-top:20px}#import-preview .table-scroll{max-height:280px}.text-button{border:0;background:none;color:#b6b4ae;padding:6px;font-size:12px}.text-button:hover{color:#e5c99b}.warning{color:#d69c81}.table-scroll{overflow:auto;margin-top:22px}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:right;color:#949690;font-size:11px;font-weight:400;padding:14px 15px;background:#111315}td{border-bottom:1px solid #ffffff09;padding:16px 15px;color:#c7c7c1}td small.id{display:block;font-size:11px;color:#868b8f}td small{font-size:10px}.error-page{margin-block:70px;min-height:300px;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:20px}.error-page h1{font-size:27px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#242829;border:1px solid #c5a56b66;padding:15px 24px;border-radius:10px;box-shadow:0 10px 40px #0009;max-width:90vw;width:max-content;z-index:5;white-space:pre-line;font-size:13px}[hidden]{display:none!important}@media(max-width:800px){.header,main,footer{padding-inline:24px}.header{height:90px}.hero{grid-template-columns:1fr;gap:0;padding-block:40px}.hero h1{font-size:36px}.bell-art{height:300px;margin-top:48px}.orbit{width:250px;height:250px;top:0}.orbit-two{width:290px;height:290px;top:-20px}.bell-art>img{width:115px;height:140px}.art-caption{bottom:40px}.cross-one{right:15%;top:10px}.cross-two{left:15%;bottom:45px}.steps-grid{gap:15px}.steps-grid article{padding-inline-start:12px}.steps-grid h2{font-size:15px}.steps-grid p{font-size:12px}.section-title>small{font-size:10px}.reward-layout,.admin-layout{grid-template-columns:1fr}.batch-grid{grid-template-columns:1fr}.panel{padding:24px}.nav-tag{display:none}nav{gap:12px;font-size:11px}nav .text-button{font-size:10px}.brand b{font-size:18px}.brand small{font-size:10px}.brand img{width:29px}.metrics{gap:35px}footer{flex-wrap:wrap;gap:10px}footer small{width:100%}.page-heading h1{font-size:30px}.inline-form{flex-wrap:wrap}.inline-form label,.inline-form button{width:100%}.inline-form input{min-width:0}.panel .section-title{flex-wrap:wrap}.steps .section-title{align-items:start;flex-direction:column;gap:5px}.hero-copy .button{width:100%}}@media(max-width:460px){.header,main,footer{padding-inline:18px}.header nav{gap:6px}.header nav a{font-size:10px}.brand{gap:8px}.brand b{font-size:16px}.hero h1{font-size:30px}.intro{font-size:13px}.steps-grid{grid-template-columns:1fr;gap:25px}.steps-grid article{border:0;border-bottom:1px solid #ffffff0c;padding:0 0 20px}.step-number{float:left}.steps-grid p{max-width:none}.panel{padding:20px}.appreciation{font-size:16px!important}.page-heading{padding-top:35px}}

/* The portal wordmark stays readable; narrow screens wrap the navigation. */
.brand small{font-size:12px;letter-spacing:3px;color:#c9ae7e}.brand{flex-shrink:0}.header nav{flex-wrap:wrap}.eyebrow{flex-wrap:wrap}.intro b{font-weight:500;color:#d5b889}@media(max-width:460px){.header{height:auto;min-height:90px;flex-wrap:wrap;gap:12px;padding-block:18px}.header nav{margin-inline-start:auto}.brand small{font-size:11px}}

.module-grid,.draft-grid,.staff-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-block:24px}.module-card,.draft-person,.staff-card{min-width:0;background:#111315;border:1px solid #ffffff12;border-radius:10px;padding:24px}.module-card:hover{border-color:#c5a36966}.module-card img{width:48px;height:56px;margin-bottom:16px}.module-card p{margin-block:12px 24px}.staff-card h3,.draft-person h3{overflow-wrap:anywhere}.staff-card .id,.draft-person .id{display:block;overflow-wrap:anywhere}.draft-person .badge{margin-top:12px}.panel{min-width:0}.access-denied{margin-block:60px;max-width:700px;padding:40px}.access-denied>img{width:64px;height:80px;margin-bottom:20px}.access-denied h1{font-size:32px}.access-denied p{font-size:15px;margin-block:20px}.staff-name-form .button{margin-inline-end:8px}.panel small{font-size:12px}@media(max-width:800px){.module-grid,.draft-grid,.staff-list{grid-template-columns:minmax(0,1fr)}.access-denied{padding:24px}.staff-card,.draft-person,.module-card{padding:20px}.access-denied h1{font-size:27px}}

#add-staff label{flex:1;min-width:0}#add-staff .button{flex-shrink:0}.staff-name-form select{margin-bottom:14px}.staff-rank{display:block;color:#d4b784}.staff-name-form label{min-width:0}select{max-width:100%;text-overflow:ellipsis}@media(max-width:800px){#add-staff label{flex-basis:100%}}

.reward-period-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.7fr);gap:16px;width:min(100%,370px);min-width:0}.reward-period-picker label{min-width:0}@media(max-width:800px){.reward-period-picker{width:100%;max-width:none}}

.member-rank{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;padding:7px 15px;margin-block:12px 16px;max-width:100%;border:1px solid #c5a36933;border-radius:8px;background:#c5a3690a;font-size:13px}.member-rank>span{color:#aaa9a6}.member-rank bdi{color:#d4b784;font-weight:700;overflow-wrap:anywhere}
footer.portal-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:20px;padding-block:18px;font-size:12px;line-height:1.7;align-items:center}.portal-footer>div,.portal-footer>span{min-width:0}.footer-copyright{display:flex;flex-direction:column;align-items:flex-start}.portal-footer .footer-copyright>span{color:#c9ae7e;font-size:12px;letter-spacing:.5px}.portal-footer .footer-copyright small{font-size:12px;letter-spacing:0;width:auto}.footer-credit{display:flex;justify-content:center;align-items:center;gap:5px;text-align:center}.footer-credit strong{font-size:14px;letter-spacing:1px;font-weight:600;color:#d4b784}.footer-community{text-align:left;color:#969795}@media(max-width:800px){footer.portal-footer{grid-template-columns:minmax(0,1fr);gap:12px;text-align:center}.footer-copyright{align-items:center}.footer-community{text-align:center}}

.deletion-panel{border-color:#bc776044}.deletion-panel summary{cursor:pointer;color:#e8a58d;font-weight:700}.deletion-panel summary:focus-visible{outline:2px solid #d4b078;outline-offset:5px}.deletion-panel p{margin-block:16px}.deletion-panel form{max-width:440px}.deletion-panel label{margin-bottom:16px}

.staff-delete{margin-top:20px;padding-top:16px;border-top:1px solid #bc776033}.staff-delete summary{cursor:pointer;font-size:13px;color:#e8a58d}.staff-delete summary:focus-visible{outline:2px solid #d4b078;outline-offset:5px}.staff-delete p{font-size:13px;margin-block:12px}.staff-delete label{margin-bottom:14px}