:root{--green:#1e715b;--deep:#144f41;--mint:#e8f3ef;--ink:#1b302a;--muted:#71817c;--line:#e2e9e6;--bg:#f5f8f6;--card:#fff;--red:#bd504a;--orange:#bd7733;--blue:#5675aa;--violet:#8d6896;--shadow:0 12px 36px rgba(24,57,48,.08);font-family:"Cairo",Tahoma,Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);min-width:320px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}[hidden]{display:none!important}input,select,textarea{width:100%;border:1px solid #dbe4e0;border-radius:11px;background:#fff;padding:10px 12px;outline:0}input:focus,select:focus,textarea:focus{border-color:#72aa9b;box-shadow:0 0 0 3px #dceee8}textarea{min-height:95px;resize:vertical}.btn{border:0;border-radius:11px;min-height:41px;padding:8px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;font-size:12px}.btn.primary{background:var(--green);color:#fff;box-shadow:0 6px 16px rgba(30,113,91,.18)}.btn.primary:hover{background:var(--deep)}.btn.soft{background:var(--mint);color:var(--green);border:1px solid #cee2db}.btn.ghost{background:#fff;border:1px solid var(--line);color:#5d6e68}.btn.danger{background:#fbeae8;color:var(--red)}.btn.small{min-height:32px;padding:5px 10px;font-size:10px}.wide{width:100%}.icon-btn{border:0;background:transparent;width:39px;height:39px;border-radius:10px;display:grid;place-items:center;color:#64746f}.icon-btn:hover{background:#edf3f0;color:var(--green)}.card{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:19px;box-shadow:0 2px 5px rgba(20,50,42,.025)}.badge{display:inline-flex;width:max-content;align-items:center;padding:4px 8px;border-radius:20px;font-size:9px;font-weight:800}.badge.green{background:#e5f3ed;color:#27755f}.badge.orange{background:#fcf0e2;color:#ae692a}.badge.red{background:#fae9e7;color:#b54a45}.badge.blue{background:#e9eff8;color:#506da0}.badge.gray{background:#edf1ef;color:#65736f}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#dcece7,#bcd8d0);color:var(--green);display:grid;place-items:center;font-weight:800;flex:none}.avatar.lg{width:58px;height:58px;font-size:16px}.avatar.xl{width:82px;height:82px;font-size:22px;border:4px solid #fff;box-shadow:0 5px 18px #244d4220}.app{min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:248px;background:#fff;border-left:1px solid var(--line);padding:19px 13px;display:flex;flex-direction:column;z-index:30}.side-brand{display:flex;align-items:center;gap:10px;padding:1px 5px 18px;border-bottom:1px solid var(--line)}.side-logo,.brand-mark{width:42px;height:46px;border-radius:20px 20px 11px 11px;background:linear-gradient(145deg,#2c7c66,#10493b);color:#fff;display:grid;place-items:center;font:25px Georgia;box-shadow:0 7px 18px #1e715b30}.side-brand>div{display:grid}.side-brand b{font-size:13px}.side-brand small{font-size:9px;color:var(--muted)}.side-brand .icon-btn{margin-right:auto}.sidebar nav{overflow:auto;flex:1;padding:12px 0}.nav-label{font-size:9px;color:#9aa5a1;font-weight:700;margin:12px 11px 5px}.nav-item{width:100%;height:41px;border:0;background:transparent;border-radius:10px;padding:0 11px;display:flex;align-items:center;gap:11px;color:#60716b;font-weight:600;font-size:12px;text-align:right;margin:2px 0}.nav-item span{width:21px;text-align:center;font-size:16px}.nav-item:hover{background:#f2f6f4;color:var(--green)}.nav-item.active{background:var(--mint);color:var(--green);font-weight:800;box-shadow:inset -3px 0 var(--green)}.demo-note{border:1px dashed #cfddd8;background:#f5f8f7;border-radius:12px;padding:10px;display:flex;gap:9px;color:var(--green)}.demo-note div{display:grid}.demo-note b{font-size:10px}.demo-note small{font-size:8px;color:var(--muted)}.main{margin-right:248px;min-height:100vh}.topbar{height:70px;position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:20px}.top-start{display:flex;align-items:center;gap:10px}.top-start>div{display:flex;gap:6px;align-items:center}.top-start small{font-size:10px;color:#9aa5a1}.top-start b{font-size:12px}.global-search{height:39px;width:min(370px,35vw);border:1px solid var(--line);border-radius:10px;background:#f7f9f8;display:flex;align-items:center;padding:0 11px;color:#85938e}.global-search input{border:0;background:transparent;box-shadow:none;padding:5px 8px;font-size:11px}.top-actions{display:flex;align-items:center;gap:7px}.popover-wrap{position:relative}.top-actions>.popover-wrap>.icon-btn{font-size:20px;position:relative}.top-actions .icon-btn i{position:absolute;left:-1px;top:0;background:#d75b55;color:#fff;width:16px;height:16px;border-radius:9px;font:8px Cairo;display:grid;place-items:center;border:2px solid #fff}.user-chip{border:0;background:transparent;border-radius:11px;padding:4px 7px;display:flex;align-items:center;gap:8px;text-align:right}.user-chip:hover{background:#f1f5f3}.user-chip>span:nth-child(2){display:grid;min-width:88px}.user-chip b{font-size:10px}.user-chip small{font-size:8px;color:var(--muted)}.user-chip em{font-style:normal;color:#83908c}.popover{position:absolute;left:0;top:calc(100% + 11px);width:350px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 16px 45px #18382f20;overflow:hidden;animation:pop .16s ease;z-index:50}@keyframes pop{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}.pop-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.pop-head h3{font-size:14px;margin:0}.text-btn{border:0;background:none;color:var(--green);font-size:9px;font-weight:700}.notice{width:100%;border:0;border-bottom:1px solid #edf1ef;background:#fff;padding:12px 15px;display:flex;gap:9px;text-align:right}.notice.unread{background:#f1f8f5}.notice-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);margin-top:5px}.notice>span:last-child{display:grid}.notice b{font-size:10px}.notice small{font-size:8px;color:var(--muted)}.pop-footer{width:100%;height:39px;border:0;background:#fff;color:var(--green);font-size:10px;font-weight:700}.user-popover{width:225px;padding:8px}.role-picker{padding:6px 6px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}.role-picker small{font-size:8px;color:var(--muted)}.role-picker select{padding:6px;margin-top:4px;font-size:9px}.user-popover>a,.user-popover>button{display:flex;width:100%;border:0;background:none;padding:9px;border-radius:8px;font-size:10px}.user-popover>a:hover,.user-popover>button:hover{background:#f2f6f4}.user-popover .logout{color:var(--red);border-top:1px solid var(--line);border-radius:0}.content{padding:25px 29px 55px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.page-head h1{font-size:23px;margin:0 0 5px}.page-head p{font-size:11px;color:var(--muted);margin:0}.page-actions{display:flex;gap:7px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"label icon" "value icon" "note icon"}.metric>span:first-child{grid-area:label;font-size:10px;color:var(--muted)}.metric>strong{grid-area:value;font-size:25px;margin:5px 0}.metric>small{grid-area:note;font-size:8px;color:#369078}.metric-icon{grid-area:icon;width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:var(--mint);color:var(--green)}.metric-icon.blue{background:#eaf0f8;color:var(--blue)}.metric-icon.orange{background:#fcf0e3;color:var(--orange)}.metric-icon.violet{background:#f3ebf4;color:var(--violet)}.grid-2{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:16px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.card-head h2{font-size:14px;margin:0 0 3px}.card-head p{font-size:9px;color:var(--muted);margin:0}.card-head select{width:auto;padding:6px;font-size:9px}.line-chart{height:180px;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid #dce5e1;padding:8px 5px}.line-chart>div{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;position:relative}.line-chart i{width:70%;border-radius:8px 8px 2px 2px;background:linear-gradient(#67ae9b,#28765f);min-height:8px}.line-chart span{position:absolute;bottom:-22px;font-size:8px;color:var(--muted)}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:23px;padding:9px}.donut{width:125px;height:125px;border-radius:50%;background:conic-gradient(var(--green) 0 31%,#7185bd 31% 56%,#d49a54 56% 76%,#d1c5ba 76%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:21px;background:#fff;border-radius:50%}.donut span{z-index:1;text-align:center;display:grid;font-size:8px;color:var(--muted)}.donut b{font-size:17px;color:var(--ink)}.legend{display:grid;gap:7px;font-size:8px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;border-radius:3px}.compact-list{display:grid}.compact-row{display:flex;align-items:center;gap:9px;padding:9px 4px;border-bottom:1px solid #edf1ef}.compact-row:last-child{border:0}.compact-row>div{flex:1;display:grid}.compact-row b{font-size:10px}.compact-row small{font-size:8px;color:var(--muted)}.event-mini{display:flex;gap:9px;align-items:center;padding:7px 0}.date-box{width:39px;height:42px;border-radius:9px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:12px;font-weight:800}.event-mini>div{display:grid}.event-mini b{font-size:9px}.event-mini small{font-size:8px;color:var(--muted)}.quick-title{margin:22px 0 10px}.quick-title h2{font-size:14px;margin:0}.quick-title p{font-size:9px;color:var(--muted);margin:3px 0}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:20px}.quick-grid button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px;display:flex;align-items:center;gap:10px;text-align:right}.quick-grid button:hover{border-color:#acd0c5;transform:translateY(-1px);box-shadow:var(--shadow)}.quick-grid button>span{width:36px;height:36px;background:var(--mint);color:var(--green);border-radius:10px;display:grid;place-items:center}.quick-grid div{display:grid}.quick-grid b{font-size:10px}.quick-grid small{font-size:8px;color:var(--muted)}.toolbar{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;gap:9px;align-items:center;margin-bottom:12px}.search-box{min-width:270px;max-width:370px;display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;padding:0 9px;color:#84918d}.search-box input{border:0;box-shadow:none;padding:8px;font-size:10px}.toolbar select{width:auto;min-width:140px;padding:8px;font-size:9px}.result-count{font-size:9px;color:var(--muted);margin-right:auto}.table-shell{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:right;padding:11px 14px;border-bottom:1px solid #eaf0ed;font-size:10px;white-space:nowrap}th{background:#fafbfb;color:#778681;font-size:9px}tbody tr:hover{background:#fbfdfc}.person{display:flex;align-items:center;gap:9px}.person>span{display:grid}.person b{font-size:10px}.person small{font-size:8px;color:var(--muted)}.progress{display:flex;gap:7px;align-items:center}.progress>span{width:58px;height:5px;background:#eaf0ed;border-radius:8px;overflow:hidden}.progress i{display:block;height:100%;background:var(--green)}.pagination{display:flex;justify-content:center;gap:5px;padding:12px}.pagination button{width:31px;height:30px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:9px}.pagination .active{background:var(--green);color:#fff}.mobile-cards{display:none}.profile-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#fff 60%,#e9f4f0);margin-bottom:14px}.profile-main{display:flex;gap:14px;align-items:center}.profile-main h1{font-size:21px;margin:0 0 4px}.profile-main p{font-size:10px;color:var(--muted);margin:0 0 6px}.profile-meta{display:flex;gap:13px;font-size:8px;color:var(--muted)}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:15px;overflow:auto}.tabs button{border:0;background:none;padding:10px 13px;font-size:10px;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}.tabs button.active{color:var(--green);border-color:var(--green);font-weight:800}.info-grid{display:grid;grid-template-columns:1fr 1fr;margin:0}.info-grid div{border-bottom:1px solid #edf1ef;padding:11px 0}.info-grid dt{font-size:8px;color:var(--muted)}.info-grid dd{font-size:10px;font-weight:700;margin:3px 0 0}.timeline{position:relative}.timeline:before{content:"";position:absolute;right:15px;top:15px;bottom:15px;width:1px;background:#dce7e2}.timeline>div{display:flex;gap:9px;position:relative;margin:12px 0}.timeline i{width:31px;height:31px;border-radius:50%;background:var(--mint);color:var(--green);display:grid;place-items:center;font-style:normal;z-index:1}.timeline span{display:grid}.timeline b{font-size:10px}.timeline small{font-size:8px;color:var(--muted)}.score{text-align:center}.score-ring{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--green) var(--score),#e8efec 0);display:grid;place-items:center;margin:auto;position:relative}.score-ring:after{content:"";position:absolute;inset:10px;background:#fff;border-radius:50%}.score-ring span{z-index:1;display:grid;font-size:8px;color:var(--muted)}.score-ring b{font-size:22px;color:var(--ink)}.score p{font-size:9px;color:var(--muted)}.attendance-setup{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.field-row{display:flex;gap:8px}.field-row label{font-size:8px;color:var(--muted)}.field-row select,.field-row input{display:block;margin-top:3px;padding:7px;width:145px;font-size:9px}.attendance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.summary{display:flex;align-items:center;gap:9px}.summary>span{width:35px;height:35px;border-radius:10px;background:var(--mint);color:var(--green);display:grid;place-items:center}.summary b,.summary small{display:block}.summary b{font-size:17px}.summary small{font-size:8px;color:var(--muted)}.attendance-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:11px 15px;border-bottom:1px solid var(--line)}.att-toggle{display:flex;gap:4px}.att-toggle button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px;font-size:8px}.att-toggle .present.active{background:#e5f3ed;color:var(--green);border-color:#afd0c5}.att-toggle .absent.active{background:#fae9e7;color:var(--red);border-color:#ecc6c3}.att-toggle .excused.active{background:#fcf0e2;color:var(--orange);border-color:#ebd0b3}.case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:12px}.case-stat{display:flex;align-items:center;gap:10px}.case-stat>span{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:var(--mint);color:var(--green)}.case-stat b,.case-stat small{display:block}.case-stat b{font-size:19px}.case-stat small{font-size:8px;color:var(--muted)}.cases-grid,.entity-grid,.assign-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.case-card,.entity-card{transition:.18s}.case-card:hover,.entity-card:hover{border-color:#b8d5cc;box-shadow:var(--shadow);transform:translateY(-1px)}.case-top{display:flex;justify-content:space-between}.case-card h2{font-size:13px;margin:13px 0}.case-card>p{font-size:9px;color:#5f706a;line-height:1.8;border-top:1px solid var(--line);padding-top:10px}.case-card footer,.entity-card footer{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.follow-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.follow-title h1{font-size:21px;margin:4px 0}.follow-title>div:last-child{display:flex;gap:7px}.follow-title select{width:150px;font-size:9px}.visit-card{display:flex;gap:12px;margin-bottom:9px}.visit-icon{width:41px;height:41px;border-radius:11px;background:var(--mint);color:var(--green);display:grid;place-items:center;flex:none}.visit-card>div:last-child{flex:1}.visit-card header{display:flex;justify-content:space-between}.visit-card p{background:#f7f9f8;border-radius:9px;padding:8px;font-size:9px;color:#60706b}.visit-card footer{display:flex;gap:15px;font-size:8px;color:var(--muted)}.entity-grid{grid-template-columns:repeat(3,1fr)}.entity-card header{display:flex;justify-content:space-between}.entity-mark{width:43px;height:43px;border-radius:12px;color:#fff;display:grid;place-items:center;font-weight:800}.entity-card h2{font-size:13px;margin:12px 0 4px}.entity-card p{font-size:9px;color:var(--muted)}.calendar-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:14px}.calendar-strip button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:8px;display:grid;gap:2px}.calendar-strip button.active{background:var(--green);color:#fff}.calendar-strip span{font-size:8px}.calendar-strip b{font-size:13px}.event-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:9px}.event-date{width:51px;height:56px;border-radius:11px;background:var(--mint);color:var(--green);display:grid;place-items:center}.event-date b{font-size:18px}.event-card h2{font-size:12px;margin:6px 0 3px}.event-card p{font-size:8px;color:var(--muted);margin:0}.bars{height:200px;display:flex;align-items:flex-end;justify-content:center;gap:16px}.bar-col{height:100%;display:grid;grid-template-rows:15px 1fr 20px;text-align:center;font-size:8px;color:var(--muted)}.bar-col>div{width:22px;background:#edf1ef;border-radius:7px;margin:auto;height:100%;display:flex;align-items:flex-end;overflow:hidden}.bar-col i{display:block;width:100%;background:linear-gradient(#61a893,#24745e);border-radius:7px 7px 0 0}.notification-page .notice{padding:16px}.settings-stack{display:grid;gap:13px}.setting-head{display:flex;gap:9px;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:10px}.setting-head>span{width:37px;height:37px;border-radius:10px;background:var(--mint);color:var(--green);display:grid;place-items:center}.setting-head h2{font-size:12px;margin:0}.setting-head p{font-size:8px;color:var(--muted);margin:2px 0}.toggles label{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.toggles label>span{display:grid}.toggles b{font-size:10px}.toggles small{font-size:8px;color:var(--muted)}.toggles input{width:18px}.audit-item{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--line)}.audit-item>span:first-child{width:36px;height:36px;border-radius:10px;background:var(--mint);display:grid;place-items:center;color:var(--green)}.audit-item>div{flex:1}.audit-item p{font-size:10px;margin:0}.audit-item small{font-size:8px;color:var(--muted)}.empty{text-align:center;padding:55px 20px}.empty>span{width:56px;height:56px;border-radius:17px;background:var(--mint);color:var(--green);display:grid;place-items:center;margin:auto;font-size:24px}.empty h2{font-size:14px}.empty p{font-size:9px;color:var(--muted)}.error-page{text-align:center;padding:90px 20px}.error-page>span{font-size:70px;font-weight:800;color:#b6d3ca}.error-page h1{font-size:22px}.error-page p{font-size:10px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:grid;gap:5px;font-size:10px;font-weight:700}.form-grid .span-2{grid-column:span 2}.form-actions{grid-column:span 2;display:flex;justify-content:flex-end;gap:7px;border-top:1px solid var(--line);padding-top:13px}.form-error{color:var(--red);background:#fff0ef;border-radius:9px;padding:8px;font-size:9px}.modal-shell{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:15px}.modal-backdrop{position:absolute;inset:0;background:#10231e80;backdrop-filter:blur(3px)}.modal{position:relative;z-index:1;background:#fff;border-radius:18px;width:min(590px,100%);max-height:92vh;overflow:auto;box-shadow:0 25px 80px #0003}.modal>header{display:flex;justify-content:space-between;align-items:center;padding:16px 19px;border-bottom:1px solid var(--line)}.modal h2{font-size:16px;margin:0}.modal header p{font-size:9px;color:var(--muted);margin:2px 0}.modal-body{padding:18px}.toasts{position:fixed;left:18px;bottom:18px;z-index:200;display:grid;gap:7px}.toast{background:#fff;border:1px solid var(--line);border-right:4px solid var(--green);border-radius:11px;box-shadow:var(--shadow);padding:10px 13px;font-size:10px;animation:toast .2s ease}.toast.error{border-right-color:var(--red)}@keyframes toast{from{opacity:0;transform:translateY(10px)}}.skeleton{height:45px;border-radius:11px;background:linear-gradient(90deg,#eaf0ed 25%,#f8faf9 50%,#eaf0ed 75%);background-size:200%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200%}}
.login-view{min-height:100vh;background:#fff;display:grid;grid-template-columns:1.08fr .92fr}.login-art{background:linear-gradient(145deg,#0d493b,#1e6e59);color:#fff;padding:40px 7vw 30px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:480px;height:480px;border:1px solid #ffffff15;border-radius:50%;left:-180px;top:-160px;box-shadow:0 0 0 65px #ffffff08}.login-copy{margin:auto 0;position:relative;z-index:1}.eyebrow{font-size:10px;color:#b8dcd1;font-weight:700}.login-copy h1{font-size:clamp(35px,4vw,54px);line-height:1.4;margin:17px 0}.login-copy h1 span{color:#cfe8e1}.login-copy>p:last-child{font-size:13px;line-height:1.9;color:#c8ddd8;max-width:500px}.login-stats{display:flex;gap:40px;border-top:1px solid #ffffff20;padding-top:19px}.login-stats span{display:grid;font-size:8px;color:#b9d1ca}.login-stats b{font-size:21px;color:#fff}.verse{font-size:7px;color:#8fb8ae;margin-top:20px}.login-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;position:relative}.login-card{width:min(400px,100%);text-align:center}.welcome-icon{width:49px;height:49px;border-radius:15px;background:var(--mint);color:var(--green);display:grid;place-items:center;margin:0 auto 11px;font-size:22px}.login-card h2{font-size:24px;margin:0 0 4px}.login-card>p{font-size:10px;color:var(--muted);margin-bottom:23px}.login-card>label{display:grid;gap:6px;text-align:right;font-size:10px;font-weight:700;margin:13px 0}.input-wrap{position:relative}.input-wrap>span{position:absolute;right:12px;top:10px;color:#87958f}.input-wrap input{padding-right:37px;height:45px}.input-wrap button{position:absolute;left:6px;top:4px;width:35px;height:35px;border:0;background:none}.demo-credentials{background:#f3f7f5;border:1px dashed #cbdad5;border-radius:12px;padding:11px;text-align:right;margin-top:18px}.demo-credentials>b{font-size:9px}.demo-credentials>div{display:flex;gap:7px;margin-top:6px}.demo-credentials span{background:#fff;border-radius:7px;padding:6px;flex:1;font-size:8px;color:var(--muted)}.demo-credentials code{display:block;color:var(--green);font-weight:800}.demo-credentials small{font-size:7px;color:#8c9a95}.local-note{position:absolute;bottom:16px;font-size:7px;color:#99a5a1}.mobile-brand{display:none}.mobile-only{display:none}.scrim{display:none}
@media(max-width:1050px){.sidebar{width:220px}.main{margin-right:220px}.content{padding:22px}.metrics{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.entity-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:740px){.sidebar{transform:translateX(105%);transition:.22s;width:min(285px,85vw)}.sidebar.open{transform:none}.scrim.show{display:block;position:fixed;inset:0;background:#0007;z-index:25}.main{margin-right:0}.mobile-only{display:grid}.topbar{height:62px;padding:0 12px}.top-start small,.global-search,.user-chip>span:nth-child(2),.user-chip em{display:none}.content{padding:18px 12px 90px}.page-head{margin-bottom:15px}.page-head h1{font-size:20px}.page-head p{font-size:9px}.page-actions .btn.ghost{display:none}.metrics{gap:8px}.metric{padding:13px}.metric>strong{font-size:21px}.metric-icon{width:35px;height:35px}.grid-2{gap:10px}.quick-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search-box{min-width:0;width:100%;max-width:none}.toolbar select{flex:1;min-width:110px}.table-wrap{display:none}.mobile-cards{display:grid}.mobile-card{padding:13px;border-bottom:1px solid var(--line)}.mobile-card header{display:flex;align-items:center;gap:9px}.mobile-card header>div{flex:1;display:grid}.mobile-card header b{font-size:10px}.mobile-card header small{font-size:8px;color:var(--muted)}.mobile-meta{display:flex;justify-content:space-between;background:#f7f9f8;border-radius:8px;padding:7px;margin-top:8px;font-size:8px;color:var(--muted)}.profile-hero{align-items:flex-start}.profile-main{align-items:flex-start}.avatar.xl{width:62px;height:62px}.profile-main h1{font-size:16px}.profile-meta{display:grid;gap:2px}.profile-hero .page-actions{position:fixed;bottom:10px;left:10px;right:10px;z-index:15;background:#fff;border:1px solid var(--line);padding:7px;border-radius:13px;box-shadow:var(--shadow)}.profile-hero .page-actions .btn{display:flex;flex:1}.info-grid{grid-template-columns:1fr 1fr}.attendance-setup{display:block}.field-row{display:grid;grid-template-columns:1fr 1fr}.field-row label:last-child{grid-column:span 2}.field-row select,.field-row input{width:100%}.attendance-summary{grid-template-columns:1fr 1fr}.attendance-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.att-toggle{width:100%}.att-toggle button{flex:1}.case-stats{grid-template-columns:1fr 1fr}.case-stat:last-child{grid-column:span 2}.cases-grid,.entity-grid,.assign-grid{grid-template-columns:1fr}.follow-title{display:block}.follow-title>div:last-child{margin-top:10px}.follow-title select,.follow-title .btn{flex:1}.calendar-strip{grid-template-columns:repeat(7,70px);overflow:auto}.event-card{grid-template-columns:auto 1fr}.event-card>.btn{display:none}.form-grid{grid-template-columns:1fr}.form-grid .span-2,.form-actions{grid-column:auto}.modal-shell{padding:0;align-items:end}.modal{width:100%;max-height:92vh;border-radius:19px 19px 0 0}.popover{position:fixed;top:65px;left:8px;right:8px;width:auto}.user-popover{right:auto;width:220px}.login-view{display:block;background:linear-gradient(160deg,#eff7f4,#fff 45%);padding:22px 16px}.login-art{display:none}.login-side{padding:0;min-height:calc(100vh - 44px);justify-content:flex-start}.mobile-brand{display:flex;align-items:center;gap:9px;align-self:flex-start;margin-bottom:38px}.mobile-brand .brand-mark{width:37px;height:41px}.mobile-brand b{font-size:10px}.login-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:20px;box-shadow:var(--shadow)}.toasts{left:10px;right:10px;bottom:12px}}
@media(max-width:410px){.metrics{grid-template-columns:1fr 1fr}.metric{display:block}.metric-icon{float:left}.case-stats{grid-template-columns:1fr}.case-stat:last-child{grid-column:auto}.info-grid{grid-template-columns:1fr}.login-card{padding:17px}.demo-credentials>div{display:grid}.page-head{flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{.sidebar,.topbar,.page-actions,.toolbar,.btn{display:none!important}.main{margin:0}.content{padding:0}.card{box-shadow:none}}
.person small{color:var(--muted)}

/* 2026 visual refinement — charcoal + olive */
:root{
  --green:#65766d;--deep:#242b28;--mint:#eef0eb;--ink:#242b28;--muted:#65716b;
  --line:#dfe3dc;--bg:#f4f5f2;--card:#fff;--gold:#b9a66c;--gold-soft:#f2eee2;
  --red:#a84d47;--orange:#a66f35;--blue:#526d7b;--violet:#77647b;
  --shadow:0 18px 50px rgba(36,43,40,.09);--shadow-soft:0 3px 14px rgba(36,43,40,.055);
  font-family:"Tajawal","Cairo",Tahoma,Arial,sans-serif;color:var(--ink)
}
html{font-size:16px}body{background:var(--bg);line-height:1.55}button,a,input,select,textarea{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in oklab,var(--gold) 48%,transparent);outline-offset:2px}
input,select,textarea{min-height:44px;border-color:var(--line);border-radius:8px;background:var(--card);padding:10px 13px;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in oklab,var(--gold) 22%,transparent)}
.btn{min-height:42px;border-radius:8px;padding:9px 16px;font-size:13px}.btn.primary{background:var(--deep);color:var(--bg);box-shadow:0 8px 20px rgba(36,43,40,.17)}.btn.primary:hover{background:var(--green);transform:translateY(-1px)}.btn.soft{background:var(--gold-soft);color:var(--deep);border-color:#ded3b4}.btn.ghost{background:var(--card)}.btn.small{font-size:12px;min-height:36px}.icon-btn{border-radius:8px}.icon-btn:hover{background:var(--mint);color:var(--deep)}
.card,.metric,.toolbar,.table-shell{border-radius:10px;border-color:var(--line);box-shadow:var(--shadow-soft)}.card{padding:22px}.badge{font-size:11px;padding:4px 9px}.badge.green{background:#e8eee9;color:#405d53}.badge.orange{background:#f5ebde;color:#8c592b}.badge.red{background:#f5e6e4;color:#93433e}.badge.blue{background:#e7edef;color:#425e6b}.badge.gray{background:#eceeeb;color:#5f6863}.avatar{background:var(--mint);color:var(--deep);border:1px solid var(--line)}
.sidebar{width:264px;background:var(--deep);border-left:0;padding:22px 15px}.main{margin-right:264px}.side-brand{border-bottom-color:rgba(244,245,242,.12);padding:0 5px 20px}.side-logo,.brand-mark{background:var(--gold);color:var(--deep);border-radius:50%;box-shadow:none}.side-brand b{color:var(--bg);font-size:14px}.side-brand small,.nav-label{color:rgba(244,245,242,.58);font-size:11px}.sidebar .icon-btn{color:var(--bg)}.sidebar nav{padding:16px 0}.nav-item{height:45px;border-radius:8px;color:rgba(244,245,242,.74);font-size:13px;margin:3px 0}.nav-item:hover{background:rgba(244,245,242,.08);color:var(--bg)}.nav-item.active{background:var(--gold);color:var(--deep);box-shadow:none}.demo-note{border-color:rgba(185,166,108,.4);background:rgba(185,166,108,.1);color:var(--gold)}.demo-note b{font-size:12px}.demo-note small{font-size:10px;color:rgba(244,245,242,.62)}
.topbar{height:76px;background:color-mix(in oklab,var(--card) 94%,transparent);border-bottom-color:var(--line);padding:0 30px}.top-start small,.top-start b{font-size:12px}.global-search{height:44px;background:var(--bg);border-radius:8px}.global-search input{font-size:13px}.user-chip b{font-size:12px}.user-chip small{font-size:10px}.popover{border-radius:10px;box-shadow:var(--shadow)}.notice b{font-size:12px}.notice small{font-size:11px}.text-btn,.pop-footer{font-size:12px}.role-picker small,.role-picker select,.user-popover>a,.user-popover>button{font-size:12px}
.content{padding:30px 34px 64px}.page-head{margin-bottom:24px}.page-head h1{font-size:27px}.page-head p{font-size:13px}.metric{border-radius:10px;padding:19px}.metric>span:first-child{font-size:12px}.metric>strong{font-size:28px}.metric>small{font-size:11px}.metric-icon{border-radius:8px;background:var(--gold-soft);color:var(--deep)}.card-head h2,.quick-title h2{font-size:16px}.card-head p,.quick-title p{font-size:11px}.compact-row b,.person b,.event-mini b{font-size:12px}.compact-row small,.person small,.event-mini small,.event-card p,.entity-card p{font-size:11px}.quick-grid button{border-radius:10px;padding:16px}.quick-grid b{font-size:12px}.quick-grid small{font-size:11px}.quick-grid button>span{background:var(--gold-soft);color:var(--deep);border-radius:8px}.toolbar{padding:12px}.search-box input,.toolbar select,.result-count{font-size:12px}th,td{font-size:12px;padding:14px 16px}th{font-size:11px}.pagination button{font-size:12px;border-radius:7px}.pagination .active{background:var(--deep);color:var(--bg)}
.tabs button{font-size:12px}.tabs button.active{color:var(--deep);border-color:var(--gold)}.info-grid dt,.timeline small,.profile-meta,.legend,.visit-card footer,.case-card footer,.entity-card footer{font-size:11px}.info-grid dd,.timeline b,.profile-main p,.visit-card p{font-size:12px}.form-grid label{font-size:12px}.form-error{font-size:12px}.modal{border-radius:12px}.modal h2{font-size:18px}.modal header p{font-size:11px}.toast{font-size:12px;border-right-color:var(--gold)}
.form-grid label small{font-size:9px;color:var(--muted);font-weight:500}.form-grid select[multiple]{min-height:130px}.birth-fields{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.birth-fields legend{padding:0 6px;font-size:11px;font-weight:700}.entity-card header .page-actions{margin-right:auto}@media(max-width:740px){.birth-fields{grid-template-columns:1fr}.entity-card header .page-actions .btn.ghost{display:inline-flex}}
.login-view{min-height:100svh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:32px}.login-art{display:none}.login-side{display:block;padding:0}.mobile-brand,.local-note{display:none}.login-card{position:relative;width:min(430px,calc(100vw - 32px));overflow:hidden;background:var(--card);border:1px solid color-mix(in oklab,var(--green) 16%,transparent);border-radius:16px;padding:0 32px 28px;box-shadow:0 24px 70px rgba(36,43,40,.14);text-align:right}.login-card:before{content:"كنيسة كفر سليمان تادرس";display:block;margin:0 -32px 28px;padding:104px 28px 28px;background:var(--deep);color:var(--bg);text-align:center;font-size:21px;font-weight:700;background-image:radial-gradient(circle at 50% 42px,var(--gold) 0 32px,transparent 33px)}.welcome-icon{position:absolute;width:32px;height:50px;top:51px;left:calc(50% - 16px);z-index:2;background:transparent;color:var(--deep);font-size:26px}.login-card h2{text-align:center;font-size:23px;margin-bottom:5px}.login-card>p{text-align:center;font-size:13px;margin:0 0 24px}.login-card>label{font-size:13px;margin:15px 0 6px}.input-wrap input{height:48px;background:var(--bg);padding-right:42px}.input-wrap>span{top:12px;color:var(--green)}.input-wrap button{top:6px;font-size:0}.input-wrap button:after{content:"إظهار";font-size:11px;color:var(--green)}.demo-credentials{background:var(--gold-soft);border:1px solid #ded3b4;border-radius:8px;padding:12px;margin-top:17px}.demo-credentials>b{font-size:12px}.demo-credentials span{font-size:11px;border-radius:6px}.demo-credentials small{font-size:10px}.demo-credentials code{color:var(--deep)}
.line-chart i,.bar-col i{background:linear-gradient(var(--gold),var(--green))}.donut{background:conic-gradient(var(--deep) 0 31%,var(--green) 31% 56%,var(--gold) 56% 76%,#cbc9c0 76%)}.calendar-strip button.active{background:var(--deep);color:var(--bg)}.entity-mark{background:var(--deep)!important}.profile-hero{background:linear-gradient(120deg,var(--card) 60%,var(--gold-soft))}
@media(max-width:1050px){.sidebar{width:232px}.main{margin-right:232px}}
@media(max-width:740px){.login-view{padding:18px 16px}.login-side{min-height:auto}.login-card{padding:0 22px 22px}.login-card:before{margin:0 -22px 24px;padding:92px 20px 24px}.welcome-icon{top:39px}.sidebar{width:min(300px,88vw)}.main{margin-right:0}.topbar{height:66px;padding:0 12px}.content{padding:20px 13px 92px}.page-head h1{font-size:23px}.page-head p{font-size:12px}.mobile-card header b{font-size:12px}.mobile-card header small,.mobile-meta{font-size:11px}.profile-hero .page-actions{border-radius:10px}.popover{top:70px}.card{padding:17px}.metrics{grid-template-columns:1fr 1fr}.metric>strong{font-size:23px}}
@media(max-width:410px){.login-card{width:100%}.metrics{grid-template-columns:1fr}.metric{display:grid}.page-head{gap:12px}.page-actions{overflow:auto}.page-actions .btn{white-space:nowrap}.demo-credentials>div{display:grid}}
.notes-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.notes-head h2,.notes-head p{margin:0}.notes-head p{color:var(--muted);font-size:10px;margin-top:4px}
.notes-list{display:grid;gap:12px}.note-card{border-right:4px solid transparent}.note-card.unread{border-right-color:var(--green);background:#fbfffd}.note-card>header,.note-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.note-card>header small{color:var(--muted)}
.note-card>p{line-height:1.9;white-space:pre-wrap}.note-card>footer{border-top:1px solid var(--line);padding-top:10px;font-size:10px;color:var(--muted)}.note-card>footer>div{display:flex;gap:6px;flex-wrap:wrap}.forward-choice{display:flex!important;align-items:center;gap:8px;background:#eef7f4;padding:10px;border-radius:9px}.forward-choice input{width:auto}
@media(max-width:640px){.notes-head,.note-card>footer{align-items:stretch;flex-direction:column}.notes-head .btn{width:100%}}
.page-loading{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted)}
.page-loading .loading-dot{font-size:32px;animation:page-spin 1s linear infinite;color:var(--green)}
#content[aria-busy="true"]{cursor:progress}
@keyframes page-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.page-loading .loading-dot{animation:none}}