@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap";:root{--color-primary: #1EA8A5;--color-primary-dark: #1D3A57;--color-success: #0CAF60;--color-warning: #ED6C02;--color-danger: #D32F2F;--color-info: #0EA5E9;--color-text-900: #0F172A;--color-text-700: #334155;--color-text-500: #64748B;--color-border: #E6E8EB;--bg-page: #F7F9FB;--bg-card: #FFFFFF;--bg-input: #F9FAFB;--bg-section: #F0FBFA;--row-stripe: #FAFBFC;--radius: 14px;--shadow: 0 6px 18px rgba(2, 8, 23, .06);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--font: "Cairo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif}html,body{font-family:var(--font);background:var(--bg-page);color:var(--color-text-900);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-content{margin-top:76px;padding-top:var(--space-4)}.container.form-page{padding:var(--space-4)}h1,h2,h3,h4,h5,h6{color:var(--color-primary-dark);letter-spacing:.2px;font-weight:700}.page-title{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.page-title h1{margin:0;font-size:1.75rem}.page-title .pill{background:var(--bg-card);border:1px solid var(--color-border);padding:.35rem .7rem;border-radius:999px;color:var(--color-text-700);font-size:.875rem;font-weight:600}.card{background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-body{padding:var(--space-5)}.card-stat{background:var(--bg-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-3);text-align:center;transition:transform .2s ease,box-shadow .2s ease;min-height:80px;display:flex;flex-direction:column;justify-content:center}.card-stat:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0208171a}.card-stat .value{font-size:1.3rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:.2rem;line-height:1.2}.card-stat .label{color:var(--color-text-700);font-size:.8rem;font-weight:500;line-height:1.3}.btn{border-radius:12px;padding:.55rem 1rem;font-weight:600;font-family:var(--font);transition:all .2s ease;border-width:1.5px}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:#179793;border-color:#179793;transform:translateY(-1px)}.btn-outline-primary{color:var(--color-primary);border-color:var(--color-primary);background:transparent}.btn-outline-primary:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-outline-secondary{color:var(--color-text-700);border-color:var(--color-border);background:var(--bg-card)}.btn-outline-secondary:hover{background:var(--color-text-700);border-color:var(--color-text-700);color:#fff}.btn-success{background:var(--color-success);border-color:var(--color-success)}.btn-warning{background:var(--color-warning);border-color:var(--color-warning)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger)}.badge{border-radius:999px;padding:.35rem .6rem;font-weight:600;font-size:.75rem}.badge-primary{background:#1ea8a51f;color:var(--color-primary)}.badge-success{background:#0caf601f;color:var(--color-success)}.badge-warning{background:#ed6c021f;color:var(--color-warning)}.badge-danger{background:#d32f2f1f;color:var(--color-danger)}.badge-info{background:#0ea5e91f;color:var(--color-info)}.badge-secondary{background:#64748b1f;color:var(--color-text-700)}.form-control,.form-select{background:var(--bg-input);border-color:var(--color-border);border-radius:12px;border-width:1.5px;padding:.6rem .75rem;font-family:var(--font);transition:all .2s ease}.form-control::placeholder{color:var(--color-text-500)}.form-control:focus,.form-select:focus{background:var(--bg-card);box-shadow:0 0 0 .25rem #1ea8a526;border-color:var(--color-primary);outline:none}.form-label{color:var(--color-text-700);font-weight:600;margin-bottom:.5rem}.section-band{background:var(--bg-section);border:1px solid var(--color-border);border-radius:12px;padding:14px 16px;margin:16px 0;color:var(--color-text-700)}.soft-hr{border:0;border-top:1px solid var(--color-border);margin:16px 0;opacity:.6}.table{--bs-table-bg: transparent;--bs-table-border-color: var(--color-border)}.table thead th{position:sticky;top:0;background:var(--bg-card);z-index:1;font-weight:700;color:var(--color-text-700);border-bottom:2px solid var(--color-border);padding:1rem .75rem}.table-striped tbody tr:nth-child(odd){background:var(--row-stripe)}.table td,.table th{padding:.875rem .75rem;border-bottom:1px solid var(--color-border)}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table-hover tbody tr:hover{background:#1ea8a50a}.action-icons{display:flex;gap:.25rem;justify-content:center}.action-icons .btn{background:var(--bg-card);border-color:var(--color-border);color:var(--color-text-700);padding:.4rem .6rem;border-radius:8px;transition:all .15s ease}.action-icons .btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.action-icons .btn-danger{color:var(--color-danger);border-color:#d32f2f4d}.action-icons .btn-danger:hover{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.action-icons .btn-success{color:var(--color-success);border-color:#0caf604d}.action-icons .btn-warning{color:var(--color-warning);border-color:#ed6c024d}body{padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--bg-card);border-bottom:1px solid var(--color-border);box-shadow:0 2px 8px #0208170a;z-index:1100;padding-top:env(safe-area-inset-top,0)}.mobile-header-content{display:flex;align-items:center;justify-content:space-between;height:56px;padding-inline:12px;gap:12px}.mobile-menu-toggle{width:44px;height:44px;background:none;border:none;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .18s ease;flex-shrink:0}.mobile-menu-toggle:hover{background:#1ea8a514}.mobile-menu-toggle:focus{outline:none;box-shadow:0 0 0 .2rem #1ea8a540}.hamburger-line{width:22px;height:2px;background:var(--color-text-900);border-radius:1px;transition:all .18s ease;transform-origin:center}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--color-primary-dark);font-weight:700;font-size:16px;flex:1;justify-content:center;min-width:0}.mobile-brand img{width:24px;height:24px;flex-shrink:0}.mobile-brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-actions{width:44px;flex-shrink:0}.mobile-drawer-backdrop{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1199;opacity:0;visibility:hidden;transition:all .2s ease}.mobile-drawer-backdrop.active{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;right:-100%;width:80vw;min-width:300px;max-width:360px;height:100vh;background:var(--bg-card);border-left:1px solid var(--color-border);box-shadow:var(--shadow);z-index:1200;transition:right .24s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.mobile-drawer.active{right:0}.mobile-drawer-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--color-border);background:var(--bg-section)}.mobile-drawer-header img{width:28px;height:28px}.mobile-drawer-header span{color:var(--color-text-700);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.mobile-drawer-nav{padding:8px 0}.mobile-nav-group{margin-bottom:12px}.mobile-group-label{padding:8px 20px 4px;color:var(--color-text-700);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mobile-nav-item{margin:0}.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--color-text-900);text-decoration:none;font-weight:600;font-size:15px;transition:all .15s ease;border:none;background:none;width:100%;text-align:right;min-height:48px;position:relative}.mobile-nav-link:hover{background:#1ea8a50f;color:var(--color-primary)}.mobile-nav-link:focus{outline:none;box-shadow:inset 0 0 0 .2rem #1ea8a540}.mobile-nav-link.active{background:#1ea8a514;color:var(--color-primary);border-right:3px solid var(--color-primary)}.mobile-nav-link i{font-size:18px;width:20px;text-align:center;flex-shrink:0}.mobile-nav-danger{color:var(--color-danger)}.mobile-nav-danger:hover{background:#d32f2f0f;color:var(--color-danger)}.mobile-nav-form{margin:0}.mobile-nav-user{border-top:1px solid var(--color-border);padding-top:12px;margin-top:12px}.mobile-user-info{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--color-text-700)}.mobile-user-info i{font-size:24px;color:var(--color-primary)}.mobile-user-name{font-weight:600;font-size:14px;color:var(--color-text-900)}.mobile-user-role{font-size:12px;color:var(--color-text-500)}.desktop-navbar{background:#fff!important;border-bottom:1px solid #E6E8EB;box-shadow:0 2px 8px #0208170a;min-height:56px;display:block!important;visibility:visible!important;opacity:1!important;z-index:1000;position:fixed;top:0;left:0;right:0;width:100%;padding:.5rem 0}.desktop-navbar .container-xl{display:flex;align-items:center;justify-content:space-between;padding:0 16px}.desktop-navbar .navbar-brand{color:#1d3a57!important;font-weight:700;font-size:1.25rem;text-decoration:none;display:flex;align-items:center}.desktop-navbar .navbar-collapse{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.desktop-navbar .navbar-nav{display:flex!important;visibility:visible!important;list-style:none;margin:0;padding:0;align-items:center;gap:12px}.desktop-navbar .nav-link{color:#334155!important;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .2s ease;display:flex!important;align-items:center!important;visibility:visible!important}.desktop-navbar .nav-link:hover{color:#1ea8a5!important;background:#1ea8a514}.desktop-navbar .navbar-text{color:#334155!important}.desktop-navbar .btn-outline-primary{color:#1ea8a5!important;border-color:#1ea8a5!important}.desktop-navbar .nav-item{display:block!important;visibility:visible!important}.desktop-navbar .navbar-logout-btn{color:#dc3545!important;border-color:#dc3545!important;font-weight:500;padding:.375rem .75rem;border-radius:6px;transition:all .2s ease;display:flex!important;align-items:center!important;visibility:visible!important;opacity:1!important;background:#fff!important}.desktop-navbar .navbar-logout-btn:hover{background-color:#dc3545!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}@media (max-width: 768px){.mobile-header{display:block!important}.desktop-navbar{display:none!important}.main-content{margin-top:72px!important;padding-top:var(--space-3)!important}}@media (min-width: 769px){.mobile-header,.mobile-drawer,.mobile-drawer-backdrop{display:none!important}.desktop-navbar{display:block!important}}.alert{border-radius:var(--radius);border-width:1.5px;padding:1rem 1.25rem}.alert-success{background:#0caf6014;border-color:#0caf6033;color:var(--color-success)}.alert-danger{background:#d32f2f14;border-color:#d32f2f33;color:var(--color-danger)}.alert-info{background:#0ea5e914;border-color:#0ea5e933;color:var(--color-info)}.quick-link-card{transition:all .2s ease;text-decoration:none;color:inherit}.quick-link-card:hover{transform:translateY(-3px);text-decoration:none;color:inherit}.quick-link-card .card{border:1.5px solid var(--color-border);height:100%}.quick-link-card:hover .card{border-color:var(--color-primary);box-shadow:0 8px 25px #1ea8a526}.quick-link-card .icon{font-size:2.5rem;color:var(--color-primary);margin-bottom:1rem}.quick-link-card .title{font-size:1.1rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:.5rem}.quick-link-card .description{font-size:.875rem;color:var(--color-text-700);line-height:1.5}@media (max-width: 768px){.container.form-page{padding:var(--space-1)}main.container{padding-left:8px;padding-right:8px;padding-top:64px}.page-title{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.page-title h1{font-size:1.5rem}.card-body{padding:var(--space-3)}.action-icons{flex-wrap:wrap}.table-responsive{border-radius:var(--radius);border:1px solid var(--color-border)}.quick-link-card .icon{font-size:2rem}.btn{padding:.65rem 1.25rem;width:100%}.btn:not(.btn-sm):not(.action-icons .btn){margin-bottom:.5rem}}@media (hover: none) and (pointer: coarse){.action-icons .btn{padding:.6rem .8rem}.quick-link-card{transform:none}.quick-link-card:active{transform:scale(.98)}}@media print{body{background:#fff!important;color:#000!important}.navbar,.btn,.action-icons{display:none!important}.card{border:1px solid #000!important;box-shadow:none!important;background:#fff!important}@page{size:80mm auto;margin:2mm}.receipt{font-size:12px;line-height:1.3}.report-page{page-break-inside:avoid}}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid;border-color:currentColor transparent currentColor transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reset-personalization{color:var(--color-text-500);font-size:.875rem;text-decoration:none;transition:color .2s ease}.reset-personalization:hover{color:var(--color-primary);text-decoration:underline}.page-header.stacked{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.page-header.stacked .title-group{display:flex;align-items:center;gap:8px}.page-header.stacked .actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}@media (min-width: 768px){.page-header.stacked{flex-direction:row!important;justify-content:space-between;align-items:center}.page-header.stacked .title-group{order:1}.page-header.stacked .actions{order:2;justify-content:flex-end}}.service-card{transition:all .2s ease;cursor:pointer}.service-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0208171a}