:root{--color-primary: #1E88E5;--color-primary-light: #64B5F6;--color-primary-dark: #1565C0;--color-accent: #4CAF50;--color-accent-light: #81C784;--color-accent-dark: #2E7D32;--color-warning: #FFC107;--color-warning-light: #FFD54F;--color-warning-dark: #FFA000;--color-error: #F44336;--color-error-light: #E57373;--color-error-dark: #C62828;--color-success: #4CAF50;--color-success-light: #81C784;--color-success-dark: #2E7D32;--color-text: #212121;--color-text-secondary: #757575;--color-text-tertiary: #9E9E9E;--color-divider: #EEEEEE;--color-background: #FFFFFF;--color-background-light: #F5F5F5;--color-background-dark: #E0E0E0;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--font-family: "Segoe UI", "Roboto", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--line-height-body: 1.5;--line-height-heading: 1.2;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-body);color:var(--color-text);background-color:var(--color-background-light);min-height:100vh}body.no-scroll{overflow:hidden}body.rtl{direction:rtl}body.rtl .main-nav ul,body.rtl .form-row{flex-direction:row-reverse}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-heading);font-weight:600;margin-bottom:var(--space-2)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{margin-bottom:var(--space-2)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.app-container{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1;padding:var(--space-3)}section{margin-bottom:var(--space-4);background-color:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-3)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.main-header{background-color:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-3);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.logo h1{font-size:var(--font-size-2xl);margin:0;color:#fff}.main-nav ul{display:flex;list-style:none;gap:var(--space-2);align-items:center;margin:0;padding:0}.main-nav a{color:#fff;text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-md);transition:background-color var(--transition-fast)}.main-nav a:hover{background-color:#ffffff1a;color:#fff}.mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:var(--space-1);border-radius:var(--border-radius-md);transition:background-color var(--transition-fast)}.mobile-menu-toggle:hover{background-color:#ffffff1a}.hamburger-icon{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon span{display:block;height:2px;width:100%;background-color:#fff;border-radius:1px;transition:all var(--transition-normal);transform-origin:center}.mobile-menu-toggle.active .hamburger-icon span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active .hamburger-icon span:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-icon span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}footer{background-color:var(--color-primary-dark);color:#fff;padding:var(--space-3);text-align:center}.footer-content{max-width:1200px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);font-size:var(--font-size-md);font-weight:500;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;text-align:center}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-background-dark);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-divider)}.btn-accent{background-color:var(--color-accent);color:#fff}.btn-accent:hover{background-color:var(--color-accent-dark)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover{background-color:var(--color-error-dark)}.btn-icon{padding:var(--space-1);border-radius:50%;background-color:transparent}.btn-icon:hover{background-color:#0000000d}.btn-full{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.form-group{margin-bottom:var(--space-2)}.form-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}label{display:block;margin-bottom:var(--space-1);font-weight:500;color:var(--color-text-secondary)}input,select,textarea{width:100%;padding:var(--space-1) var(--space-2);font-size:var(--font-size-md);border:1px solid var(--color-text-tertiary);border-radius:var(--border-radius-md);background-color:var(--color-background);transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1e88e51a}textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.helper-text{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-top:.25rem}.time-range{display:flex;flex-direction:column}.time-inputs{display:flex;align-items:center;gap:var(--space-2)}.time-input-group{display:flex;align-items:center;gap:.5rem}.time-input-group label{margin-bottom:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;min-width:fit-content}.time-input-group input{flex:1;min-width:80px}.time-separator{display:none}body.rtl .time-inputs,body.rtl .time-input-group{flex-direction:row}.error-message,.success-message{padding:var(--space-2);border-radius:var(--border-radius-md);margin-bottom:var(--space-2)}.error-message{background-color:#f443361a;color:var(--color-error);border:1px solid var(--color-error-light)}.success-message{background-color:#4caf501a;color:var(--color-success-dark);border:1px solid var(--color-success-light)}.hidden{display:none!important}.subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.no-results{text-align:center;color:var(--color-text-secondary);padding:var(--space-3)}.icon-edit:before{content:"✏️"}.icon-delete:before{content:"🗑️"}.icon-close:before{content:"✖"}.icon-email:before{content:"📧"}.icon-phone:before{content:"📱"}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--color-background);border-radius:var(--border-radius-lg);padding:var(--space-3);width:90%;max-width:500px;box-shadow:var(--shadow-lg)}.modal-large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.modal-body{margin-bottom:var(--space-2)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3)}.message-box-content{max-width:400px;text-align:center}.message-box-header{margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-divider)}.message-box-header h3{margin:0;font-size:var(--font-size-lg);color:var(--color-text)}.message-box-body{margin-bottom:var(--space-3)}.message-box-body p{margin:0;color:var(--color-text-secondary);line-height:var(--line-height-body)}.message-box-actions{display:flex;justify-content:center;margin-top:var(--space-3)}.message-box-actions .btn{min-width:100px}.message-box-info{border-left:4px solid var(--color-primary)}.message-box-info .message-box-header h3{color:var(--color-primary)}.message-box-success{border-left:4px solid var(--color-success)}.message-box-success .message-box-header h3{color:var(--color-success)}.message-box-error{border-left:4px solid var(--color-error)}.message-box-error .message-box-header h3{color:var(--color-error)}.message-box-warning{border-left:4px solid var(--color-warning)}.message-box-warning .message-box-header h3{color:var(--color-warning)}body.rtl .message-box-info{border-left:none;border-right:4px solid var(--color-primary)}body.rtl .message-box-success{border-left:none;border-right:4px solid var(--color-success)}body.rtl .message-box-error{border-left:none;border-right:4px solid var(--color-error)}body.rtl .message-box-warning{border-left:none;border-right:4px solid var(--color-warning)}@media (max-width: 768px){.mobile-menu-toggle{display:block}.mobile-menu-overlay{position:fixed;top:0;left:60%;width:40%;height:100vh;background-color:#00000080;z-index:998;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}body.rtl .mobile-menu-overlay{left:0;right:60%}.mobile-menu-overlay.active{opacity:1;visibility:visible}.main-nav ul{position:fixed;top:0;left:-60%;width:60%;height:100vh;background-color:var(--color-primary);flex-direction:column!important;justify-content:flex-start;align-items:stretch;padding:var(--space-6) var(--space-3) var(--space-3);transition:left var(--transition-normal);z-index:999;overflow-y:auto;box-shadow:var(--shadow-lg)}body.rtl .main-nav ul{left:auto;right:-60%;transition:right var(--transition-normal);flex-direction:column!important}.main-nav ul.active{left:0}body.rtl .main-nav ul.active{right:0}.main-nav li{width:100%;margin-bottom:var(--space-1)}.main-nav a{display:block;width:100%;padding:var(--space-2);text-align:center;border-radius:var(--border-radius-md);font-size:var(--font-size-lg)}.main-nav select{width:100%;padding:var(--space-2);font-size:var(--font-size-lg);background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-md)}.main-nav select option{background-color:var(--color-primary);color:#fff}.form-row{flex-direction:column;gap:var(--space-1)}section{padding:var(--space-2)}.main-header{padding:var(--space-1) var(--space-2)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.time-inputs{flex-direction:column;align-items:stretch;gap:var(--space-1)}.time-input-group{justify-content:space-between;width:100%}.time-input-group input{flex:1;min-width:120px;width:100%}body.rtl .time-inputs{flex-direction:column}body.rtl .time-input-group{flex-direction:row;justify-content:space-between;text-align:right;width:100%}body.rtl .time-input-group label{text-align:right;min-width:fit-content}body.rtl .time-input-group input{flex:1;min-width:120px;width:100%;text-align:right}.message-box-content{max-width:90%;margin:0 auto}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-normal) forwards}@keyframes spinner{to{transform:rotate(360deg)}}.loading-spinner:before{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px;border-radius:50%;border:2px solid var(--color-text-tertiary);border-top-color:var(--color-primary);animation:spinner .8s linear infinite}