:root{--green: #5e8f3e;--green-brand: #70a64d;--green-soft: #e4efdb;--brown: #675641;--brown-soft: #eee8de;--beige: #ddd6c2;--blue: #1d34f5;--ink: #2c2a24;--muted: #6e685c;--bg: #f3efe7;--surface: #fbf9f4;--line: #ded7c7;--line-strong: #c9c0ac;--admin-primary: #9e6744;--admin-primary-soft: rgba(158, 103, 68, .09);--admin-primary-soft-2: rgba(158, 103, 68, .1);--danger: #a6402f;--ok: #5e8f3e;--radius: 12px;--shadow: 0 1px 2px rgba(44, 42, 36, .06), 0 6px 20px rgba(44, 42, 36, .06);--font: "Alexandria", "SF Arabic", "Geeza Pro", "Segoe UI", Tahoma, system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}a{color:var(--blue);text-decoration:none}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700;transition:filter .15s}.btn:hover{filter:brightness(.96)}.btn-primary{background:var(--green-brand);color:#fff}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-cream{background:var(--brown-soft);color:var(--admin-primary);border-color:transparent}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:13px;font-weight:700;color:var(--muted)}.field input,.field select{border:1px solid var(--line-strong);border-radius:9px;padding:10px 12px;font-size:14px;background:#fff;color:var(--ink);width:100%;box-sizing:border-box}.field input:focus,.field select:focus{outline:2px solid var(--green);outline-offset:1px}.field input:disabled{background:var(--bg);color:var(--muted);cursor:not-allowed}.input-icon-wrap{position:relative}.input-icon-wrap .input-icon{position:absolute;top:50%;transform:translateY(-50%);inset-inline-start:12px;color:var(--muted);pointer-events:none}.input-icon-wrap input{padding-inline-start:36px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 15% 20%,var(--green-soft) 0%,transparent 45%),radial-gradient(circle at 85% 80%,var(--brown-soft) 0%,transparent 45%),var(--bg)}.login-card{width:100%;max-width:380px;padding:36px 32px;display:flex;flex-direction:column;gap:20px;box-shadow:0 8px 32px #2c2a241a,0 2px 8px #2c2a240f}.pill{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--green-soft);color:var(--green)}.pill.badge-primary{background:var(--admin-primary-soft);color:var(--admin-primary)}.pill.badge-secondary{background:#80839029;color:#808390}.pill.badge-success{background:#28c76f29;color:var(--ok)}.pill.badge-warning{background:#ff9f4329;color:#ff9f43}.pill.badge-info{background:#00bad129;color:#00bad1}.pill.badge-danger{background:#a6402f24;color:var(--danger)}.error{color:var(--danger);font-size:13px}.admin-shell{display:grid;grid-template-columns:260px 1fr;grid-template-rows:auto auto 1fr;height:100vh;background:#f8f7fa;overflow:hidden}.admin-navbar{grid-column:2;grid-row:1;background:var(--surface);border-bottom:1px solid var(--line);padding:8px 24px;display:flex;align-items:center;justify-content:space-between}.admin-navbar .user-block{display:flex;align-items:center;gap:10px}.admin-navbar .user-avatar{width:36px;height:36px;border-radius:50%;flex:none;background:var(--admin-primary-soft);color:var(--admin-primary);display:grid;place-items:center;font-size:13px;font-weight:700}.admin-navbar .user-name{font-size:12px;font-weight:500;color:var(--ink)}.admin-navbar .user-role{font-size:15px;color:var(--muted)}.admin-breadcrumbs{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:12px 24px;font-size:15px;color:var(--muted)}.admin-breadcrumbs .crumb-active{color:var(--admin-primary)}.admin-breadcrumbs .sep{color:var(--muted);opacity:.6}.admin-body{grid-column:2;grid-row:3;padding:24px;overflow-y:auto;min-height:0}.admin-sidebar{grid-column:1;grid-row:1 / -1;background:var(--surface);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;height:100vh;overflow-y:auto;box-shadow:2px 0 4px #2c2a240f}.admin-sidebar .brand-row{display:flex;align-items:center;justify-content:center;padding:18px 16px;border-bottom:1px solid var(--line)}.admin-sidebar .brand-logo{height:40px;width:auto}.admin-sidebar .menu{flex:1;padding:14px 12px 8px;display:flex;flex-direction:column}.admin-sidebar .menu-label{font-size:13px;color:var(--muted);opacity:.7;font-weight:400;text-align:right;padding:6px 12px;letter-spacing:.02em}.admin-sidebar .menu-items{display:flex;flex-direction:column;gap:4px;margin-top:4px}.admin-sidebar .menu-item{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px 12px;border-radius:8px;font-size:15px;color:var(--muted);transition:background .12s,color .12s;position:relative}.admin-sidebar .menu-item:hover{background:var(--bg);color:var(--ink)}.admin-sidebar .menu-item.active{background:var(--brown-soft);color:var(--admin-primary);font-weight:700}.admin-sidebar .menu-item.active:before{content:"";position:absolute;top:6px;bottom:6px;inset-inline-end:0;width:3px;border-radius:3px;background:var(--admin-primary)}.admin-sidebar .menu-item .menu-icon{width:18px;height:18px;flex:none;opacity:.85}.admin-sidebar .menu-item.active .menu-icon{opacity:1}.admin-sidebar .logout-row{padding:20px 26px;border-top:1px solid var(--line)}.admin-sidebar .logout-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;background:none;cursor:pointer;font-size:17px;font-weight:500;color:var(--admin-primary);padding:11px 0}.panel-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 17px;border-bottom:1px solid var(--line);gap:16px;flex-wrap:wrap}.panel-toolbar .toolbar-left{display:flex;align-items:center;gap:16px}.panel-toolbar .btn-primary{background:var(--admin-primary);box-shadow:0 2px 6px #9e67444d}.show-select-row{display:flex;align-items:center;gap:8px;font-size:14px;color:#2c2a24b3}.show-select{border:1px solid var(--line-strong);border-radius:8px;padding:6px 10px;font-size:14px;background:#fff;color:var(--ink);height:35px}.panel-search{border:1px solid var(--line-strong);border-radius:8px;padding:7px 13px;font-size:14px;width:240px;background:#fff;color:var(--ink)}.panel-search::placeholder{color:#2c2a2459}.select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line-strong);border-radius:8px;padding:6px 10px;font-size:14px;background:#fff;color:var(--ink);height:35px;font-family:inherit;cursor:pointer;min-width:160px}.select-trigger.select-fill{width:100%}.select-trigger:focus{outline:2px solid var(--green);outline-offset:1px}.select-trigger[data-placeholder]{color:#2c2a2473}.select-icon{color:var(--muted);display:inline-flex}.select-content{background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:0 8px 24px #0000001f;z-index:100;min-width:var(--radix-select-trigger-width);max-height:var(--radix-select-content-available-height)}.select-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:7px;font-size:14px;color:var(--ink);cursor:pointer;outline:none}.select-item[data-highlighted]{background:var(--green-soft);color:var(--green)}.select-item-indicator{display:inline-flex;color:var(--green)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c2a2466;z-index:200}.dialog-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:14px;padding:24px;width:90%;max-width:400px;box-shadow:0 16px 48px #0003;z-index:201}.dialog-title{font-size:17px;font-weight:800;color:var(--ink);margin-bottom:8px}.dialog-description{font-size:14px;color:var(--muted);line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.panel-grid{display:flex;flex-wrap:wrap;gap:24px;padding:24px}.square-card{background:#fff;border:1px solid var(--brown-soft);border-radius:4px;box-shadow:0 1px 3px #2c2a241a;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 12px;width:143px}.square-card .badge{width:40px;height:40px;border-radius:50%;background:var(--admin-primary-soft-2);color:var(--admin-primary);display:grid;place-items:center;font-size:11px;font-weight:500}.square-card .square-title{font-size:12px;color:#2c2a24d9;text-align:center}.details-btn{border:0;border-radius:10px;background:var(--admin-primary-soft);color:var(--admin-primary);font-size:11px;font-weight:500;padding:6px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.square-card .details-btn{width:100%}.panel-footer{display:flex;align-items:center;justify-content:space-between;padding:17px 24px 16px;border-top:1px solid var(--line)}.panel-footer .footer-note{font-size:14px;color:#2c2a2480}.pagination{display:flex;align-items:center;gap:6px}.pagination .page-btn{width:36px;height:36px;border-radius:8px;border:0;cursor:pointer;display:grid;place-items:center;font-size:12px;font-weight:500;background:#2c2a2414;color:#2c2a2480;opacity:.4}.pagination .page-btn:not(:disabled){opacity:1}.pagination .page-btn.active{background:var(--admin-primary);color:#fff;opacity:1;box-shadow:0 2px 2px #9e67444d}