@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap";:root{--neon:#7eff66;--neon-dim:#63cc50;--neon-glow:#7eff664d;--bg:#f0f0f0;--bg-card:#fff;--bg-sidebar:#fff;--text:#111;--text-muted:#666;--border:#e2e2e2;--input-bg:#fff}.dark{--bg:#0a0a0a;--bg-card:#111;--bg-sidebar:#0d0d0d;--text:#f0f0f0;--text-muted:#888;--border:#222;--input-bg:#1a1a1a}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,sans-serif}html[dir=rtl]{font-family:IBM Plex Sans Arabic,sans-serif}body{background-color:var(--bg);color:var(--text);min-height:100vh;transition:background-color .2s,color .2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neon)}.neon{color:var(--neon)}.neon-border{border-color:var(--neon)!important}.neon-bg{background-color:var(--neon);color:#000}.neon-glow{box-shadow:0 0 12px var(--neon-glow)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.input{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--neon);box-shadow:0 0 0 3px var(--neon-glow)}.input::placeholder{color:var(--text-muted)}select.input{cursor:pointer;appearance:none}.label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-size:.8rem;font-weight:500;display:block}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--neon);color:#000}.btn-primary:hover{background:var(--neon-dim);box-shadow:0 0 16px var(--neon-glow)}.btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--neon);color:var(--neon)}.btn-ghost{color:var(--text-muted);background:0 0;padding:.5rem}.btn-ghost:hover{color:var(--neon)}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-pending{color:orange;background:#ffa50026}.badge-approved{color:var(--neon);background:#39ff1426}.badge-rejected{color:#ff3232;background:#ff323226}.form-group{margin-bottom:1rem}.error-text{color:#ff3232;margin-top:.25rem;font-size:.8rem}.divider{border:none;border-top:1px solid var(--border);margin:1rem 0}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}th{text-align:start;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:.75rem 1rem;font-size:.75rem;font-weight:500}td{border-bottom:1px solid var(--border);color:var(--text);padding:.875rem 1rem}tr:last-child td{border-bottom:none}tr:hover td{background:#39ff1408}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:560px;max-height:90vh;padding:2rem;overflow-y:auto}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;transition:border-color .2s;display:flex}.stat-card:hover{border-color:var(--neon)}.stat-value{color:var(--neon);font-size:2rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-title{font-size:1.5rem;font-weight:700}.tabs{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1.5rem;display:flex}.tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.625rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s}.tab.active{color:var(--neon);border-bottom-color:var(--neon)}.tab:hover:not(.active){color:var(--text)}.mood-btn{border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;padding:.5rem .75rem;font-size:2rem;line-height:1;transition:all .2s}.mood-btn.selected{border-color:var(--neon);box-shadow:0 0 12px var(--neon-glow);background:#39ff1414}.mood-btn:hover:not(.selected){border-color:var(--text-muted)}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendar-day{aspect-ratio:1;cursor:default;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:center;min-height:60px;padding:.375rem;font-size:.8rem;display:flex}.calendar-day.today{border-color:var(--neon);background:#39ff140d}.calendar-day.other-month{opacity:.3}.calendar-day-number{margin-bottom:2px;font-weight:500}.event-dot{border-radius:50%;width:6px;height:6px;margin:1px}.desktop-nav{display:flex}.mobile-menu-btn{display:none}@media (width<=900px){.desktop-nav{display:none!important}.mobile-menu-btn{display:flex}}.grid-2{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.phone-input-wrapper{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.5rem;padding:0 .875rem;transition:border-color .2s,box-shadow .2s;display:flex}.phone-input-wrapper:focus-within{border-color:var(--neon);box-shadow:0 0 0 3px var(--neon-glow)}.phone-input-error{border-color:#ff3232!important}.phone-input-wrapper .PhoneInputCountry{border-right:1px solid var(--border);flex-shrink:0;align-items:center;gap:.375rem;padding:.625rem .625rem .625rem 0;display:flex}.phone-input-wrapper .PhoneInputCountrySelect{color:var(--text);cursor:pointer;opacity:0;background:0 0;border:none;outline:none;max-width:28px;font-family:inherit;font-size:.875rem;position:absolute}.phone-input-wrapper .PhoneInputCountrySelectArrow{color:var(--text-muted);width:8px;height:8px}.phone-input-wrapper .PhoneInputInput{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.625rem 0;font-family:inherit;font-size:.875rem}.phone-input-wrapper .PhoneInputInput::placeholder{color:var(--text-muted)}html[dir=rtl] .rtl-flip{transform:scaleX(-1)}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:.8;--PhoneInputInternationalIconGlobe-opacity:.65;--PhoneInputCountrySelect-marginRight:.35em;--PhoneInputCountrySelectArrow-width:.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{width:100%;height:100%;display:block}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{margin-right:var(--PhoneInputCountrySelect-marginRight);align-self:stretch;align-items:center;display:flex;position:relative}.PhoneInputCountrySelect{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;top:0;left:0}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity);display:block}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}