body{font-family:Cairo,Arial,sans-serif;margin:0;padding:0;background-color:#f9fafb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}button,.btn{min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,textarea,select{font-size:16px;padding:12px;border-radius:8px;border:1px solid #d1d5db;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:#1565c0;box-shadow:0 0 0 3px #1565c01a}@media(max-width:768px){.container{padding-left:16px;padding-right:16px}.btn-group{flex-direction:column;gap:8px}.btn-group button{width:100%}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:600px}.modal{margin:10px;max-height:calc(100vh - 20px);overflow-y:auto}.form-grid{grid-template-columns:1fr;gap:16px}.header-actions{flex-direction:column;gap:8px}.header-actions button{width:100%;justify-content:center}}@media(min-width:769px)and (max-width:1024px){.form-grid{grid-template-columns:repeat(2,1fr)}.btn-group{flex-wrap:wrap}}@media(min-width:1025px){.form-grid{grid-template-columns:repeat(3,1fr)}}.loading{opacity:.6;pointer-events:none}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1565C0;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #1565C0;outline-offset:2px}@media(prefers-contrast:high){button,.btn{border:2px solid currentColor}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{color-scheme:light!important}body{background-color:#f9fafb!important;color:#111827!important}@media(prefers-color-scheme:dark){html,body{background-color:#f9fafb!important;color:#111827!important}div:not([class*=bg-brand]):not([class*=bg-blue]):not([class*=bg-green]):not([class*=bg-red]):not([class*=bg-yellow]):not([class*=bg-purple]):not([class*=bg-gray-6]):not([class*=bg-gray-7]):not([class*=bg-gray-8]){background-color:inherit!important}input,textarea,select{background-color:#fff!important;color:#111827!important;border-color:#d1d5db!important}[class*=bg-white]{background-color:#fff!important}[class*=text-gray-9]{color:#111827!important}[class*=text-gray-8]{color:#1f2937!important}[class*=text-gray-7]{color:#374151!important}[class*=text-gray-6]{color:#4b5563!important}[class*=text-gray-5]{color:#6b7280!important}[class*=border-gray-2]{border-color:#e5e7eb!important}[class*=border-gray-3]{border-color:#d1d5db!important}}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}.pwa-install-btn,.offline-indicator{display:none!important}}img{max-width:100%;height:auto}html{scroll-behavior:smooth}@supports (padding: max(0px)){.safe-area-top{padding-top:max(20px,env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(20px,env(safe-area-inset-bottom))}.safe-area-left{padding-left:max(16px,env(safe-area-inset-left))}.safe-area-right{padding-right:max(16px,env(safe-area-inset-right))}}@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.pwa-install-btn{display:none!important}}.touch-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.mobile-spacing{padding:16px}@media(min-width:768px){.mobile-spacing{padding:24px}}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 6px #0000001a}.form-section{margin-bottom:24px}.form-section:last-child{margin-bottom:0}.form-label{display:block;font-weight:500;margin-bottom:8px;color:#374151}.form-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:#1565c0;box-shadow:0 0 0 3px #1565c01a;outline:none}.form-input.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:14px;margin-top:4px}.success-message{color:#10b981;font-size:14px;margin-top:4px}