@font-face{font-family:Neo;src:url('/assets/NeoSansArabic.ttf') format('truetype');font-weight:400;font-display:swap}
:root{font-family:Neo,Tahoma,Arial,sans-serif;font-size:14px;line-height:1.65;color:#223e37;background:#f5f7f5;--green:#176b54;--teal:#158570;--muted:#788d83;--line:#e4ebe5;--soft:#edf5ef;--shadow:0 6px 24px #274f3907;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s}button:disabled{opacity:.5;cursor:wait}button:hover:not(:disabled){filter:brightness(.98)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #5baf9380;outline-offset:3px}h1,h2,h3,b,strong,th{font-weight:400}h1,h2,h3,p{margin:0}h1{font-size:27px;line-height:1.45}h2{font-size:18px}h3{font-size:15px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}button span[data-icon]{display:inline-flex}.muted{color:var(--muted)}.eyebrow{font-size:12px;color:#729084;margin-bottom:5px}.workspace{display:flex;min-height:100vh}.sidebar{width:232px;flex:none;background:#fff;border-inline-end:1px solid var(--line);padding:29px 17px 15px;position:fixed;inset-block:0;inset-inline-start:0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 29px}.brand-mark{height:45px;width:45px;background:linear-gradient(150deg,#237d63,#115542);color:white;display:grid;place-items:center;border-radius:13px;box-shadow:0 5px 11px #286f4d20}.brand-mark svg{width:27px;height:27px}.brand b{font-size:23px;line-height:1.3;display:block;color:#1a5d48}.brand small{color:#8b9d93;font-size:11px}.nav-caption{font-size:11px;color:#9aaca1;padding:0 15px;margin:0 0 13px}.sidebar nav{display:grid;gap:6px}.sidebar nav>button{border:0;background:none;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;text-align:right;color:#6e857a;font-size:14px;min-height:45px}.sidebar nav>button.active{background:#eaf5ee;color:#16634c;box-shadow:inset -3px 0 #268568}.sidebar nav>button:hover{background:#f1f7f2}.sidebar nav svg{width:19px;height:19px}.nav-count{margin-inline-start:auto;min-width:22px;padding:1px 6px;border-radius:6px;font-size:11px;background:#eef3ed;color:#667f6b}.sidebar-bottom{margin-top:auto;padding-top:28px}.owner-card{border-top:1px solid var(--line);margin-top:16px;padding:18px 0 0;display:flex;align-items:center;gap:8px;min-width:0}.owner-card>div{min-width:0;flex:1}.owner-card b{display:block;font-size:12px}.owner-card small{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:right;color:#82958a}.avatar{height:33px;width:33px;border-radius:50%;display:grid;place-items:center;background:#edf3e8;color:#718b59}.main{margin-inline-start:232px;width:calc(100% - 232px);display:flex;flex-direction:column;min-height:100vh}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);background:#ffffffbd;gap:15px}.breadcrumb{display:flex;gap:13px;font-size:12px;color:#96a69c}.breadcrumb b{color:#577464}.topbar-tools{display:flex;align-items:center;gap:14px}.local-date{font-size:12px;color:#7f9287}.icon-button{display:inline-grid;place-items:center;width:33px;height:33px;padding:0;border:1px solid #e1e9e2;background:#fff;border-radius:8px;color:#6f8978}.icon-button svg{width:16px;height:16px}.content{padding:28px 34px 24px;flex:1;max-width:1600px;width:100%;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading .muted{margin-top:6px;font-size:13px}.primary,.secondary,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:9px;min-height:39px;border:1px solid transparent}.primary{background:var(--green);color:#fff;box-shadow:0 4px 10px #15593e13}.secondary{background:#fff;color:#527561;border-color:#dce6dd}.danger-button{background:#fbefed;color:#ad5e54;border-color:#efd4d0}.primary svg,.secondary svg{width:17px;height:17px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.metric{position:relative;overflow:hidden;text-align:right;display:block;padding:18px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);color:inherit}.metric:after{content:'';position:absolute;height:2px;inset-inline:18px;bottom:0;background:var(--metric-line,#c6ded2)}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#7b9283;font-size:12px}.metric-icon{height:33px;width:33px;border-radius:10px;background:#edf6f0;color:#418b69;display:grid;place-items:center}.metric-icon svg{width:19px;height:19px}.metric strong{display:block;font-size:31px;line-height:1.6;color:#295a46}.metric small{font-size:11px;color:#8ea094}.metric.blue{--metric-line:#c5dce8}.metric.blue strong,.metric.blue .metric-icon{color:#597e9f}.metric.blue .metric-icon{background:#eff5fa}.metric.amber{--metric-line:#ebd8b2}.metric.amber strong,.metric.amber .metric-icon{color:#b18740}.metric.amber .metric-icon{background:#fcf6e9}.metric.rose{--metric-line:#ead0ce}.metric.rose strong,.metric.rose .metric-icon{color:#b57470}.metric.rose .metric-icon{background:#fcf1ef}.overview-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(275px,1fr);gap:20px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:20px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 21px 16px}.panel-header p{font-size:12px;color:#8a9b90;margin-top:3px}.text-button{border:0;background:transparent;color:#348568;font-size:12px;padding:4px 0}.panel-pad{padding:0 21px 20px}.chart-layout{display:flex;align-items:center;justify-content:center;gap:23px;padding:18px 0 24px}.ring{width:148px;height:148px;position:relative;flex:none}.ring svg{width:148px;height:148px;transform:rotate(-90deg);stroke-linecap:round}.ring .ring-track{stroke:#f0f4ee;stroke-width:13}.ring .ring-value{stroke:#3b9577;stroke-width:13;fill:none}.ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.ring-label strong{font-size:29px;color:#347457;line-height:1.5}.ring-label small{font-size:11px;color:#9aaa9c}.legend{display:grid;gap:12px;font-size:12px;min-width:100px}.legend>div{display:flex;gap:8px;align-items:center;color:#7b8d80}.legend strong{margin-inline-start:auto;color:#3f614d}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5c9f7c}.dot.blue{background:#92b6d2}.dot.amber{background:#e0bd7a}.dot.rose{background:#c99792}.mini-strip{display:flex;gap:12px;align-items:center;padding:13px;border-radius:10px;background:#f4f8f2;font-size:12px;color:#82967c}.mini-strip strong{font-size:19px;color:#638d56;margin-inline-start:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap}thead{background:#f8faf7;color:#8a9d8f;font-size:11px}th,td{padding:14px 18px;border-top:1px solid #edf1eb}td{font-size:13px;color:#56735e}.table-name{display:flex;align-items:center;gap:10px}.table-name .avatar{background:#f0f5eb;color:#799262}.name-copy b{display:block;color:#345e46;font-size:13px}.name-copy small{display:block;font-size:11px;color:#98a694;margin-top:1px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:6px;font-size:11px;white-space:nowrap;background:#edf6ef;color:#3c8661}.badge:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.badge.blue{background:#eff4fa;color:#688da7}.badge.amber{background:#fcf5e9;color:#b2904f}.badge.rose{background:#f9efed;color:#b47970}.badge.gray{background:#f0f2ef;color:#8a9388}.days-value{font-size:12px;color:#628c65}.days-value.expired{color:#bd8b7a}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:15px 18px;background:#fff;border-bottom:1px solid var(--line)}input,select,textarea{border:1px solid #dce5dc;border-radius:8px;background:#fff;padding:8px 10px;color:#3d5d48;min-height:38px;width:100%}input::placeholder,textarea::placeholder{color:#a1ad9f}input[type=checkbox]{width:17px;min-height:17px;accent-color:var(--green)}.searchbox{position:relative;max-width:330px;width:100%}.searchbox input{padding-inline-start:35px;background:#fafcf8}.searchbox svg{position:absolute;inset-inline-start:11px;top:11px;width:17px;height:17px;color:#9caf9e}.toolbar select{width:auto;min-width:130px}.toolbar .count{margin-inline-start:auto;color:#96a58f;font-size:12px}.pagination{display:flex;gap:10px;align-items:center;justify-content:flex-end;padding:13px 18px;color:#8b9c8a;font-size:12px;border-top:1px solid var(--line)}.activity-list{display:grid;gap:0;padding:0 20px 7px}.activity-item{display:flex;gap:10px;padding:13px 0;border-bottom:1px solid #f0f3ee}.activity-item:last-child{border:0}.activity-item .activity-icon{display:grid;place-items:center;width:29px;height:29px;flex:none;color:#6c9b7b;background:#f1f7ef;border-radius:8px}.activity-icon svg{width:15px;height:15px}.activity-copy{min-width:0;flex:1}.activity-copy b{font-size:12px;color:#53765b;display:block}.activity-copy small{font-size:11px;color:#a0ad9a}.activity-time{font-size:10px;color:#a3b09f;white-space:nowrap}.notice{padding:13px 16px;border-radius:10px;border:1px solid #eadcc5;background:#fffbf2;color:#9c824e;font-size:12px;line-height:1.9;margin-bottom:20px}.notice.success{border-color:#cde3d2;background:#f0f9f2;color:#54865f}.empty{padding:50px 20px;text-align:center;color:#8fa18c}.empty svg{display:block;margin:0 auto 12px;width:32px;height:32px}.empty b{display:block;font-size:16px;color:#6e8d6f}.empty p{margin:5px 0 15px;font-size:13px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:15px}.plan-card .price{font-size:30px;color:#256c4d}.price small{font-size:13px;color:#91a58a}.plan-card .plan-time{font-size:13px;color:#87a07d}.plan-card .plan-icon{width:39px;height:39px;background:#f0f5e9;color:#84a06c;border-radius:11px;display:grid;place-items:center}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label,.setting-form label{display:grid;gap:7px;color:#6f866a;font-size:13px}.form-grid .full{grid-column:1/-1}.setting-form{display:grid;gap:17px}.check-label{display:flex!important;align-items:center;gap:9px}.backup-buttons{display:flex;gap:9px;flex-wrap:wrap}.backup-hint{margin:12px 0 0;font-size:12px;color:#8fa18a}.main-footer{padding:16px 34px;display:flex;justify-content:space-between;gap:12px;color:#a1ae9a;font-size:11px;border-top:1px solid #e7ece2}dialog{width:min(640px,calc(100vw - 25px));max-height:90vh;padding:0;border:1px solid #dce7d6;border-radius:15px;background:#fff;color:inherit;box-shadow:0 20px 80px #15342240}dialog::backdrop{background:#294e3c55;backdrop-filter:blur(2px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;background:#f7faf3;border-bottom:1px solid var(--line)}.dialog-heading h2{font-size:18px}.dialog-body{padding:22px;max-height:65vh;overflow:auto}.dialog-footer{border-top:1px solid var(--line);padding:14px 22px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.dialog-footer .form-error{flex:1;min-width:100px}.form-error{font-size:12px;color:#b26d65;min-height:0}.form-error:empty{display:none}.dialog-help{font-size:12px;color:#8a9e82;line-height:1.9;margin:0 0 15px}.dialog-body textarea{resize:vertical}.member-summary{display:flex;gap:13px;align-items:center;background:#f5f9f2;border-radius:10px;padding:13px;margin-bottom:18px}.member-summary b{display:block}.member-summary small{display:block;color:#8b9f81}.actions-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.break{word-break:break-all;font-size:11px;direction:ltr;display:block;text-align:right;color:#92a089;margin-top:5px}.toast{position:fixed;bottom:22px;left:22px;z-index:100;background:#235c42;color:#fff;padding:11px 18px;border-radius:9px;box-shadow:0 8px 30px #1d43352a;max-width:min(400px,90vw)}.toast.error{background:#a5625c}.initial-loading{display:grid;place-items:center;height:100vh;color:#668d6d}.login-view{display:grid;place-items:center;min-height:100vh;padding:24px;background:radial-gradient(ellipse at 20% 15%,#e4f0e4,transparent 65%),#f5f8f2}.login-card{width:min(430px,100%);border:1px solid #e0e9d9;border-radius:20px;padding:37px;background:#ffffffee;box-shadow:0 20px 80px #26442c09}.login-card>.brand-mark{margin-bottom:24px}.login-card h1{font-size:25px}.login-card>.muted{font-size:13px;margin:10px 0 25px}.login-card form{display:grid;gap:17px}.login-card label{display:grid;gap:7px;color:#718966;font-size:13px}.login-card>small{display:block;text-align:center;margin-top:25px;font-size:11px;color:#a0b094}.demo-note{background:#f9f4e6;color:#aa8f53;padding:10px;border-radius:8px;font-size:11px;margin-top:17px}
@media(min-width:1650px){.content{padding-top:37px}.page-heading{margin-bottom:30px}}
@media(max-width:1100px){.sidebar{width:200px;padding-inline:12px}.main{margin-inline-start:200px;width:calc(100% - 200px)}.content{padding:24px}.topbar{padding-inline:24px}.metrics{gap:10px}.metric{padding:14px}.overview-grid{grid-template-columns:1fr}.overview-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid{grid-template-columns:1fr}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.sidebar{width:65px;padding:22px 7px}.brand{padding:0 3px 24px}.brand>span:not(.brand-mark),.nav-caption,.sidebar nav>button{font-size:0}.sidebar nav>button{padding:12px;justify-content:center;gap:0}.sidebar nav>button .nav-count,.owner-card{display:none}.brand-mark{width:42px;height:42px}.main{margin-inline-start:65px;width:calc(100% - 65px)}.content{padding:18px 13px}.topbar{padding:0 15px;height:62px}.local-date{display:none}.page-heading{align-items:flex-start;gap:10px}.page-heading h1{font-size:22px}.page-heading .primary{font-size:0;padding:9px}.page-heading .primary svg{width:19px}.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:27px}.overview-aside{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.main-footer{padding:13px;flex-direction:column;font-size:10px}.toolbar .searchbox{max-width:none}.toolbar .count{display:none}.chart-layout{gap:17px}.topbar-tools{gap:5px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.main,.overview-grid>div,.overview-aside,.panel,.plan-card{min-width:0}

@media(max-width:720px){.sidebar .brand>span:not(.brand-mark){display:none}}