@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--green:#0b6b57;--green-2:#0b8067;--green-soft:#e9f5f1;--ink:#16251f;--muted:#6f7d78;--line:#e4ebe8;--bg:#f4f7f6;--white:#fff;--shadow:0 10px 35px rgba(24,58,47,.07)}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:'Tajawal',sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:var(--green)}.btn{border-radius:11px;font-weight:700;padding:.68rem 1.1rem}.btn-primary{background:var(--green);border-color:var(--green)}.btn-primary:hover,.btn-primary:focus{background:#075746;border-color:#075746}.btn-light{background:#fff;border-color:var(--line)}.form-control,.form-select,.input-group-text{border-color:#dce5e1;border-radius:10px;padding:.72rem .9rem}.form-control:focus,.form-select:focus{border-color:#60aa98;box-shadow:0 0 0 .2rem rgba(11,107,87,.1)}.form-label{font-weight:700;font-size:.92rem}.required{color:#d85151}.eyebrow{display:inline-block;font-size:.73rem;font-weight:800;letter-spacing:1.8px}.eyebrow.green{color:var(--green)}
.auth-page{background:#eef4f2}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-brand{background:linear-gradient(145deg,#073f35,#0b6b57 58%,#12816a);color:#fff;padding:8vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-brand:before,.auth-brand:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.auth-brand:before{width:420px;height:420px;left:-170px;top:-170px}.auth-brand:after{width:620px;height:620px;right:-370px;bottom:-350px}.brand-mark{width:76px;height:76px;border-radius:22px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:2.3rem;margin-bottom:2rem;backdrop-filter:blur(8px);position:relative;z-index:1}.auth-brand h1{font-size:clamp(2.3rem,4vw,4rem);font-weight:800;line-height:1.25;max-width:650px;margin:.7rem 0 1.3rem;position:relative;z-index:1}.auth-brand p{font-size:1.14rem;line-height:2;max-width:580px;color:#d5ebe4;position:relative;z-index:1}.auth-features{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem;position:relative;z-index:1}.auth-features span{border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.08);padding:.65rem 1rem;border-radius:50px;font-size:.9rem}.auth-features i{margin-left:.45rem}.auth-card-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem}.auth-card{background:#fff;width:min(480px,100%);padding:3rem;border-radius:24px;box-shadow:var(--shadow)}.auth-card h2{font-weight:800;font-size:2rem}.section-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--green-soft);color:var(--green);font-size:1.35rem;margin-bottom:1.2rem}.input-group>.form-control{border-radius:10px 0 0 10px!important}.input-group>.input-group-text{border-radius:0 10px 10px 0!important;background:#f4f7f6;font-weight:700}.auth-card .btn i{float:left;margin-top:.25rem}.demo-note{display:flex;gap:.8rem;background:#f7faf9;border:1px dashed #cfded9;padding:1rem;border-radius:12px;margin-top:1.4rem;color:var(--green)}.demo-note i{margin-top:.2rem}.demo-note div{display:flex;flex-direction:column}.demo-note span{color:var(--muted);font-size:.86rem}.auth-help{margin-top:1.5rem;color:var(--muted);font-size:.9rem}.back-link{display:inline-block;margin-bottom:1.5rem}.otp-input{width:100%;direction:ltr;text-align:center;letter-spacing:1.5rem;font-size:2rem;font-weight:800;border:2px solid #dce5e1;border-radius:14px;padding:1rem;margin:1rem 0 1.4rem;outline:none}.otp-input:focus{border-color:var(--green)}
.app-shell{min-height:100vh}.sidebar{position:fixed;right:0;top:0;bottom:0;width:260px;background:#083f35;color:#fff;z-index:1030;overflow:auto;transition:.25s}.sidebar-brand{height:82px;display:flex;align-items:center;gap:.8rem;color:#fff;padding:1rem 1.4rem;border-bottom:1px solid rgba(255,255,255,.09)}.brand-mark.mini{width:43px;height:43px;border-radius:13px;font-size:1.2rem;margin:0}.sidebar-brand b{font-size:1.3rem;letter-spacing:2px}.sidebar-brand small{display:block;color:#a9d0c4;font-size:.72rem}.sidebar-nav{padding:1.1rem .8rem}.sidebar-nav a{display:flex;align-items:center;gap:.85rem;color:#c5ded7;padding:.78rem .9rem;border-radius:10px;margin:.18rem 0;font-weight:500;transition:.2s}.sidebar-nav a:hover{background:rgba(255,255,255,.09);color:#fff}.sidebar-nav i{width:22px;text-align:center}.main-area{margin-right:260px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 2rem;position:sticky;top:0;z-index:1020}.icon-btn{width:40px;height:40px;border:0;background:#f3f6f5;border-radius:11px;display:grid;place-items:center;color:var(--ink)}#menuToggle{display:none}.top-title{display:flex;flex-direction:column;margin-right:1rem}.top-title small{font-size:.75rem;color:var(--muted)}.top-actions{margin-right:auto;display:flex;align-items:center;gap:.75rem}.top-actions form{margin:0}.user-chip{display:flex;align-items:center;gap:.7rem;border-right:1px solid var(--line);padding-right:1rem}.user-chip>span{width:38px;height:38px;border-radius:12px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;font-weight:800}.user-chip div{display:flex;flex-direction:column}.user-chip small{font-size:.72rem;color:var(--muted);direction:ltr}.logout{color:#b34b4b}.content-area{padding:2rem;flex:1;max-width:1600px;width:100%;margin:0 auto}footer{text-align:center;color:#87938f;font-size:.82rem;padding:1.2rem}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-heading h1{font-size:1.85rem;font-weight:800;margin:.2rem 0}.page-heading p{color:var(--muted);margin:0}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 4px 20px rgba(23,57,46,.03);padding:1.35rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-bottom:1.2rem}.stat-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:1.25rem;display:flex;align-items:center;gap:1rem}.stat-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;font-size:1.25rem}.stat-card.emerald .stat-icon{background:#e6f5ef;color:#0b8067}.stat-card.blue .stat-icon{background:#e8f1fb;color:#3979b8}.stat-card.amber .stat-icon{background:#fff3d9;color:#c98b18}.stat-card.rose .stat-icon{background:#fceced;color:#cc565c}.stat-card div{display:flex;flex-direction:column}.stat-card small{color:var(--muted)}.stat-card strong{font-size:1.65rem;line-height:1.2;margin:.2rem 0}.stat-card em{font-style:normal;font-size:.76rem;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.2rem}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.2rem}.panel-head h3{font-size:1.1rem;font-weight:800;margin:0}.panel-head p{font-size:.8rem;color:var(--muted);margin:.3rem 0 0}.badge-soft{background:var(--green-soft);color:var(--green);border-radius:8px;padding:.35rem .65rem;font-size:.75rem}.donut-wrap{display:flex;align-items:center;justify-content:space-around;gap:1.5rem;padding:1rem}.donut{--value:0;width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green-2) calc(var(--value)*1%),#e9efed 0);position:relative}.donut:after{content:"";position:absolute;width:118px;height:118px;border-radius:50%;background:#fff}.donut div{z-index:1;text-align:center;display:flex;flex-direction:column}.donut strong{font-size:1.6rem}.donut span{font-size:.75rem;color:var(--muted)}.legend{display:flex;flex-direction:column;gap:.8rem}.legend span{font-size:.85rem}.legend b{display:block;margin-right:1.15rem}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-left:.4rem}.green-dot{background:var(--green-2)}.gray-dot{background:#e9efed}
.filter-bar{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem}.search-box{position:relative;max-width:430px;flex:1}.search-box i{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#94a19c}.search-box input{width:100%;border:1px solid var(--line);border-radius:11px;padding:.7rem 2.7rem .7rem .8rem;outline:none}.records-count{margin-right:auto;color:var(--muted);font-size:.85rem}.aqari-table{margin:0;vertical-align:middle}.aqari-table th{font-size:.77rem;color:#72807b;font-weight:700;background:#f7f9f8;padding:.85rem;border-bottom:1px solid var(--line);white-space:nowrap}.aqari-table td{padding:.9rem .85rem;border-color:#edf1ef;font-size:.88rem}.status{display:inline-block;border-radius:20px;padding:.3rem .65rem;background:#eef1f0;color:#64726d;font-size:.74rem;font-weight:700}.status.active,.status.rented,.status.paid,.status.completed,.status.received,.status.approved{background:#e5f5ef;color:#08765d}.status.inactive,.status.cancelled,.status.rejected,.status.overdue,.status.urgent{background:#fce9ea;color:#c0474e}.status.pending,.status.unpaid,.status.draft,.status.medium{background:#fff2d8;color:#a66b00}.status.high,.status.in_progress,.status.assigned{background:#e9f0fa;color:#386ca7}.row-actions{display:flex;gap:.35rem}.row-actions a,.row-actions button{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--green)}.row-actions button{color:#bd5151}.row-actions form{margin:0}.empty{text-align:center!important;padding:3rem!important;color:var(--muted)}.empty i,.empty b,.empty span{display:block;margin:.3rem}.empty i{font-size:2rem;color:#a8b5b0}.pagination-wrap{display:flex;justify-content:center;padding-top:1.2rem}.page-link{color:var(--green)}.active>.page-link{background:var(--green);border-color:var(--green)}.form-panel{padding:1.8rem}.form-actions{display:flex;gap:.8rem;border-top:1px solid var(--line);margin-top:2rem;padding-top:1.4rem}.map-panel{padding:.5rem}.map-panel #map{height:620px;border-radius:13px}.error-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:var(--bg)}.error-page>span{font-size:7rem;line-height:1;font-weight:800;color:var(--green);opacity:.18}.error-page h1{font-weight:800}.error-page p{color:var(--muted)}
.register-prompt{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem;padding:1rem;border:1px solid var(--line);border-radius:13px}.register-prompt>div{display:flex;align-items:center;gap:.7rem}.register-prompt>div>i{color:var(--green);font-size:1.2rem}.register-prompt span{display:flex;flex-direction:column}.register-prompt small{font-size:.72rem;color:var(--muted)}.register-prompt a{font-weight:800;white-space:nowrap}.account-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.account-type-grid input{position:absolute;opacity:0;pointer-events:none}.account-type-grid span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;text-align:center;border:1px solid var(--line);border-radius:12px;padding:.8rem .4rem;font-size:.8rem;font-weight:700;cursor:pointer;transition:.2s}.account-type-grid span i{font-size:1.15rem;color:#80908a}.account-type-grid input:checked+span{border-color:var(--green);background:var(--green-soft);color:var(--green);box-shadow:0 0 0 2px rgba(11,107,87,.08)}.account-type-grid input:checked+span i{color:var(--green)}.request-note{font-size:.78rem;color:var(--muted);text-align:center;margin:1rem 0 0}.request-note i{color:var(--green);margin-left:.3rem}
.request-success{text-align:center}.success-mark{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;margin:0 auto 1.3rem;background:var(--green-soft);color:var(--green);font-size:2rem}.request-success h2{margin:.45rem 0 1rem}.request-success p{line-height:1.8;margin-bottom:1.5rem}
@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.sidebar{transform:translateX(110%);box-shadow:-10px 0 40px rgba(0,0,0,.2)}.sidebar-open .sidebar{transform:translateX(0)}.main-area{margin-right:0}#menuToggle{display:grid}.content-area{padding:1.2rem}.topbar{padding:0 1.2rem}.top-title b{font-size:.85rem}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:600px){.auth-card-wrap{padding:1.2rem}.auth-card{padding:1.6rem}.stats-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.page-heading .btn{width:100%}.top-title{display:none}.user-chip div{display:none}.top-actions{gap:.4rem}.content-area{padding:1rem}.panel{padding:1rem}.donut-wrap{flex-direction:column}.filter-bar{flex-wrap:wrap}.records-count{width:100%;margin:0}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}
@media print{.sidebar,.topbar,.page-heading .btn,footer{display:none!important}.main-area{margin:0}.content-area{padding:0}.panel{box-shadow:none;border:0}}