.finance-page{color:#14213b;max-width:1420px;margin:auto;padding:30px 0}.finance-heading,.finance-subheading{justify-content:space-between;align-items:end;gap:20px;display:flex}.finance-heading p{color:#ac7c26;margin:0;font-size:11px;font-weight:700}.finance-heading h1{margin:4px 0;font-size:36px}.finance-heading span,.finance-subheading p{color:#707b8d;font-size:12px}.finance-year{background:#fff;border:1px solid #dfe3e9;border-radius:10px;padding:11px 16px;display:grid}.finance-year small{color:#818b99;font-size:9px}.finance-tabs{border-bottom:1px solid #dde2e8;gap:5px;margin:22px 0 16px;display:flex;overflow:auto}.finance-tabs button{color:#6c778a;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:11px 14px}.finance-tabs button.active{color:#102956;border-color:#d2a13c;font-weight:700}.finance-metrics{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.finance-metric{background:#fff;border:1px solid #dee3e9;border-radius:10px;padding:18px}.finance-metric small,.finance-metric strong{display:block}.finance-metric small{color:#768194;font-size:10px}.finance-metric strong{color:#172e59;margin-top:8px;font:700 21px Manrope,IBM Plex Sans Arabic}.finance-metric.positive{border-inline-start:3px solid #438267}.finance-metric.danger{border-inline-start:3px solid #b24e53}.finance-grid{grid-template-columns:1fr 1.4fr;gap:12px;margin-top:12px;display:grid}.finance-card{background:#fff;border:1px solid #dee3e9;border-radius:11px;padding:18px}.finance-card>header h2{margin:0;font-size:18px}.finance-card>header span{color:#87909e;font-size:10px}.attention-row{text-align:start;border:0;background:0 0;border-top:1px solid #edf0f3;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;width:100%;padding:12px 0;display:grid}.attention-row>b{color:#a85e25;background:#fff2e9;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.attention-row em{color:#6f7e93;font-size:10px;font-style:normal}.payment-row{border-top:1px solid #edf0f3;align-items:center;padding:11px 0;display:flex}.payment-row span,.payment-row b,.payment-row small{display:block}.payment-row b{font-size:12px}.payment-row small{color:#818b9b;font-size:9px}.payment-row strong{text-align:end;margin-inline-start:auto;font:700 13px Manrope}.finance-subheading{padding:12px 0 18px}.finance-subheading h2{margin:0;font-size:24px}.finance-subheading p{margin:3px 0}.finance-subheading>button,.student-account header>button{color:#fff;background:#0c2149;border:0;border-radius:8px;padding:10px 14px}.finance-list,.approval-list{background:#fff;border:1px solid #dfe4ea;border-radius:11px;display:grid;overflow:hidden}.finance-list>button,.approval-list>button{text-align:start;color:inherit;background:#fff;border:0;border-top:1px solid #edf0f3;grid-template-columns:1fr auto 95px;align-items:center;gap:15px;padding:14px 17px;display:grid}.finance-list span,.finance-list b,.finance-list small,.approval-list span,.approval-list b,.approval-list small{display:block}.finance-list small,.approval-list small{color:#7d8796;font-size:9px}.finance-list em,.finance-list i,.approval-list i{font-size:10px;font-style:normal}.finance-list i.active,.approval-list i.approved{color:#388064}.plan-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.plan-grid>article{background:#fff;border:1px solid #dfe3e9;border-radius:11px;padding:18px}.plan-grid>article>small{color:#a47829;font-size:9px}.plan-grid h2{margin:4px 0;font-size:17px}.plan-grid>article>strong{color:#172f5b;font:700 20px Manrope}.plan-grid p{border-top:1px solid #edf0f3;justify-content:space-between;margin:0;padding:9px 0;font-size:10px;display:flex}.finance-dialog{background:#fff;border-radius:13px;width:min(520px,100vw - 24px);max-height:90vh;padding:25px;position:relative;overflow:auto}.finance-dialog.wide{width:min(940px,100vw - 24px)}.finance-dialog>form{gap:12px;display:grid}.finance-dialog label{gap:5px;font-size:11px;display:grid}.finance-dialog input,.finance-dialog select{font:inherit;border:1px solid #d6dce5;border-radius:7px;padding:10px}.finance-dialog .check{align-items:center;display:flex}.finance-dialog .primary,.account-empty .primary,.approval-detail .primary{color:#fff;background:#0c2149;border:0;border-radius:8px;padding:11px}.finance-dialog>.close{inset-inline-end:13px;background:0 0;border:0;font-size:23px;position:absolute;top:10px}.finance-search{background:#fff;border:1px solid #dfe3e9;border-radius:9px;margin-bottom:10px;padding:8px 12px;display:flex}.finance-search input{font:inherit;border:0;outline:0;flex:1}.finance-search span{color:#7c8797;font-size:10px}.accounts-table{background:#fff;border:1px solid #dfe3e9;border-radius:11px;overflow:hidden}.accounts-table>div,.accounts-table>button{grid-template-columns:1.7fr repeat(3,1fr) 90px;align-items:center;gap:12px;padding:11px 15px;display:grid}.accounts-table>div{color:#747f91;background:#f8f9fb;font-size:9px}.accounts-table>button{text-align:start;background:#fff;border:0;border-top:1px solid #edf0f3;width:100%}.accounts-table>button>span{align-items:center;gap:9px;display:flex}.accounts-table .user-avatar{width:35px;height:35px}.accounts-table i,.accounts-table i b,.accounts-table i small{font-style:normal;display:block}.accounts-table i small{color:#7d8796;font-size:8px}.accounts-table em{font:600 10px Manrope}.accounts-table em.paid{color:#397f63}.accounts-table em.overdue{color:#ae4b50}.accounts-table strong{color:#3d567a;font-size:9px}.student-account header{justify-content:space-between;align-items:center;display:flex}.student-account header small,.student-account header span{color:#7d8796;font-size:9px}.student-account header h2{margin:3px 0}.account-summary{grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0;display:grid}.charge-list article{border-top:1px solid #edf0f3;grid-template-columns:1fr auto 90px;align-items:center;gap:12px;padding:11px 0;display:grid}.charge-list span,.charge-list b,.charge-list small{display:block}.charge-list small{color:#808a99;font-size:8px}.charge-list em{font:600 10px Manrope}.charge-list i,.approval-list i{text-align:center;background:#f2f4f7;border-radius:12px;padding:4px 7px;font-size:9px;font-style:normal}.charge-list i.paid,.charge-list i.confirmed{color:#397c62;background:#edf7f1}.charge-list i.overdue,.approval-list i.rejected{color:#a9484e;background:#fff0f0}.approval-filters{gap:5px;margin-bottom:10px;display:flex}.approval-filters button{background:#fff;border:1px solid #dce1e8;border-radius:8px;padding:8px 11px}.approval-filters button.active{color:#fff;background:#0c2149}.approval-detail footer{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.approval-detail .reject{color:#a44149;background:#fff;border:1px solid #d9a6aa;border-radius:8px;padding:10px 15px}.finance-empty,.account-empty{text-align:center;color:#7c8797;background:#f8f9fb;border-radius:8px;padding:20px}@media (max-width:900px){.finance-metrics,.account-summary{grid-template-columns:repeat(2,1fr)}.finance-grid{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr 1fr}.accounts-table>div{display:none}.accounts-table>button{grid-template-columns:1fr 1fr}}@media (max-width:600px){.finance-heading{flex-direction:column;align-items:start}.plan-grid,.accounts-table>button{grid-template-columns:1fr}}.finance-grade-picker{border:1px solid #dce1e8;border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px;display:grid}.finance-grade-picker legend{padding:0 6px;font-size:11px;font-weight:700}.finance-grade-picker legend small{color:#7d8796;margin-top:3px;font-weight:400;display:block}.finance-grade-picker label{background:#f7f8fa;border-radius:7px;align-items:center;gap:7px;padding:8px;display:flex}.finance-grade-picker input{padding:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.plan-options{color:#8b6a2c;margin-top:7px;display:block}.payment-choice{background:#f8f9fb;border:1px solid #dfe4ea;border-radius:10px;grid-template-columns:1fr minmax(220px,.7fr);align-items:center;gap:15px;padding:13px;display:grid}.payment-choice>div b,.payment-choice>div span,.installment-switch span b,.installment-switch span small{display:block}.payment-choice>div span,.installment-switch span small{color:#798496;font-size:9px}.installment-switch{background:#fffaf0;border:1px solid #d8c28d;border-radius:10px;align-items:center;gap:10px;padding:13px!important;display:flex!important}.installment-switch>input{width:18px;height:18px}.installment-setup{border:1px solid #dfe4ea;border-radius:10px;gap:12px;padding:13px;display:grid}.installment-setup>label{max-width:180px}.installment-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.installment-dates>label{background:#f8f9fb;border-radius:8px;padding:10px}.installment-dates>label>span{justify-content:space-between;display:flex}.installment-dates em{color:#173462;font:600 10px Manrope}.installment-dates small{color:#8993a1;font-size:8px}.plan-grid>article{position:relative}.plan-edit{inset-inline-end:12px;color:#29446f;font:inherit;background:#fff;border:1px solid #dce1e8;border-radius:7px;padding:6px 10px;font-size:9px;position:absolute;top:12px}.plan-edit:hover{background:#fffaf0;border-color:#c99d43}.account-actions{gap:7px;display:flex}.student-account header .account-actions .assign-plan{color:#10244a;background:#d5a23c}.student-account header .account-actions button{border:0;border-radius:8px;padding:9px 12px}.student-account header .account-actions .payment-action{color:#fff;background:#0c2149}.student-account header .account-actions .discount-action{color:#173462;background:#eef3fa}.student-account header .account-actions button:disabled{opacity:.45;cursor:not-allowed}.finance-dialog textarea{resize:vertical;width:100%;font:inherit;border:1px solid #d6dce5;border-radius:7px;padding:10px}.finance-form-note{color:#707b8d;margin:0;font-size:11px}.finance-dialog label small{color:#7d8796;font-weight:400}@media (max-width:700px){.student-account header{flex-direction:column;align-items:flex-start;gap:12px}.account-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.account-actions button{width:100%}}.payment-receipts article{grid-template-columns:1fr auto 90px auto}.payment-receipts article>button{color:#173462;font:inherit;white-space:nowrap;background:#fff;border:1px solid #d8dee7;border-radius:7px;padding:7px 10px;font-size:9px}.finance-receipt{padding:8px}.finance-receipt>header{border-bottom:2px solid #d5a23c;justify-content:space-between;align-items:flex-start;padding:8px 0 16px;display:flex}.finance-receipt>header small{color:#a07830}.finance-receipt>header h2{margin:3px 0;font-size:27px}.finance-receipt>header strong{color:#173462;background:#f2f5f9;border-radius:7px;padding:8px 10px;font:700 12px Manrope}.receipt-details{grid-template-columns:1fr 1fr;gap:0 18px;padding:15px 0;display:grid}.receipt-details p{border-bottom:1px solid #e8ebef;justify-content:space-between;gap:12px;margin:0;padding:11px 0;display:flex}.receipt-details span{color:#737e90;font-size:10px}.receipt-details b{font-size:11px}.finance-receipt>footer{border-top:1px solid #dfe3e9;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.finance-receipt>footer p{color:#7d8796;font-size:9px}.finance-receipt>footer button{color:#fff;background:#0c2149;border:0;border-radius:8px;padding:10px 14px}@media (max-width:600px){.payment-receipts article{grid-template-columns:1fr auto}.payment-receipts article>i{display:none}.receipt-details{grid-template-columns:1fr}.finance-receipt>footer{flex-direction:column;align-items:stretch}}@media print{body *{visibility:hidden!important}.finance-receipt,.finance-receipt *{visibility:visible!important}.finance-receipt{direction:rtl;background:#fff;padding:35px;position:fixed;inset:0}.finance-receipt>footer button,.finance-dialog>.close{display:none!important}}.fee-breakdown-list article,.adjustment-list article{grid-template-columns:1fr auto 90px auto}.fee-breakdown-list article>button,.adjustment-list article>button{color:#173462;font:inherit;background:#fff;border:1px solid #d8dee7;border-radius:7px;padding:7px 10px;font-size:9px}.financial-detail>small{color:#a07830;font-size:10px;font-weight:700}.financial-detail>h2{margin:4px 0 16px;font-size:25px}.financial-detail dl{margin:0;display:grid}.financial-detail dl>div{border-top:1px solid #e8ebef;grid-template-columns:145px 1fr;gap:15px;padding:11px 0;display:grid}.financial-detail dt{color:#737e90;font-size:10px}.financial-detail dd{margin:0;font-size:11px;font-weight:600}.financial-detail i,.linked-discounts i{background:#f1f3f6;border-radius:12px;padding:4px 8px;font-size:9px;font-style:normal;display:inline-block}.financial-detail i.approved{color:#397c62;background:#edf7f1}.financial-detail i.pending{color:#9a6b1e;background:#fff7e7}.financial-detail i.rejected{color:#a9484e;background:#fff0f0}.linked-discounts{border-top:2px solid #edf0f3;margin-top:17px}.linked-discounts h3{font-size:14px}.linked-discounts p{border-top:1px solid #edf0f3;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin:0;padding:9px 0;font-size:10px;display:grid}@media (max-width:600px){.fee-breakdown-list article,.adjustment-list article{grid-template-columns:1fr auto}.fee-breakdown-list article>i,.adjustment-list article>i{display:none}.financial-detail dl>div{grid-template-columns:1fr;gap:3px}}.finance-reminder-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start;align-items:center;gap:10px;margin-top:2px;display:flex}.finance-reminder-actions button{min-width:170px;min-height:42px;font:inherit;cursor:pointer;border-radius:12px;padding:9px 18px;font-weight:700;width:auto!important}.finance-reminder-actions .secondary{color:#162746;background:#fff;border:1px solid #d8dfeb;box-shadow:0 3px 10px #1426480b}.finance-reminder-actions .secondary:hover{color:#5f52c7;background:#fbfaff;border-color:#afa9ed;box-shadow:0 4px 12px #6366f117}@media (max-width:620px){.finance-reminder-actions{grid-template-columns:1fr;display:grid}.finance-reminder-actions button{min-width:0;width:100%!important}}.finance-account-tools{background:#fff;border:1px solid #dfe5ee;border-radius:14px;gap:12px;margin-bottom:14px;padding:15px;display:grid}.finance-account-tools .finance-search{border-radius:11px;min-height:46px;margin:0}.account-status-chips{gap:8px;padding-bottom:2px;display:flex;overflow:auto}.account-status-chips button{white-space:nowrap;color:#3f4f69;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce3ee;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;display:flex}.account-status-chips button b{color:#53627a;background:#f0f3f8;border-radius:999px;place-items:center;min-width:22px;height:22px;font:700 10px Manrope;display:grid}.account-status-chips button.active{color:#6844e8;background:#f3f0ff;border-color:#8064f5}.account-status-chips button.active b{color:#fff;background:#8064f5}.account-filters{grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;display:grid}.account-filters label{color:#66738a;gap:5px;font-size:10px;display:grid}.account-filters select,.account-filters input{color:#182843;min-height:42px;font:inherit;background:#fff;border:1px solid #dce3ee;border-radius:10px;padding:8px 10px}.account-filters .clear-filters{color:#53627a;min-height:42px;font:inherit;cursor:pointer;background:#f8f9fc;border:1px solid #d9e1ed;border-radius:10px;align-self:end;font-weight:700}.accounts-table.enhanced>div,.accounts-table.enhanced>button{grid-template-columns:minmax(220px,1.8fr) minmax(120px,.8fr) minmax(140px,1fr) minmax(140px,1fr) 105px 90px}.accounts-table.enhanced>button{min-height:76px;transition:background .15s}.accounts-table.enhanced>button:hover{background:#fafaff}.accounts-table.enhanced>button i b{font-size:11px}.accounts-table.enhanced>button i small+small{margin-top:3px}.accounts-table.enhanced b.overdue{color:#b23f4b}.account-status{color:#596679;background:#f2f4f7;border-radius:999px;justify-content:center;align-items:center;width:max-content;min-width:82px;padding:6px 10px;font-size:9px;font-style:normal;font-weight:700;display:inline-flex}.account-status.fully_paid{color:#25734f;background:#eaf8f0}.account-status.partially_paid{color:#987019;background:#fff7df}.account-status.unpaid{color:#4564a5;background:#eef3ff}.account-status.overdue{color:#b13f4b;background:#fff0f1}.account-status.credit{color:#1671a7;background:#eef8ff}.account-status.no_charges{color:#707887;background:#f3f4f7}.account-pagination{justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex}.account-pagination button{color:#273b5c;min-height:40px;font:inherit;background:#fff;border:1px solid #dce3ee;border-radius:10px;padding:8px 15px}.account-pagination button:disabled{opacity:.45}.account-pagination span{color:#6b778b;font-size:11px}.parent-finance-state{background:#fff;border:1px solid #e0e5ed;border-radius:12px;align-items:center;gap:10px;margin:14px 0;padding:12px 14px;display:flex}.parent-finance-state>span{color:#6f7b8e;font-size:11px}.parent-finance-state>small{color:#a84b53;font-size:10px}@media (max-width:1050px){.account-filters{grid-template-columns:repeat(3,minmax(140px,1fr))}.accounts-table.enhanced>div{display:none}.accounts-table.enhanced>button{grid-template-columns:minmax(220px,1.5fr) repeat(2,1fr) 100px}.accounts-table.enhanced>button>i:first-of-type,.accounts-table.enhanced>button>strong{display:none}}@media (max-width:800px){.account-filters{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (max-width:600px){.accounts-table.enhanced>button{grid-template-columns:1fr}.account-filters{grid-template-columns:1fr 1fr}.accounts-table.enhanced>button>*{display:block!important}.accounts-table.enhanced>button>span{display:flex!important}.accounts-table.enhanced .account-status{display:inline-flex!important}.parent-finance-state{flex-wrap:wrap;align-items:flex-start}}@media (max-width:440px){.account-filters{grid-template-columns:1fr}}
.homework-page{color:#122043;max-width:1500px;margin:auto;padding:34px}.homework-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.homework-header p,.hw-eyebrow{color:#b9812f;margin:0 0 6px;font-size:13px;font-weight:800}.homework-header h1{margin:0;font-size:30px}.homework-header span{color:#68738b;margin-top:8px;display:block}.hw-primary{color:#fff!important;background:#10234f!important;border-color:#10234f!important}.homework-summary{gap:10px;margin:0 0 18px;display:flex}.homework-summary span{color:#68738b;background:#fff;border:1px solid #e5e8ef;border-radius:10px;padding:9px 13px;font-size:13px}.homework-summary b{color:#10234f;margin-left:4px;font-size:16px}.homework-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.homework-card{text-align:right;color:inherit;background:#fff;border:1px solid #e3e7ef;border-radius:14px;flex-direction:column;min-height:220px;padding:20px;display:flex;box-shadow:0 4px 14px #12204308}.homework-card:hover{border-color:#b8c2d6;transform:translateY(-1px)}.hw-card-top,.homework-card footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.hw-card-top time{color:#747f96;font-size:12px}.homework-card h2{margin:18px 0 8px;font-size:18px}.homework-card>p{color:#657086;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.75;display:-webkit-box;overflow:hidden}.hw-targets{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.hw-targets span{background:#f3f5fa;border-radius:7px;padding:5px 8px;font-size:11px}.homework-card footer{color:#748096;border-top:1px solid #eef0f4;margin-top:16px;padding-top:14px;font-size:12px}.homework-card footer b{color:#10234f;margin-right:auto}.hw-status{color:#526078;background:#eef1f7;border-radius:20px;padding:5px 9px;font-size:11px;font-style:normal;font-weight:800;display:inline-flex}.hw-status.published,.hw-status.submitted,.hw-status.reviewed,.hw-status.completed{color:#18764a;background:#e8f7ef}.hw-status.draft{color:#976414;background:#fff4dc}.hw-status.late,.hw-status.returned,.hw-status.cancelled{color:#aa3e35;background:#fff0ed}.homework-empty,.homework-state{text-align:center;color:#6c778d;grid-column:1/-1;padding:70px 24px}.homework-empty i{color:#25805b;background:#edf7f2;border-radius:50%;place-items:center;width:50px;height:50px;font-style:normal;display:inline-grid}.hw-error,.hw-success{color:#a33d34;background:#fff0ed;border-radius:9px;margin:12px 0;padding:12px 15px}.hw-success{color:#176c47;background:#e9f7ef}.hw-error button{float:left}.hw-modal{z-index:100;background:#0710268c;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.hw-editor,.hw-detail{background:#fff;border-radius:16px;width:min(920px,100%);max-height:92vh;padding:28px;position:relative;overflow:auto}.hw-close{border-radius:50%;width:34px;height:34px;font-size:24px;position:absolute;top:16px;left:18px;background:#f1f3f7!important;border:0!important}.hw-editor h2,.hw-detail h2{margin:0 0 22px;font-size:24px}.hw-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.hw-form-grid label,.student-work label,.hw-submodal label{gap:7px;font-size:13px;font-weight:700;display:grid}.hw-form-grid .wide,.hw-form-grid fieldset.wide{grid-column:1/-1}.hw-form-grid input,.hw-form-grid textarea,.hw-form-grid select,.question-builder input,.question-builder select,.student-work input,.student-work textarea,.student-work select,.hw-submodal input,.hw-submodal textarea,.hw-submodal select{font:inherit;background:#fff;border:1px solid #dce1ea;border-radius:9px;padding:11px}.hw-form-grid textarea,.student-work textarea{min-height:110px}.hw-form-grid fieldset{border:1px solid #e2e6ed;border-radius:10px}.target-group{flex-wrap:wrap;align-items:center;gap:12px;margin:9px 0;display:flex}.target-group label{align-items:center;gap:5px;font-weight:500;display:flex}.question-builder{background:#f7f8fb;border-radius:12px;margin:22px 0;padding:18px}.question-builder>header{justify-content:space-between;display:flex}.question-builder header span{display:grid}.question-builder small{color:#727e94}.question-builder article{grid-template-columns:30px 140px 1fr auto;align-items:center;gap:8px;margin-top:12px;display:grid}.question-number{color:#b9812f;font-weight:800}.question-builder .remove{color:#a33d34}.hw-options{grid-template-columns:1fr 1fr;gap:12px;padding:16px 0;display:grid}.hw-options label{align-items:center;gap:8px;font-size:13px;display:flex}.hw-options input[type=number]{width:90px}.hw-actions{border-top:1px solid #edf0f4;justify-content:flex-end;gap:10px;padding-top:18px;display:flex}.hw-editor button,.hw-detail button,.hw-settings button{font:inherit;background:#fff;border:1px solid #dce1e9;border-radius:8px;padding:9px 14px}.hw-detail>header{justify-content:space-between;gap:18px;display:flex}.hw-detail>header h2{margin:10px 0 4px}.hw-detail>header p{color:#707b90}.hw-toolbar{align-items:start;gap:8px;display:flex}.hw-instructions{background:#f7f8fb;border-radius:12px;margin:22px 0;padding:20px}.hw-instructions h3,.hw-question-preview h3,.hw-recipients h3{margin-top:0}.hw-instructions p{white-space:pre-wrap;line-height:1.8}.hw-instructions a,.student-work a,.hw-submodal a{color:#294b93;margin-top:8px;display:block}.hw-detail-meta{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.hw-detail-meta span{border:1px solid #e5e8ef;border-radius:10px;gap:5px;padding:13px;display:grid}.hw-detail-meta small{color:#727e94}.hw-question-preview{margin-top:20px}.hw-question-preview article{border-bottom:1px solid #edf0f4;gap:12px;padding:12px 0;display:flex}.hw-question-preview article b{color:#b9812f}.hw-recipients{margin-top:22px}.hw-recipients article{border-bottom:1px solid #edf0f4;align-items:center;gap:10px;padding:11px 0;display:flex}.hw-recipients .user-avatar{width:38px;height:38px}.hw-recipients article>span{margin-left:auto;display:grid}.hw-recipients small{color:#758096}.student-work{border:1px solid #e0e5ed;border-radius:12px;margin-top:24px;padding:20px}.student-work>header{justify-content:space-between;display:flex}.student-work blockquote{background:#fff7e8;border-radius:8px;margin:0;padding:10px}.student-work label{margin-top:15px}.student-work footer{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.hw-question-input>b{font-size:14px}.hw-submodal{z-index:110;background:#060e2073;place-items:center;display:grid;position:fixed;inset:0}.hw-submodal form{background:#fff;border-radius:14px;width:min(540px,90%);padding:24px;position:relative}.hw-submodal label{margin:14px 0}.hw-settings{background:#fff;border:1px solid #e3e7ef;border-radius:14px;max-width:850px}.hw-settings>label{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.hw-settings>label>span:first-child{gap:4px;display:grid}.hw-settings small{color:#748096}.hw-settings input[type=checkbox]{width:20px;height:20px}.hw-settings input[type=number]{border:1px solid #dce1e9;border-radius:7px;width:90px;padding:8px}.hw-settings>.hw-primary{margin:18px 20px}.setting-control{align-items:center;gap:10px;display:flex}@media (max-width:980px){.homework-grid{grid-template-columns:1fr 1fr}.homework-page{padding:24px}.hw-form-grid{grid-template-columns:1fr}.hw-form-grid .wide,.hw-form-grid fieldset.wide{grid-column:auto}.question-builder article{grid-template-columns:30px 1fr}.question-builder article input{grid-column:2}.hw-options{grid-template-columns:1fr}}@media (max-width:640px){.homework-page{padding:18px}.homework-header{display:grid}.homework-grid{grid-template-columns:1fr}.homework-summary{overflow:auto}.hw-detail>header{display:grid}.hw-detail-meta{grid-template-columns:1fr}.hw-modal{padding:8px}.hw-editor,.hw-detail{padding:22px 16px}.hw-options{grid-template-columns:1fr}.hw-recipients article{flex-wrap:wrap}}.hw-submitted-work{background:#f8f9fb;border:1px solid #e1e6ee;border-radius:11px;margin:18px 0;overflow:hidden}.hw-submitted-work>header{background:#eef2f8;justify-content:space-between;gap:12px;padding:13px 15px;display:flex}.hw-submitted-work>header small{color:#6f7a90}.hw-submitted-work article{border-top:1px solid #e4e8ef;padding:13px 15px}.hw-submitted-work article span{color:#68748a;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.hw-submitted-work article p{white-space:pre-wrap;color:#16254a;margin:0;line-height:1.75}.hw-no-answer{color:#707b90;text-align:center;margin:0;padding:18px}
.homework-tabs{background:#e9edf4;border-radius:10px;gap:4px;width:max-content;margin-bottom:18px;padding:4px;display:flex}.homework-tabs button{color:#637087;font:inherit;background:0 0;border:0;border-radius:7px;padding:9px 16px}.homework-tabs button.active{color:#10234f;background:#fff;font-weight:800;box-shadow:0 2px 6px #12204314}.hw-outcome-line{border-top:1px dashed #e2e6ed;align-items:center;gap:8px;margin-top:10px;padding:10px 0;font-size:12px;display:flex}.hw-outcome-line>span:last-child{color:#66738a;margin-right:auto}.hw-outcome{color:#647188;white-space:nowrap;background:#eef1f6;border-radius:20px;padding:5px 8px;font-size:11px;font-weight:800;display:inline-flex}.hw-outcome.passed,.hw-outcome.completed{color:#177347;background:#e6f6ed}.hw-outcome.failed{color:#ae3d35;background:#feecea}.hw-outcome.excused{color:#53617a;background:#eef1f7}.hw-recipients article>strong{text-align:center;color:#10234f;min-width:42px}.homework-viewbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.homework-view-switch{background:#eef1f6;border-radius:9px;gap:3px;margin-bottom:18px;padding:4px;display:flex}.homework-view-switch button{color:#66738a;font:inherit;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:8px 11px;display:flex}.homework-view-switch button.active{color:#10234f;background:#fff;font-weight:800;box-shadow:0 2px 6px #12204314}.homework-filterbar{grid-template-columns:minmax(210px,1.4fr) repeat(4,minmax(130px,1fr)) auto;gap:8px;margin-bottom:18px;display:grid}.homework-filterbar input,.homework-filterbar select{color:#243253;width:100%;font:inherit;background:#fff;border:1px solid #dfe4ec;border-radius:9px;padding:10px 11px}.homework-filterbar>button{color:#71501f;white-space:nowrap;background:#fff;border:1px solid #dfe4ec;border-radius:9px;padding:8px 11px}.homework-search{position:relative}.homework-search span{color:#7a869b;font-size:20px;position:absolute;top:8px;right:11px}.homework-search input{padding-right:36px}.homework-table-wrap{background:#fff;border:1px solid #e2e6ed;border-radius:13px;overflow:auto}.homework-table{border-collapse:collapse;text-align:right;width:100%;min-width:900px}.homework-table th{color:#69758a;background:#f5f7fa;border-bottom:1px solid #e2e6ed;padding:13px 15px;font-size:12px;font-weight:800}.homework-table td{color:#34415e;vertical-align:middle;border-bottom:1px solid #edf0f4;padding:14px 15px;font-size:13px}.homework-table tbody tr{cursor:pointer}.homework-table tbody tr:hover{background:#fafbfc}.homework-table tbody tr:last-child td{border-bottom:0}.homework-table td:first-child b,.homework-table td:nth-child(2) b{color:#13234a;display:block}.homework-table td small{color:#7a8599;margin-top:4px;display:block}.homework-table td>button{color:#1f458a;font:inherit;white-space:nowrap;background:0 0;border:0}@media (max-width:1100px){.homework-filterbar{grid-template-columns:repeat(3,1fr)}.homework-search{grid-column:span 2}}@media (max-width:700px){.homework-viewbar{flex-direction:column;align-items:stretch;gap:0}.homework-view-switch{width:max-content}.homework-filterbar{padding-bottom:4px;display:flex;overflow-x:auto}.homework-filterbar>*{min-width:150px}.homework-filterbar .homework-search{min-width:230px}.homework-table-wrap{background:0 0;border:0;overflow:visible}.homework-table{min-width:0;display:block}.homework-table thead{display:none}.homework-table tbody{gap:10px;display:grid}.homework-table tr{background:#fff;border:1px solid #e2e6ed;border-radius:12px;grid-template-columns:1fr 1fr;padding:12px;display:grid}.homework-table td{border:0;gap:3px;padding:7px;font-size:12px;display:grid}.homework-table td:before{content:attr(data-label);color:#7a8599;font-size:10px}.homework-table td:last-child{grid-column:1/-1}.homework-table td:last-child button{background:#f1f4f8;border-radius:7px;width:100%;padding:8px}}
.hr-page{color:#102044;max-width:1500px;margin:auto;padding:28px}.hr-title{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.hr-title p{color:#b6812b;margin:0 0 6px;font-weight:700}.hr-title h1{margin:0 0 8px;font-size:30px}.hr-title span,.hr-note{color:#6b7488}.hr-title button,.hr-form>button,.hr-upload button{color:#fff;background:#10244d;border:0;border-radius:9px;padding:11px 18px}.hr-metrics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.hr-metric,.hr-panels article,.hr-table,.hr-document-layout>article,.hr-document-layout>aside{background:#fff;border:1px solid #e3e7ef;border-radius:12px;box-shadow:0 3px 15px #10204408}.hr-metric{padding:20px}.hr-metric b{font-size:30px;display:block}.hr-metric span{color:#677187}.hr-metric.warning b{color:#b7791f}.hr-metric.danger b{color:#b63d4b}.hr-panels{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.hr-panels article{padding:22px}.hr-panels h2{font-size:17px}.hr-stat,.hr-action-line{border-bottom:1px solid #eef0f5;justify-content:space-between;padding:12px 0;display:flex}.hr-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.hr-toolbar input{border:1px solid #dce1ea;border-radius:9px;width:min(480px,70%);padding:12px}.hr-table{overflow:auto}.hr-row{border-top:1px solid #eef0f4;grid-template-columns:1.6fr 1.2fr 1fr 1fr .7fr 1fr;align-items:center;gap:14px;min-width:900px;padding:13px 16px;display:grid}.hr-row.hr-head{color:#727b8c;background:#f7f8fb;border:0;font-size:13px}.hr-row span small,.hr-person small{color:#7b8496;margin-top:3px;display:block}.hr-person{align-items:center;gap:10px;display:flex}.hr-person .user-avatar{width:38px;height:38px}.hr-status{color:#287750;background:#edf5f0;border-radius:99px;width:max-content;padding:5px 9px;font-size:12px;display:inline-flex}.hr-status.absent,.hr-status.rejected,.hr-status.terminated{color:#b03245;background:#fff0f1}.hr-status.pending,.hr-status.late{color:#9a671b;background:#fff7e7}.text-button{color:#294b88!important;background:0 0!important;padding:5px!important}.danger-text{color:#b03245!important}.attendance .hr-row{grid-template-columns:1.5fr 1fr .8fr 1.3fr}.leave .hr-row{grid-template-columns:1.2fr .8fr 1.1fr .8fr 1fr}.hr-actions{gap:4px;display:flex}.hr-actions button{border:0;border-radius:7px;padding:6px 9px}.modal{z-index:100}.hr-form,.hr-profile{background:#fff;border-radius:14px;width:min(900px,94vw);max-height:90vh;padding:26px;position:relative;overflow:auto}.hr-form .form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.hr-form label{color:#48536b;gap:6px;margin-bottom:12px;font-size:13px;display:grid}.hr-form input,.hr-form select,.hr-form textarea{font:inherit;border:1px solid #dce1ea;border-radius:8px;padding:10px}.hr-form textarea{min-height:72px}.hr-form .close,.hr-profile .close{color:#20304f;background:#f1f3f7;padding:6px 10px;position:absolute;top:16px;left:18px}.hr-account-box{background:#f7f8fb;border-radius:10px;grid-template-columns:1fr 1fr;gap:12px;padding:14px;display:grid}.hr-check{align-items:center;grid-template-columns:auto 1fr!important;display:flex!important}.hr-credential{background:#fff8e8;border:1px solid #edd49e;border-radius:10px;align-items:center;gap:20px;margin-bottom:15px;padding:13px 16px;display:flex}.hr-credential button{margin-right:auto}.hr-profile-head{align-items:center;gap:14px;display:flex}.hr-profile-head .user-avatar{width:64px;height:64px}.hr-profile-head h2{margin:0}.hr-profile nav{border-bottom:1px solid #e4e7ed;margin:22px 0;display:flex}.hr-profile nav button{background:0 0;border:0;padding:12px}.hr-profile nav .active{color:#b6812b;border-bottom:2px solid #b6812b}.hr-profile-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.hr-profile-grid>div{background:#f7f8fb;border-radius:8px;padding:13px}.hr-profile-grid small,.hr-profile-grid b{display:block}.hr-mini-list>div,.hr-mini-list>a{border-bottom:1px solid #eee;grid-template-columns:1fr .5fr 1fr;padding:12px;display:grid}.hr-document-layout{grid-template-columns:280px 1fr;gap:14px;display:grid}.hr-document-layout aside{max-height:650px;padding:8px;overflow:auto}.hr-document-layout aside button{text-align:right;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:10px;display:flex}.hr-document-layout aside button.active{background:#eef2fa}.hr-document-layout aside small{display:block}.hr-document-layout>article{padding:20px}.hr-upload{grid-template-columns:1fr 1fr 1.5fr auto;gap:8px;margin-bottom:20px;display:grid}.hr-upload>*{border:1px solid #ddd;border-radius:8px;padding:9px}.hr-document{color:inherit;border:1px solid #e5e8ee;border-radius:8px;grid-template-columns:auto 1fr auto;gap:10px;margin:8px 0;padding:13px;text-decoration:none;display:grid}.hr-empty,.hr-loading{text-align:center;color:#717b90;padding:60px}@media (max-width:850px){.hr-page{padding:16px}.hr-metrics,.hr-panels{grid-template-columns:1fr 1fr}.hr-document-layout{grid-template-columns:1fr}.hr-document-layout aside{max-height:220px}.hr-form .form-grid,.hr-account-box,.hr-profile-grid,.hr-upload{grid-template-columns:1fr}.hr-title{align-items:stretch}.hr-title button{align-self:flex-start}}@media (max-width:520px){.hr-metrics,.hr-panels{grid-template-columns:1fr}.hr-title{display:grid}.hr-profile nav{overflow:auto}.hr-credential{display:grid}}.hr-credential{background:#fff;border:1px solid #dfe6f1;border-radius:16px;grid-template-columns:auto minmax(190px,1fr) minmax(240px,auto) auto;align-items:center;gap:16px;margin-bottom:18px;padding:15px 18px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 28px #10204412}.hr-credential:before{content:"";background:linear-gradient(#7b3ff2,#28b2f6);width:4px;position:absolute;inset-block:0;inset-inline-start:0}.hr-credential-icon{color:#1f9d68;background:#e9f8f1;border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:grid}.hr-credential-copy{gap:3px;display:grid}.hr-credential-copy b{color:#102044;font-size:15px}.hr-credential-copy small{color:#6b7488;font-size:12px}.hr-credential-password{background:#f6f8fc;border:1px solid #e1e6ef;border-radius:11px;align-items:center;gap:12px;padding:9px 12px;display:flex}.hr-credential-password span{color:#6b7488;font-size:11px}.hr-credential-password strong{color:#102044;letter-spacing:.04em;-webkit-user-select:all;user-select:all;font:700 14px Manrope,sans-serif}.hr-credential button{white-space:nowrap;margin:0}@media (max-width:850px){.hr-credential{grid-template-columns:auto 1fr}.hr-credential-password{grid-column:1/-1}.hr-credential button{inset-inline-end:14px;position:absolute;top:14px}}@media (max-width:520px){.hr-credential{grid-template-columns:auto 1fr;padding:14px}.hr-credential-copy{padding-inline-end:42px}.hr-credential-password{gap:4px;display:grid}.hr-credential button{padding:8px 11px}}
.attendance-display,.display-activation,.scan-page{color:#0d1e43;background:#f5f7fb;min-height:100vh;font-family:IBM Plex Sans Arabic,sans-serif}.display-brand{background:#fff;border-bottom:1px solid #e2e6ee;justify-content:space-between;align-items:center;height:92px;padding:0 38px;display:flex}.display-brand>div{align-items:center;gap:16px;display:flex}.display-brand img{object-fit:contain;width:130px;max-height:62px}.display-brand span b,.display-brand span small{display:block}.display-brand span small{color:#788196}.display-fullscreen{color:#1c315d;background:#fff;border:1px solid #dce1eb;border-radius:9px;padding:9px 14px}.employee-display{background:radial-gradient(circle at 20% 20%,#fff8e8 0,#0000 35%),#f6f8fc}.employee-qr{text-align:center;justify-items:center;padding:45px 24px;display:grid}.employee-qr p,.student-display-head p{color:#b47d25;font-weight:700}.employee-qr h1{margin:6px 0;font-size:38px}.employee-qr span{color:#69748a;font-size:18px}.qr-frame{background:#fff;border:1px solid #e1e5ed;border-radius:20px;margin:24px;padding:18px;box-shadow:0 18px 50px #13244a18}.qr-frame img{width:min(42vh,420px);height:min(42vh,420px);display:block}.employee-display footer{text-align:center;color:#7a8394}.student-display-head{justify-content:space-between;align-items:end;padding:25px 38px;display:flex}.student-display-head h1{margin:5px 0;font-size:30px}.student-display-controls{gap:10px;display:flex}.student-display-controls select,.student-display-controls input{font:inherit;background:#fff;border:1px solid #dce1e9;border-radius:10px;min-width:240px;padding:12px 15px;font-size:17px}.student-touch-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:15px;padding:0 38px 38px;display:grid}.student-touch-grid>button{text-align:right;background:#fff;border:2px solid #0000;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:12px;min-height:105px;padding:17px;display:grid;box-shadow:0 4px 18px #142a5510}.student-touch-grid .user-avatar{width:58px;height:58px;font-size:20px}.student-touch-grid span b,.student-touch-grid span small{display:block}.student-touch-grid span small{color:#7a8496}.student-touch-grid em{color:#69748a;background:#f1f3f7;border-radius:6px;grid-column:1/-1;padding:5px 8px;font-style:normal}.student-touch-grid button.inside{background:#f5fcf8;border-color:#78c49d}.student-touch-grid button.inside em{color:#21724a;background:#dff5e9}.display-toast{z-index:20;color:#fff;background:#173a66;border-radius:10px;padding:13px 23px;position:fixed;top:108px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.display-confirm{z-index:30;background:#0c17366f;place-items:center;display:grid;position:fixed;inset:0}.display-confirm>section{text-align:center;background:#fff;border-radius:18px;width:min(430px,90vw);padding:30px}.display-confirm .user-avatar{width:85px;height:85px;margin:auto}.display-confirm h2{font-size:27px}.display-confirm>section>div{grid-template-columns:1fr 1fr;gap:10px;display:grid}.display-confirm button,.scan-page button,.display-activation button{color:#fff;font:inherit;background:#0f2858;border:0;border-radius:10px;padding:13px}.display-confirm .cancel{color:#33415e;background:#eef1f5}.display-activation,.scan-page{place-items:center;padding:20px;display:grid}.display-activation>section,.scan-page>section{text-align:center;background:#fff;border:1px solid #e2e6ed;border-radius:18px;width:min(460px,94vw);padding:34px;box-shadow:0 20px 60px #10204413}.display-activation img,.scan-page img{width:170px}.display-activation form,.scan-page form{gap:10px;margin-top:25px;display:grid}.display-activation input,.scan-page input{font:inherit;border:1px solid #dce1e9;border-radius:9px;padding:13px}.display-error{color:#a82d40;background:#fff0f1;border-radius:8px;margin-top:12px;padding:10px}.scan-page>section>button{width:100%;margin-top:22px}.scan-result>b{color:#248052;background:#ddf5e8;border-radius:50%;place-items:center;width:80px;height:80px;margin:25px auto 10px;font-size:42px;display:grid}.scan-result time{font-size:28px;font-weight:700}.display-empty,.display-loading{text-align:center;color:#788196;padding:70px}@media (max-width:800px){.display-brand{height:74px;padding:0 15px}.display-brand img{width:95px}.student-display-head{gap:14px;padding:18px;display:grid}.student-display-controls{grid-template-columns:1fr 1fr;display:grid}.student-display-controls select,.student-display-controls input{width:100%;min-width:0}.student-touch-grid{grid-template-columns:repeat(2,1fr);padding:0 18px 30px}.employee-qr{padding-top:25px}.employee-qr h1{font-size:28px}}@media (max-width:520px){.student-touch-grid,.student-display-controls{grid-template-columns:1fr}.display-brand span{display:none}}.display-management{background:#fff;border:1px solid #e1e5ed;border-radius:12px;grid-column:1/-1;margin-top:18px;padding:20px}.display-management-title{justify-content:space-between;align-items:center;display:flex}.display-management-title h2{margin:0}.display-management-title p{color:#758095}.display-management-title>div:last-child{gap:8px;display:flex}.display-management-title a,.display-management-title button{color:#fff;background:#102857;border:0;border-radius:8px;padding:9px 12px;text-decoration:none}.display-list article{border-top:1px solid #edf0f4;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:14px 0;display:grid}.display-list small{color:#7b8597;display:block}.display-kind{color:#21447f;background:#eef2fa;border-radius:10px;place-items:center;width:46px;height:46px;display:grid}.display-kind.student{color:#8f6825;background:#f7f0df}.display-list em{color:#70798a;background:#f2f3f6;border-radius:99px;padding:5px 8px;font-style:normal}.display-list em.active{color:#287652;background:#e0f5e9}.activation-code-card,.display-create-form{background:#fff;border-radius:15px;width:min(600px,94vw);padding:28px;position:relative}.activation-code-card{text-align:center}.activation-code-card strong{letter-spacing:5px;background:#f3f5f9;border:1px dashed #b8c1d2;border-radius:10px;margin:20px;padding:18px;font:700 34px/1.2 monospace;display:block}.activation-code-card small{color:#7b8495;display:block}.activation-code-card>button:last-child{margin-top:18px}.display-create-form label{gap:6px;margin:12px 0;display:grid}.display-create-form input,.display-create-form select{font:inherit;border:1px solid #dce1e9;border-radius:8px;padding:10px}.display-create-form fieldset{border:1px solid #e1e5ec;border-radius:10px;grid-template-columns:1fr 1fr;max-height:250px;display:grid;overflow:auto}.display-create-form fieldset label{align-items:center;gap:7px;display:flex}.display-create-form .close,.activation-code-card .close{position:absolute;top:13px;left:16px}.display-create-form .primary{color:#fff;background:#102857;border:0;border-radius:8px;padding:11px 16px}@media (max-width:700px){.display-management-title{gap:12px;display:grid}.display-list article{grid-template-columns:auto 1fr}.display-list article>div:last-child{grid-column:1/-1}.display-create-form fieldset{grid-template-columns:1fr}}
.transport-page{gap:18px;display:grid}.transport-tabs{border-bottom:1px solid #dde3ec;gap:5px;display:flex}.transport-tabs button{color:#68748a;background:0 0;border:0;padding:12px 18px}.transport-tabs button.active{color:#102d5d;border-bottom:2px solid #c59035}.transport-metrics{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.transport-metrics article{background:#fff;border:1px solid #e1e5ed;border-radius:11px;padding:18px}.transport-metrics strong,.transport-metrics span{display:block}.transport-metrics strong{color:#112e5d;font-size:27px}.transport-metrics span{color:#758095}.transport-live{grid-template-columns:minmax(0,1fr) 360px;gap:16px;display:grid}.transport-map{background:linear-gradient(35deg,#eef2e7,#f7f4eb 46%,#edf3f6);border:1px solid #dce2eb;border-radius:13px;min-height:520px;position:relative;overflow:hidden}.map-grid{opacity:.8;background:linear-gradient(90deg,#0000 48%,#fff 49% 51%,#0000 52%) 0 0/120px 80px,linear-gradient(#0000 48%,#fff 49% 51%,#0000 52%) 0 0/170px 130px;position:absolute;inset:-30%;transform:rotate(-12deg)}.map-north{background:#fff;border-radius:7px;padding:7px 10px;position:absolute;top:15px;left:17px}.map-stop,.map-bus{z-index:3;position:absolute;transform:translate(-50%,-50%)}.map-stop i{background:#fff;border:4px solid;border-radius:50%;width:15px;height:15px;display:block;box-shadow:0 2px 8px #0002}.map-stop small,.map-bus small{white-space:nowrap;background:#fff;border-radius:5px;padding:3px 7px;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0002}.map-bus{color:#fff;background:#122f60;border:0;border-radius:50%;width:48px;height:48px;font-size:24px;box-shadow:0 6px 18px #10295855}.map-bus small{color:#132b55}.map-empty{color:#748095;place-items:center;display:grid;position:absolute;inset:0}.transport-live>aside{background:#fff;border:1px solid #e1e5ed;border-radius:13px;padding:18px}.transport-live>aside article{border-top:1px solid #edf0f4;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.transport-live>aside article span{background:#b4bbc7;border-radius:50%;width:9px;height:9px}.transport-live>aside article span.online{background:#32a36b}.transport-live>aside b,.transport-live>aside small,.transport-live>aside em{display:block}.transport-live>aside small,.transport-live>aside em{color:#7a8497;font-size:12px;font-style:normal}.transport-live button,.list-title button{color:#fff;background:#132f5f;border:0;border-radius:8px;padding:8px 10px}.transport-list{background:#fff;border:1px solid #e1e5ed;border-radius:12px;padding:20px}.list-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.list-title h2{margin:0}.list-title span{color:#758095}.transport-list>article{border-top:1px solid #edf0f4;grid-template-columns:auto 1.2fr 1fr auto auto;align-items:center;gap:14px;padding:14px 0;display:grid}.vehicle-icon{font-size:25px}.transport-list b,.transport-list small{display:block}.transport-list small{color:#768196}.transport-list em{font-style:normal}.route-color{border-radius:8px;width:8px;height:42px}.stop-chips{gap:5px;display:flex;overflow:hidden}.stop-chips span{white-space:nowrap;background:#f0f3f7;border-radius:6px;padding:4px 7px;font-size:12px}.transport-modal{width:min(850px,94vw)}.transport-modal form{gap:13px;display:grid}.transport-modal label{gap:5px;display:grid}.transport-modal input,.transport-modal select{font:inherit;border:1px solid #dbe1ea;border-radius:8px;padding:10px}.route-stops-editor{gap:7px;display:grid}.route-stops-editor article{grid-template-columns:30px 1.4fr 1fr 1fr 80px 80px 35px;align-items:center;gap:6px;display:grid}.route-stops-editor article>b{background:#edf1f7;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.guardian-transport{max-width:1100px;margin:auto}.guardian-trip-card{background:#fff;border:1px solid #e1e5ed;border-radius:12px;align-items:center;gap:14px;padding:16px;display:flex}.guardian-trip-card>span{color:#737d8e;background:#eef0f4;border-radius:99px;margin-right:auto;padding:7px 11px}.guardian-trip-card>span.active{color:#26784f;background:#dff5e9}.guardian-location-status{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.guardian-location-status article{background:#fff;border:1px solid #e1e5ed;border-radius:10px;padding:14px}.guardian-location-status small,.guardian-location-status b{display:block}.guardian-location-status small{color:#7a8598}@media (max-width:1000px){.transport-live{grid-template-columns:1fr}.transport-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.transport-tabs{overflow:auto}.transport-tabs button{white-space:nowrap}.transport-metrics,.guardian-location-status{grid-template-columns:1fr 1fr}.transport-list>article{grid-template-columns:auto 1fr}.transport-list>article>:nth-child(n+3){grid-column:2}.route-stops-editor article{grid-template-columns:28px 1fr 1fr}.transport-map{min-height:400px}}
.route-actions{align-items:center;gap:7px;display:flex}.route-actions button:first-child{color:#b82f4b;background:#fff8f9;border-color:#ffd1d8}.transport-modal textarea{font:inherit;resize:vertical;border:1px solid #dbe1ea;border-radius:8px;padding:10px}@media (max-width:700px){.route-actions{flex-wrap:wrap;grid-column:2}}
.account-profile-page{color:#101f3e;max-width:1220px;margin:auto;padding:28px}.account-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.account-profile-card{background:#fff;border:1px solid #e0e6ef;border-radius:16px;align-content:start;gap:14px;padding:24px;display:grid;box-shadow:0 8px 24px #0f22490b}.account-profile-card h2{margin:0 0 4px;font-size:18px}.account-profile-card label{color:#536178;gap:7px;font-size:13px;display:grid}.account-profile-card input{min-height:46px;font:inherit;color:#102044;background:#fff;border:1px solid #dce3ed;border-radius:11px;padding:10px 13px}.account-profile-card input:disabled{color:#64748b;background:#f5f7fa}.account-profile-card button{justify-self:start}.profile-photo-card{text-align:center;justify-items:center}.profile-photo-card>.user-avatar{border-radius:24px;width:112px;height:112px;font-size:31px}.profile-photo-card>small,.account-profile-card>small{color:#748097}.profile-photo-card>div{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:9px;display:flex}.profile-photo-card>div button{white-space:nowrap;min-height:46px;padding:10px 18px;line-height:1.2}.account-profile-card .danger{color:#c93649;background:#fff8f9;border-color:#efc7ce}.account-profile-card dl{gap:8px;margin:0;display:grid}.account-profile-card dl div{border-top:1px solid #edf0f5;justify-content:space-between;gap:14px;padding:11px 0;display:flex}.account-profile-card dt{color:#748097;font-size:12px}.account-profile-card dd{text-align:end;margin:0;font-weight:700}.account-profile-notice,.account-profile-error{border-radius:11px;margin-bottom:14px;padding:12px 15px}.account-profile-notice{color:#17704a;background:#ecf9f2;border:1px solid #cbeada}.account-profile-error{color:#bb3442;background:#fff0f1;border:1px solid #f2cbd0}.account-profile-state{color:#6f7d92;place-content:center;justify-items:center;gap:12px;min-height:360px;display:grid}.account-profile-state i{color:#8b5cf6;font-size:30px}.account-profile-state.error{color:#c2414b}@media (max-width:760px){.account-profile-page{padding:18px 12px}.account-profile-grid{grid-template-columns:1fr}.account-profile-card{padding:18px}.profile-photo-card>.user-avatar{width:94px;height:94px}}
.user-settings-page{color:#101f3e;max-width:1220px;margin:auto;padding:28px}.user-settings-page>.page-title{margin-bottom:18px;padding:0}.user-settings-tabs{background:#fff;border:1px solid #dfe5ee;border-radius:13px;gap:8px;width:max-content;max-width:100%;margin-bottom:18px;padding:5px;display:flex}.user-settings-tabs button{color:#536178;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 18px;font-weight:800}.user-settings-tabs button.active{color:#fff;background:linear-gradient(135deg,#7638ef,#28bbed);box-shadow:0 5px 14px #6c45eb2e}.user-settings-page .account-profile-page{max-width:none;padding:0}.user-settings-page .communication-preferences{margin-top:0}@media (max-width:760px){.user-settings-page{padding:18px 12px}.user-settings-tabs{width:100%}.user-settings-tabs button{flex:1;padding-inline:10px}}
.account-management{gap:18px;min-width:0;display:grid}.account-lifecycle-title{justify-content:space-between;align-items:flex-start;display:flex}.account-lifecycle-title h1{color:#8b5cf6;margin:0;font-size:clamp(1.75rem,2.4vw,2.35rem)}.account-lifecycle-title p{color:#64748b;margin:7px 0 0;font-size:1rem}.account-lifecycle-tabs{gap:8px;padding:4px 0;display:flex;overflow-x:auto}.account-lifecycle-tabs button{white-space:nowrap;color:#17233d;background:#fff;border:1px solid #dce3ee;border-radius:12px;min-height:44px;padding:0 18px;font-weight:750}.account-lifecycle-tabs button.active{color:#fff;background:linear-gradient(135deg,#7738f5,#22bce0);border-color:#0000;box-shadow:0 8px 22px #6366f133}.account-lifecycle-toolbar{background:#fff;border:1px solid #dce3ee;border-radius:16px;grid-template-columns:minmax(250px,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.account-lifecycle-toolbar>label{align-items:center;gap:9px;min-width:0;display:flex}.account-lifecycle-toolbar input{width:100%;min-height:44px;font:inherit;border:1px solid #dce3ee;border-radius:11px;padding:0 14px}.account-lifecycle-toolbar>strong{color:#52617a;white-space:nowrap}.account-lifecycle-toolbar>div{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.account-lifecycle-toolbar button,.lifecycle-actions button,.account-impact-modal footer button{color:#15223d;background:#fff;border:1px solid #d8e0ed;border-radius:10px;min-height:40px;padding:0 14px;font-weight:750}.account-lifecycle-toolbar button:disabled{opacity:.45;cursor:not-allowed}.danger-outline{color:#dc2626!important;background:#fff8f8!important;border-color:#fecaca!important}.lifecycle-table{background:#fff;border:1px solid #dce3ee;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #1323440a}.lifecycle-row{border-top:1px solid #edf1f6;grid-template-columns:28px minmax(210px,1.3fr) minmax(150px,1fr) minmax(190px,1.1fr) minmax(130px,.7fr) minmax(210px,1.3fr);align-items:center;gap:14px;padding:14px 16px;display:grid}.lifecycle-row.head{color:#53627b;background:#f7f9fc;border-top:0;font-weight:800}.lifecycle-person{align-items:center;gap:10px;min-width:0;display:flex}.lifecycle-person .user-avatar,.linked-account-choice .user-avatar{flex:0 0 42px;width:42px;height:42px}.lifecycle-person>span{min-width:0;display:grid}.lifecycle-person b,.lifecycle-person small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lifecycle-person small,.lifecycle-row small{color:#75839a;margin-top:3px}.lifecycle-roles,.lifecycle-contact{overflow-wrap:anywhere;color:#465670}.lifecycle-row>span:has(.account-lifecycle-status){justify-items:start;display:grid}.account-lifecycle-status{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;padding:6px 10px;font-style:normal;font-weight:800;display:inline-flex}.account-lifecycle-status.active{color:#15803d;background:#ecfdf5}.account-lifecycle-status.suspended,.account-lifecycle-status.invited{color:#c2410c;background:#fff7ed}.account-lifecycle-status.archived{color:#475569;background:#f1f5f9}.account-lifecycle-status.deleted{color:#be123c;background:#fff1f2}.lifecycle-actions{flex-wrap:wrap;gap:6px;display:flex}.lifecycle-actions button{min-height:34px;padding:0 10px;font-size:.85rem}.directory-loading,.empty-state{text-align:center;color:#64748b;padding:42px}.account-lifecycle-error{margin:0}.account-impact-modal{z-index:90}.account-impact-modal>section{background:#fff;border-radius:20px;width:min(720px,100vw - 28px);max-height:min(88vh,850px);padding:24px;overflow:auto;box-shadow:0 24px 70px #0a193740}.account-impact-modal h2{color:#111d36;margin:0 0 18px}.impact-accounts{gap:8px;display:grid}.impact-accounts article{border:1px solid #e1e7f0;border-radius:12px;grid-template-columns:1fr auto;gap:4px 14px;padding:12px 14px;display:grid}.impact-accounts article small,.impact-accounts article em{color:#64748b;grid-column:1/-1}.impact-accounts article em{color:#b91c1c;font-style:normal}.linked-account-choice{margin-top:18px}.linked-account-choice h3,.preserved-data h3{margin:0 0 6px}.linked-account-choice p{color:#64748b;margin:0 0 12px}.linked-account-choice>label{border:1px solid #e1e7f0;border-radius:12px;align-items:center;gap:10px;margin-top:8px;padding:10px;display:flex}.linked-account-choice>label.disabled{opacity:.48}.linked-account-choice>label>span{display:grid}.linked-account-choice small{color:#64748b}.preserved-data{margin-top:18px}.preserved-data>div{flex-wrap:wrap;gap:8px;display:flex}.preserved-data span{color:#18794e;background:#effaf4;border-radius:999px;padding:7px 10px}.impact-reason{gap:7px;margin-top:18px;font-weight:800;display:grid}.impact-reason textarea{resize:vertical;min-height:88px;font:inherit;border:1px solid #dce3ee;border-radius:12px;padding:11px}.account-permanent-warning{color:#9f1239;background:#fff1f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:15px;padding:12px 14px}.recovery-note{color:#64748b}.account-impact-modal footer{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.account-impact-modal footer .primary{color:#fff;background:linear-gradient(135deg,#7738f5,#22bce0);border:0}.account-impact-modal footer .danger{color:#fff;background:#dc2626;border:0}@media (max-width:1050px){.lifecycle-row{grid-template-columns:28px minmax(200px,1.3fr) minmax(160px,1fr) minmax(150px,1fr)}.lifecycle-row.head span:nth-of-type(3),.lifecycle-row.head span:nth-of-type(4),.lifecycle-contact{display:none}.lifecycle-row>span:has(.account-lifecycle-status){display:none}.lifecycle-actions{justify-content:flex-end}}@media (max-width:700px){.account-lifecycle-title p{font-size:.92rem}.account-lifecycle-toolbar{grid-template-columns:1fr}.account-lifecycle-toolbar>strong,.account-lifecycle-toolbar>div{grid-column:1}.lifecycle-table{box-shadow:none;background:0 0;border:0;gap:10px;display:grid;overflow:visible}.lifecycle-row.head{display:none}.lifecycle-row{background:#fff;border:1px solid #dce3ee;border-radius:14px;grid-template-columns:28px 1fr;gap:10px;padding:13px}.lifecycle-row>.lifecycle-roles{grid-column:2}.lifecycle-actions{grid-column:1/-1;justify-content:flex-start}.account-impact-modal>section{padding:20px 16px}}