:root{--ion-color-primary: #0d6efd;--ion-color-primary-rgb: 13, 110, 253;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #0b5ed7;--ion-color-primary-tint: #257dff;--ion-color-secondary: #6c757d;--ion-color-secondary-rgb: 108, 117, 125;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #5f666d;--ion-color-secondary-tint: #7b848a;--ion-color-tertiary: #f093fb;--ion-color-success: #198754;--ion-color-warning: #ffc107;--ion-color-danger: #dc3545;--ion-color-dark: #212529;--ion-color-medium: #6c757d;--ion-color-light: #f8f9fa;--ion-background-color: #ffffff;--ion-card-background: #ffffff;--ion-card-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);--label-input-spacing: .75rem;--card-padding: 1rem;--section-spacing: 1.5rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 1rem;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700}.high-contrast-mode{--ion-color-primary: #0d6efd;--ion-color-primary-rgb: 13, 110, 253;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #0b5ed7;--ion-color-primary-tint: #257dff;--ion-color-secondary: #6c757d;--ion-color-tertiary: #f093fb;--ion-color-success: #198754;--ion-color-warning: #ffc107;--ion-color-danger: #dc3545;--ion-color-dark: #f8f9fa;--ion-color-medium: #adb5bd;--ion-color-light: #212529;--ion-background-color: #1a1a1a;--ion-card-background: #2d2d2d;--ion-card-shadow: 0 .125rem .25rem rgba(0, 0, 0, .5)}.warm-mode{--ion-color-primary: #d97706;--ion-color-primary-rgb: 217, 119, 6;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #bf6905;--ion-color-primary-tint: #dd851f;--ion-color-secondary: #92400e;--ion-color-tertiary: #f59e0b;--ion-color-success: #059669;--ion-color-warning: #d97706;--ion-color-danger: #dc2626;--ion-color-dark: #1f2937;--ion-color-medium: #6b7280;--ion-color-light: #f9fafb;--ion-background-color: #faf8f5;--ion-card-background: #f5f2ed;--ion-card-shadow: 0 .125rem .25rem rgba(217, 119, 6, .15)}.cool-mode{--ion-color-primary: #0284c7;--ion-color-primary-rgb: 2, 132, 199;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #0274ae;--ion-color-primary-tint: #1b90cd;--ion-color-secondary: #0e7490;--ion-color-tertiary: #06b6d4;--ion-color-success: #10b981;--ion-color-warning: #f59e0b;--ion-color-danger: #ef4444;--ion-color-dark: #1e293b;--ion-color-medium: #64748b;--ion-color-light: #f1f5f9;--ion-background-color: #f0f4f8;--ion-card-background: #e8f0f8;--ion-card-shadow: 0 .125rem .25rem rgba(2, 132, 199, .15)}:root{--edge-primary-color: #0078d4;--edge-primary-hover: #106ebe;--edge-primary-active: #005a9e;--edge-primary-gradient: linear-gradient(135deg, #0078d4 0%, #6f42c1 100%);--edge-secondary-gradient: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);--edge-box-shadow: 0 2px 8px rgba(0, 120, 212, .15);--edge-box-shadow-lg: 0 4px 16px rgba(0, 120, 212, .2);--edge-box-shadow-xl: 0 8px 24px rgba(0, 120, 212, .25);--edge-border-radius: 8px;--edge-border-radius-lg: 12px;--edge-border-radius-xl: 16px;--edge-transition: all .2s cubic-bezier(.4, 0, .2, 1);--edge-transition-slow: all .4s cubic-bezier(.4, 0, .2, 1)}.edge-button{background:var(--edge-primary-gradient);border:none;border-radius:var(--edge-border-radius);color:#fff;padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;transition:var(--edge-transition);box-shadow:var(--edge-box-shadow);cursor:pointer}.edge-button:hover{background:var(--edge-primary-hover);transform:translateY(-1px);box-shadow:var(--edge-box-shadow-lg)}.edge-button:active{background:var(--edge-primary-active);transform:translateY(0);box-shadow:var(--edge-box-shadow)}.edge-button:focus{outline:2px solid var(--edge-primary-color);outline-offset:2px}.edge-card{background:#fff;border-radius:var(--edge-border-radius-lg);box-shadow:var(--edge-box-shadow);border:1px solid rgba(0,120,212,.1);transition:var(--edge-transition)}.edge-card:hover{box-shadow:var(--edge-box-shadow-lg);transform:translateY(-2px)}.edge-input{border:1px solid rgba(0,120,212,.2);border-radius:var(--edge-border-radius);padding:.75rem 1rem;font-size:.875rem;transition:var(--edge-transition);background:#fff}.edge-input:focus{border-color:var(--edge-primary-color);box-shadow:0 0 0 3px #0078d41a;outline:none}.edge-input::placeholder{color:#0078d480}::-webkit-scrollbar-track{background:#0078d41a;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--edge-primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--edge-primary-hover)}@keyframes edgeFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes edgeSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.edge-fade-in{animation:edgeFadeIn .3s ease-out}.edge-slide-in{animation:edgeSlideIn .3s ease-out}@media (max-width: 768px){.edge-button{padding:.625rem 1.25rem;font-size:.8125rem}.edge-input{padding:.625rem .875rem;font-size:.8125rem}}@media (prefers-color-scheme: dark){:root{--edge-primary-color: #60cdff;--edge-primary-hover: #4db8e8;--edge-primary-active: #3ba3d1;--edge-box-shadow: 0 2px 8px rgba(96, 205, 255, .15);--edge-box-shadow-lg: 0 4px 16px rgba(96, 205, 255, .2);--edge-box-shadow-xl: 0 8px 24px rgba(96, 205, 255, .25)}.edge-card{background:#2d2d2d;border-color:#60cdff33}.edge-input{background:#2d2d2d;border-color:#60cdff4d;color:#fff}.edge-input::placeholder{color:#60cdff80}}@media print{.edge-button{background:#fff!important;color:#000!important;border:1px solid black!important;box-shadow:none!important}.edge-card{box-shadow:none!important;border:1px solid black!important}}:root{--firefox-primary-color: #ff7139;--firefox-primary-hover: #e55a2b;--firefox-primary-active: #cc4a1f;--firefox-primary-gradient: linear-gradient(135deg, #ff7139 0%, #6f42c1 100%);--firefox-secondary-gradient: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);--firefox-box-shadow: 0 2px 8px rgba(255, 113, 57, .15);--firefox-box-shadow-lg: 0 4px 16px rgba(255, 113, 57, .2);--firefox-box-shadow-xl: 0 8px 24px rgba(255, 113, 57, .25);--firefox-border-radius: 6px;--firefox-border-radius-lg: 10px;--firefox-border-radius-xl: 14px;--firefox-transition: all .25s cubic-bezier(.25, .46, .45, .94);--firefox-transition-slow: all .5s cubic-bezier(.25, .46, .45, .94)}*{-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-smooth:always}.firefox-button{background:var(--firefox-primary-gradient);border:none;border-radius:var(--firefox-border-radius);color:#fff;padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;transition:var(--firefox-transition);box-shadow:var(--firefox-box-shadow);cursor:pointer}.firefox-button:hover{background:var(--firefox-primary-hover);transform:translateY(-1px);box-shadow:var(--firefox-box-shadow-lg)}.firefox-button:active{background:var(--firefox-primary-active);transform:translateY(0);box-shadow:var(--firefox-box-shadow)}.firefox-button:focus{outline:2px solid var(--firefox-primary-color);outline-offset:2px}.firefox-card{background:#fff;border-radius:var(--firefox-border-radius-lg);box-shadow:var(--firefox-box-shadow);border:1px solid rgba(255,113,57,.1);transition:var(--firefox-transition)}.firefox-card:hover{box-shadow:var(--firefox-box-shadow-lg);transform:translateY(-2px)}.firefox-input{border:1px solid rgba(255,113,57,.2);border-radius:var(--firefox-border-radius);padding:.75rem 1rem;font-size:.875rem;transition:var(--firefox-transition);background:#fff}.firefox-input:focus{border-color:var(--firefox-primary-color);box-shadow:0 0 0 3px #ff71391a;outline:none}.firefox-input::placeholder{color:#ff713980}*{scrollbar-width:thin;scrollbar-color:var(--firefox-primary-color) rgba(255,113,57,.1)}@keyframes firefoxFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes firefoxSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes firefoxPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.firefox-fade-in{animation:firefoxFadeIn .4s ease-out}.firefox-slide-in{animation:firefoxSlideIn .4s ease-out}.firefox-pulse{animation:firefoxPulse 2s infinite}.firefox-form .firefox-input:invalid{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.firefox-form .firefox-input:valid{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}@media (max-width: 768px){.firefox-button{padding:.625rem 1.25rem;font-size:.8125rem}.firefox-input{padding:.625rem .875rem;font-size:.8125rem}}@media (prefers-color-scheme: dark){:root{--firefox-primary-color: #ff9a6b;--firefox-primary-hover: #ff8a5b;--firefox-primary-active: #ff7a4b;--firefox-box-shadow: 0 2px 8px rgba(255, 154, 107, .15);--firefox-box-shadow-lg: 0 4px 16px rgba(255, 154, 107, .2);--firefox-box-shadow-xl: 0 8px 24px rgba(255, 154, 107, .25)}.firefox-card{background:#2d2d2d;border-color:#ff9a6b33}.firefox-input{background:#2d2d2d;border-color:#ff9a6b4d;color:#fff}.firefox-input::placeholder{color:#ff9a6b80}*{scrollbar-color:var(--firefox-primary-color) rgba(255,154,107,.1)}}@media print{.firefox-button{background:#fff!important;color:#000!important;border:1px solid black!important;box-shadow:none!important}.firefox-card{box-shadow:none!important;border:1px solid black!important}*{scrollbar-width:none}}.firefox-button:focus-visible{outline:3px solid var(--firefox-primary-color);outline-offset:2px}.firefox-input:focus-visible{outline:3px solid var(--firefox-primary-color);outline-offset:2px}.firefox-card,.firefox-button,.firefox-input{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden}:root{--chrome-primary-color: #4285f4;--chrome-primary-hover: #3367d6;--chrome-primary-active: #2c5aa0;--chrome-primary-gradient: linear-gradient(135deg, #4285f4 0%, #6f42c1 100%);--chrome-secondary-gradient: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);--chrome-box-shadow: 0 2px 8px rgba(66, 133, 244, .15);--chrome-box-shadow-lg: 0 4px 16px rgba(66, 133, 244, .2);--chrome-box-shadow-xl: 0 8px 24px rgba(66, 133, 244, .25);--chrome-border-radius: 8px;--chrome-border-radius-lg: 12px;--chrome-border-radius-xl: 16px;--chrome-transition: all .2s cubic-bezier(.4, 0, .2, 1);--chrome-transition-slow: all .4s cubic-bezier(.4, 0, .2, 1)}*{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-smooth:always}.chrome-button{background:var(--chrome-primary-gradient);border:none;border-radius:var(--chrome-border-radius);color:#fff;padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;transition:var(--chrome-transition);box-shadow:var(--chrome-box-shadow);cursor:pointer;position:relative;overflow:hidden}.chrome-button:hover{background:var(--chrome-primary-hover);transform:translateY(-1px);box-shadow:var(--chrome-box-shadow-lg)}.chrome-button:active{background:var(--chrome-primary-active);transform:translateY(0);box-shadow:var(--chrome-box-shadow)}.chrome-button:focus{outline:2px solid var(--chrome-primary-color);outline-offset:2px}.chrome-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.chrome-button:active:before{width:300px;height:300px}.chrome-card{background:#fff;border-radius:var(--chrome-border-radius-lg);box-shadow:var(--chrome-box-shadow);border:1px solid rgba(66,133,244,.1);transition:var(--chrome-transition);position:relative;overflow:hidden}.chrome-card:hover{box-shadow:var(--chrome-box-shadow-lg);transform:translateY(-2px)}.chrome-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(66,133,244,.3),transparent)}.chrome-input{border:1px solid rgba(66,133,244,.2);border-radius:var(--chrome-border-radius);padding:.75rem 1rem;font-size:.875rem;transition:var(--chrome-transition);background:#fff;position:relative}.chrome-input:focus{border-color:var(--chrome-primary-color);box-shadow:0 0 0 3px #4285f41a;outline:none}.chrome-input::placeholder{color:#4285f480}.chrome-input:focus+.chrome-label,.chrome-input:not(:placeholder-shown)+.chrome-label{transform:translateY(-1.5rem) scale(.85);color:var(--chrome-primary-color)}::-webkit-scrollbar-track{background:#4285f41a;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--chrome-primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--chrome-primary-hover)}::-webkit-scrollbar-corner{background:#4285f41a}@keyframes chromeFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes chromeSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes chromeBounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes chromeShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.chrome-fade-in{animation:chromeFadeIn .3s ease-out}.chrome-slide-in{animation:chromeSlideIn .3s ease-out}.chrome-bounce{animation:chromeBounce 1s ease-in-out}.chrome-shake{animation:chromeShake .5s ease-in-out}.chrome-form .chrome-input:invalid{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a;animation:chromeShake .5s ease-in-out}.chrome-form .chrome-input:valid{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}@media (max-width: 768px){.chrome-button{padding:.625rem 1.25rem;font-size:.8125rem}.chrome-input{padding:.625rem .875rem;font-size:.8125rem}}@media (prefers-color-scheme: dark){:root{--chrome-primary-color: #8ab4f8;--chrome-primary-hover: #7ba3f7;--chrome-primary-active: #6c92f6;--chrome-box-shadow: 0 2px 8px rgba(138, 180, 248, .15);--chrome-box-shadow-lg: 0 4px 16px rgba(138, 180, 248, .2);--chrome-box-shadow-xl: 0 8px 24px rgba(138, 180, 248, .25)}.chrome-card{background:#2d2d2d;border-color:#8ab4f833}.chrome-card:before{background:linear-gradient(90deg,transparent,rgba(138,180,248,.3),transparent)}.chrome-input{background:#2d2d2d;border-color:#8ab4f84d;color:#fff}.chrome-input::placeholder{color:#8ab4f880}}@media print{.chrome-button{background:#fff!important;color:#000!important;border:1px solid black!important;box-shadow:none!important}.chrome-button:before{display:none}.chrome-card{box-shadow:none!important;border:1px solid black!important}.chrome-card:before{display:none}}.chrome-button:focus-visible{outline:3px solid var(--chrome-primary-color);outline-offset:2px}.chrome-input:focus-visible{outline:3px solid var(--chrome-primary-color);outline-offset:2px}.chrome-card,.chrome-button,.chrome-input{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.chrome-button,.chrome-card{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-perspective:1000;perspective:1000}:root{--safari-primary-color: #007aff;--safari-primary-hover: #0056cc;--safari-primary-active: #004499;--safari-primary-gradient: linear-gradient(135deg, #007aff 0%, #6f42c1 100%);--safari-secondary-gradient: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);--safari-box-shadow: 0 2px 8px rgba(0, 122, 255, .15);--safari-box-shadow-lg: 0 4px 16px rgba(0, 122, 255, .2);--safari-box-shadow-xl: 0 8px 24px rgba(0, 122, 255, .25);--safari-border-radius: 10px;--safari-border-radius-lg: 14px;--safari-border-radius-xl: 18px;--safari-transition: all .3s cubic-bezier(.25, .1, .25, 1);--safari-transition-slow: all .5s cubic-bezier(.25, .1, .25, 1)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-smooth:always}.safari-button{background:var(--safari-primary-gradient);border:none;border-radius:var(--safari-border-radius);color:#fff;padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;transition:var(--safari-transition);box-shadow:var(--safari-box-shadow);cursor:pointer;position:relative;overflow:hidden;-webkit-appearance:none;appearance:none}.safari-button:hover{background:var(--safari-primary-hover);transform:translateY(-1px);box-shadow:var(--safari-box-shadow-lg)}.safari-button:active{background:var(--safari-primary-active);transform:translateY(0);box-shadow:var(--safari-box-shadow)}.safari-button:focus{outline:2px solid var(--safari-primary-color);outline-offset:2px}.safari-button:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent);border-radius:var(--safari-border-radius) var(--safari-border-radius) 0 0}.safari-card{background:#fff;border-radius:var(--safari-border-radius-lg);box-shadow:var(--safari-box-shadow);border:1px solid rgba(0,122,255,.1);transition:var(--safari-transition);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.safari-card:hover{box-shadow:var(--safari-box-shadow-lg);transform:translateY(-2px)}.safari-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,122,255,.3),transparent)}.safari-input{border:1px solid rgba(0,122,255,.2);border-radius:var(--safari-border-radius);padding:.75rem 1rem;font-size:.875rem;transition:var(--safari-transition);background:#fff;position:relative;-webkit-appearance:none;appearance:none}.safari-input:focus{border-color:var(--safari-primary-color);box-shadow:0 0 0 3px #007aff1a;outline:none}.safari-input::placeholder{color:#007aff80}.safari-input:focus+.safari-label,.safari-input:not(:placeholder-shown)+.safari-label{transform:translateY(-1.5rem) scale(.85);color:var(--safari-primary-color)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#007aff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--safari-primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--safari-primary-hover)}::-webkit-scrollbar-corner{background:#007aff1a}@keyframes safariFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes safariSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes safariBounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes safariShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes safariPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.safari-fade-in{animation:safariFadeIn .4s ease-out}.safari-slide-in{animation:safariSlideIn .4s ease-out}.safari-bounce{animation:safariBounce 1s ease-in-out}.safari-shake{animation:safariShake .5s ease-in-out}.safari-pulse{animation:safariPulse 2s infinite}.safari-form .safari-input:invalid{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a;animation:safariShake .5s ease-in-out}.safari-form .safari-input:valid{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}@media (max-width: 768px){.safari-button{padding:.625rem 1.25rem;font-size:.8125rem}.safari-input{padding:.625rem .875rem;font-size:.8125rem}}@media (prefers-color-scheme: dark){:root{--safari-primary-color: #5ac8fa;--safari-primary-hover: #4ab8ea;--safari-primary-active: #3aa8da;--safari-box-shadow: 0 2px 8px rgba(90, 200, 250, .15);--safari-box-shadow-lg: 0 4px 16px rgba(90, 200, 250, .2);--safari-box-shadow-xl: 0 8px 24px rgba(90, 200, 250, .25)}.safari-card{background:#2d2d2d;border-color:#5ac8fa33}.safari-card:before{background:linear-gradient(90deg,transparent,rgba(90,200,250,.3),transparent)}.safari-input{background:#2d2d2d;border-color:#5ac8fa4d;color:#fff}.safari-input::placeholder{color:#5ac8fa80}}@media print{.safari-button{background:#fff!important;color:#000!important;border:1px solid black!important;box-shadow:none!important}.safari-button:before{display:none}.safari-card{box-shadow:none!important;border:1px solid black!important}.safari-card:before{display:none}}.safari-button:focus-visible{outline:3px solid var(--safari-primary-color);outline-offset:2px}.safari-input:focus-visible{outline:3px solid var(--safari-primary-color);outline-offset:2px}.safari-card,.safari-button,.safari-input{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.safari-button,.safari-card{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-perspective:1000;perspective:1000}@media (hover: none) and (pointer: coarse){.safari-button{min-height:44px;min-width:44px}.safari-input{min-height:44px}}@supports (-webkit-touch-callout: none){.safari-button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.safari-input{-webkit-touch-callout:default;-webkit-user-select:text;user-select:text}}@-moz-document url-prefix(){}.browser-utils .fade-in{animation:fadeIn .3s ease-out}.browser-utils .slide-in{animation:slideIn .3s ease-out}.browser-utils .bounce{animation:bounce 1s ease-in-out}.browser-utils .shake{animation:shake .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.performance-optimized{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0)}.accessibility-enhanced:focus{outline:2px solid #007bff;outline-offset:2px}.accessibility-enhanced:focus-visible{outline:3px solid #007bff;outline-offset:2px}@media (prefers-color-scheme: dark){.dark-mode{background:#2d2d2d;color:#f8f9fa}}@media print{.print-optimized{background:#fff!important;color:#000!important;box-shadow:none!important}}@media (max-width: 768px){.mobile-optimized{font-size:.875rem;padding:.5rem}}@media (hover: none) and (pointer: coarse){.touch-optimized{min-height:44px;min-width:44px}}:root{--app-primary: #007bff;--app-primary-hover: #0056b3;--app-primary-activated: #004085;--app-primary-light: rgba(0, 123, 255, .1);--app-primary-medium: rgba(0, 123, 255, .2);--app-primary-dark: rgba(0, 123, 255, .3);--app-secondary: #6f42c1;--app-secondary-hover: #5a32a3;--app-secondary-activated: #4c2a85;--app-secondary-light: rgba(111, 66, 193, .1);--app-secondary-medium: rgba(111, 66, 193, .2);--app-secondary-dark: rgba(111, 66, 193, .3);--app-success: #28a745;--app-success-hover: #1e7e34;--app-success-activated: #155724;--app-success-light: rgba(40, 167, 69, .1);--app-success-medium: rgba(40, 167, 69, .2);--app-success-dark: rgba(40, 167, 69, .3);--app-warning: #ffc107;--app-warning-hover: #e0a800;--app-warning-activated: #d39e00;--app-warning-light: rgba(255, 193, 7, .1);--app-warning-medium: rgba(255, 193, 7, .2);--app-warning-dark: rgba(255, 193, 7, .3);--app-danger: #dc3545;--app-danger-hover: #c82333;--app-danger-activated: #bd2130;--app-danger-light: rgba(220, 53, 69, .1);--app-danger-medium: rgba(220, 53, 69, .2);--app-danger-dark: rgba(220, 53, 69, .3);--app-info: #17a2b8;--app-info-hover: #117a8b;--app-info-activated: #0c5460;--app-info-light: rgba(23, 162, 184, .1);--app-info-medium: rgba(23, 162, 184, .2);--app-info-dark: rgba(23, 162, 184, .3);--app-background: #f8f9fa;--app-background-secondary: #e9ecef;--app-surface: #ffffff;--app-surface-hover: #f8f9fa;--app-surface-active: #e9ecef;--app-text-primary: #212529;--app-text-secondary: #6c757d;--app-text-muted: #adb5bd;--app-text-light: #dee2e6;--app-text-white: #ffffff;--app-text-dark: #343a40;--app-border: #dee2e6;--app-border-light: #f1f3f4;--app-border-medium: #ced4da;--app-border-dark: #adb5bd;--app-shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--app-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--app-shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--app-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--app-shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--app-shadow: var(--app-shadow-md);--app-shadow-hover: var(--app-shadow-lg);--app-radius-xs: 4px;--app-radius-sm: 8px;--app-radius-md: 12px;--app-radius-lg: 16px;--app-radius-xl: 20px;--app-radius-full: 9999px;--app-radius: var(--app-radius-md);--app-spacing-xs: .25rem;--app-spacing-sm: .5rem;--app-spacing-md: 1rem;--app-spacing-lg: 1.5rem;--app-spacing-xl: 2rem;--app-spacing-2xl: 3rem;--app-spacing: var(--app-spacing-md);--section-spacing: var(--app-spacing-lg);--app-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--app-font-size-xs: .75rem;--app-font-size-sm: .875rem;--app-font-size-md: 1rem;--app-font-size-lg: 1.125rem;--app-font-size-xl: 1.25rem;--app-font-size-2xl: 1.5rem;--app-font-size-3xl: 1.875rem;--app-font-size-4xl: 2.25rem;--app-transition-fast: all .15s ease;--app-transition-normal: all .3s ease;--app-transition-slow: all .5s ease;--app-transition: var(--app-transition-normal);--card-background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);--card-background: -webkit-linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);--card-background: -moz-linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);--card-background: -ms-linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);--card-background: -o-linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);--card-title-background: linear-gradient(135deg, #007bff 0%, #6f42c1 100%);--card-title-background: -webkit-linear-gradient(135deg, #007bff 0%, #6f42c1 100%);--card-title-background: -moz-linear-gradient(135deg, #007bff 0%, #6f42c1 100%);--card-title-background: -ms-linear-gradient(135deg, #007bff 0%, #6f42c1 100%);--card-title-background: -o-linear-gradient(135deg, #007bff 0%, #6f42c1 100%);--card-title-color: white;--card-padding: var(--app-spacing-md);--input-background: #ffffff;--input-border: var(--app-border);--input-focus-border: var(--app-primary);--input-focus-shadow: 0 0 0 3px var(--app-primary-light);--button-primary-bg: linear-gradient(135deg, #007bff 0%, #0056b3 100%);--button-primary-bg: -webkit-linear-gradient(135deg, #007bff 0%, #0056b3 100%);--button-primary-bg: -moz-linear-gradient(135deg, #007bff 0%, #0056b3 100%);--button-primary-bg: -ms-linear-gradient(135deg, #007bff 0%, #0056b3 100%);--button-primary-bg: -o-linear-gradient(135deg, #007bff 0%, #0056b3 100%);--button-primary-hover: linear-gradient(135deg, #0056b3 0%, #004085 100%);--button-primary-hover: -webkit-linear-gradient(135deg, #0056b3 0%, #004085 100%);--button-primary-hover: -moz-linear-gradient(135deg, #0056b3 0%, #004085 100%);--button-primary-hover: -ms-linear-gradient(135deg, #0056b3 0%, #004085 100%);--button-primary-hover: -o-linear-gradient(135deg, #0056b3 0%, #004085 100%);--button-primary-active: linear-gradient(135deg, #004085 0%, #002752 100%);--button-primary-active: -webkit-linear-gradient(135deg, #004085 0%, #002752 100%);--button-primary-active: -moz-linear-gradient(135deg, #004085 0%, #002752 100%);--button-primary-active: -ms-linear-gradient(135deg, #004085 0%, #002752 100%);--button-primary-active: -o-linear-gradient(135deg, #004085 0%, #002752 100%);--button-primary-color: white;--button-primary-shadow: 0 4px 12px rgba(0, 123, 255, .4);--button-primary-shadow: -webkit-box-shadow: 0 4px 12px rgba(0, 123, 255, .4);--button-primary-shadow: -moz-box-shadow: 0 4px 12px rgba(0, 123, 255, .4);--button-primary-shadow: -ms-box-shadow: 0 4px 12px rgba(0, 123, 255, .4);--button-primary-shadow: -o-box-shadow: 0 4px 12px rgba(0, 123, 255, .4)}:root{--app-background-alt: #1a1a1a;--app-surface-alt: #2d2d2d;--app-text-primary-alt: #ffffff;--app-text-secondary-alt: #e0e0e0;--app-text-muted-alt: #b0b0b0;--app-border-alt: #404040;--app-background-warm: #faf8f5;--app-surface-warm: #f5f2ed;--app-text-primary-warm: #2c1810;--app-text-secondary-warm: #5c4a3a;--app-text-muted-warm: #8b7355;--app-border-warm: #d4c4b0;--app-background-cool: #f0f4f8;--app-surface-cool: #e8f0f8;--app-text-primary-cool: #1a2332;--app-text-secondary-cool: #4a5c6b;--app-text-muted-cool: #6b7c8b;--app-border-cool: #c0d0e0}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-stroke:.01em transparent;text-rendering:optimizeLegibility;font-smooth:always}body{font-family:var(--app-font-family);font-weight:400;line-height:1.6;color:var(--app-text-primary);background:linear-gradient(135deg,#f8f9fa,#e9ecef);background:-webkit-linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);background:-moz-linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);background:-ms-linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);background:-o-linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);min-height:100vh;min-height:-webkit-fill-available;min-height:-moz-available;min-height:-ms-available;min-height:-o-available;margin:0;padding:0;width:100%;overflow-x:hidden}ion-header ion-toolbar{--background: #ffffff;--color: var(--app-text-primary);--border-color: rgba(0, 0, 0, .08);--border-width: 0 0 1px 0;--border-style: solid;--min-height: 56px;--padding-top: env(safe-area-inset-top);box-shadow:0 2px 8px #0000000d;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05);-moz-box-shadow:0 2px 8px rgba(0,0,0,.05)}ion-header ion-toolbar ion-title{font-weight:700;font-size:1.25rem;color:var(--app-text-primary);letter-spacing:-.3px;padding:0 1rem}ion-header ion-toolbar ion-buttons ion-button{--color: var(--app-primary);--padding-start: .5rem;--padding-end: .5rem}ion-header ion-toolbar ion-buttons ion-button ion-icon{font-size:1.5rem}ion-header ion-toolbar ion-buttons ion-menu-button{--color: var(--app-primary);--padding-start: .5rem;--padding-end: .5rem}ion-content{--background: transparent;width:100%;max-width:100vw;overflow-x:hidden}ion-app{width:100%;max-width:100vw;overflow-x:hidden}ion-card{border-radius:var(--app-radius);box-shadow:var(--app-shadow);border:1px solid rgba(0,0,0,.05);transition:all var(--app-transition)}ion-card:hover{box-shadow:var(--app-shadow-hover);transform:translateY(-2px)}ion-button{border-radius:var(--app-radius);font-weight:600;text-transform:none;transition:all var(--app-transition)}ion-button:hover{transform:translateY(-1px)}.app-container{max-width:1200px;margin:0 auto;padding:var(--app-spacing)}.app-button{background:linear-gradient(135deg,var(--app-primary) 0%,var(--app-secondary) 100%);color:#fff;border:none;border-radius:var(--app-radius);padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all var(--app-transition);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.app-button:hover{transform:translateY(-1px);box-shadow:var(--app-shadow)}ion-menu:not(.menu-enabled){display:none}ion-router-outlet[aria-hidden=true]{pointer-events:none}ion-router-outlet:not([aria-hidden]){pointer-events:auto}ion-menu[menu-enabled]+ion-router-outlet{pointer-events:auto}ion-item.button:focus{outline:2px solid var(--app-primary);outline-offset:2px}ion-button:focus,ion-item:focus,ion-menu-toggle:focus{outline:2px solid var(--app-primary);outline-offset:2px}ion-menu-toggle ion-item:focus{outline:2px solid var(--app-primary);outline-offset:2px}ion-toast.toast-success{--background: linear-gradient(135deg, var(--app-success) 0%, var(--app-success-hover) 100%) !important;--color: white !important;--border-radius: 12px !important;--box-shadow: 0 4px 20px rgba(40, 167, 69, .3) !important;--min-height: 60px !important;--border: 2px solid var(--app-success-light) !important}ion-toast.toast-success .toast-wrapper{border-radius:12px!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 8px 32px #28a74566!important;animation:slideInUp .3s ease-out!important}ion-toast.toast-success .toast-message{font-weight:500!important;font-size:.95rem!important;display:flex!important;align-items:center!important;gap:8px!important;padding:4px 0!important}ion-toast.toast-success .toast-icon,ion-toast.toast-success .toast-icon-start{font-size:1.2rem!important;margin-right:8px!important;color:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))!important}ion-toast.toast-success ion-button{--color: white !important;--background: rgba(255, 255, 255, .2) !important;--border-radius: 8px !important;margin-left:8px!important}ion-toast.toast-success ion-button:hover{--background: rgba(255, 255, 255, .3) !important}ion-toast.toast-error{--background: linear-gradient(135deg, var(--app-danger) 0%, var(--app-danger-hover) 100%) !important;--color: white !important;--border-radius: 12px !important;--box-shadow: 0 4px 20px rgba(220, 53, 69, .3) !important;--min-height: 60px !important;--border: 2px solid var(--app-danger-light) !important}ion-toast.toast-error .toast-wrapper{border-radius:12px!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 8px 32px #dc354566!important;animation:slideInUp .3s ease-out!important}ion-toast.toast-error .toast-message{font-weight:500!important;font-size:.95rem!important;display:flex!important;align-items:center!important;gap:8px!important;padding:4px 0!important}ion-toast.toast-error .toast-icon,ion-toast.toast-error .toast-icon-start{font-size:1.2rem!important;margin-right:8px!important;color:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))!important}ion-toast.toast-error ion-button{--color: white !important;--background: rgba(255, 255, 255, .2) !important;--border-radius: 8px !important;margin-left:8px!important}ion-toast.toast-error ion-button:hover{--background: rgba(255, 255, 255, .3) !important}ion-toast.toast-warning{--background: linear-gradient(135deg, var(--app-warning) 0%, var(--app-warning-hover) 100%) !important;--color: var(--app-text-dark) !important;--border-radius: 12px !important;--box-shadow: 0 4px 20px rgba(255, 193, 7, .3) !important;--min-height: 60px !important;--border: 2px solid var(--app-warning-light) !important}ion-toast.toast-warning .toast-wrapper{border-radius:12px!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 8px 32px #ffc10766!important;animation:slideInUp .3s ease-out!important}ion-toast.toast-warning .toast-message{font-weight:500!important;font-size:.95rem!important;display:flex!important;align-items:center!important;gap:8px!important;padding:4px 0!important;color:var(--app-text-dark)!important}ion-toast.toast-warning .toast-icon,ion-toast.toast-warning .toast-icon-start{font-size:1.2rem!important;margin-right:8px!important;color:var(--app-text-dark)!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))!important}ion-toast.toast-warning ion-button{--color: var(--app-text-dark) !important;--background: rgba(0, 0, 0, .1) !important;--border-radius: 8px !important;margin-left:8px!important}ion-toast.toast-warning ion-button:hover{--background: rgba(0, 0, 0, .2) !important}ion-toast.toast-info{--background: linear-gradient(135deg, var(--app-primary) 0%, var(--app-primary-hover) 100%) !important;--color: white !important;--border-radius: 12px !important;--box-shadow: 0 4px 20px rgba(0, 123, 255, .3) !important;--min-height: 60px !important;--border: 2px solid var(--app-primary-light) !important}ion-toast.toast-info .toast-wrapper{border-radius:12px!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 8px 32px #007bff66!important;animation:slideInUp .3s ease-out!important}ion-toast.toast-info .toast-message{font-weight:500!important;font-size:.95rem!important;display:flex!important;align-items:center!important;gap:8px!important;padding:4px 0!important}ion-toast.toast-info .toast-icon,ion-toast.toast-info .toast-icon-start{font-size:1.2rem!important;margin-right:8px!important;color:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))!important}ion-toast.toast-info ion-button{--color: white !important;--background: rgba(255, 255, 255, .2) !important;--border-radius: 8px !important;margin-left:8px!important}ion-toast.toast-info ion-button:hover{--background: rgba(255, 255, 255, .3) !important}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}ion-toast{--width: auto !important;--max-width: 90vw !important;--min-width: 300px !important;margin-bottom:20px!important}@media (max-width: 768px){ion-toast{--min-width: 280px !important;--max-width: 95vw !important;margin-bottom:calc(16px + env(safe-area-inset-bottom))!important}}ion-toast[color=success]{--background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%) !important;--color: white !important;--border-radius: 12px !important}ion-toast[color=danger]{--background: linear-gradient(135deg, #dc3545 0%, #c82333 100%) !important;--color: white !important;--border-radius: 12px !important}ion-toast[color=warning]{--background: linear-gradient(135deg, #ffc107 0%, #e0a800 100%) !important;--color: #343a40 !important;--border-radius: 12px !important}ion-toast[color=primary]{--background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;--color: white !important;--border-radius: 12px !important}.high-contrast-mode ion-toast.toast-success{--background: linear-gradient(135deg, #1a4d1a 0%, #0d2d0d 100%) !important;--border: 2px solid #2d5a2d !important;--color: #ffffff !important}.high-contrast-mode ion-toast.toast-success .toast-wrapper{box-shadow:0 8px 32px #1a4d1acc!important}.high-contrast-mode ion-toast.toast-error{--background: linear-gradient(135deg, #4d1a1a 0%, #2d0d0d 100%) !important;--border: 2px solid #5a2d2d !important;--color: #ffffff !important}.high-contrast-mode ion-toast.toast-error .toast-wrapper{box-shadow:0 8px 32px #4d1a1acc!important}.high-contrast-mode ion-toast.toast-warning{--background: linear-gradient(135deg, #4d3d1a 0%, #2d2a0d 100%) !important;--border: 2px solid #5a4d2d !important;--color: #ffffff !important}.high-contrast-mode ion-toast.toast-warning .toast-wrapper{box-shadow:0 8px 32px #4d3d1acc!important}.high-contrast-mode ion-toast.toast-info{--background: linear-gradient(135deg, #1a3d4d 0%, #0d2a2d 100%) !important;--border: 2px solid #2d4d5a !important;--color: #ffffff !important}.high-contrast-mode ion-toast.toast-info .toast-wrapper{box-shadow:0 8px 32px #1a3d4dcc!important}.warm-mode ion-toast.toast-success{--background: linear-gradient(135deg, #2d5a2d 0%, #1a3d1a 100%) !important;--border: 2px solid #4a7c4a !important;--color: #ffffff !important}.warm-mode ion-toast.toast-success .toast-wrapper{box-shadow:0 8px 32px #2d5a2d99!important}.warm-mode ion-toast.toast-error{--background: linear-gradient(135deg, #5a2d2d 0%, #3d1a1a 100%) !important;--border: 2px solid #7c4a4a !important;--color: #ffffff !important}.warm-mode ion-toast.toast-error .toast-wrapper{box-shadow:0 8px 32px #5a2d2d99!important}.warm-mode ion-toast.toast-warning{--background: linear-gradient(135deg, #5a4d2d 0%, #3d3a1a 100%) !important;--border: 2px solid #7c6a4a !important;--color: #ffffff !important}.warm-mode ion-toast.toast-warning .toast-wrapper{box-shadow:0 8px 32px #5a4d2d99!important}.warm-mode ion-toast.toast-info{--background: linear-gradient(135deg, #2d4d5a 0%, #1a3a3d 100%) !important;--border: 2px solid #4a6a7c !important;--color: #ffffff !important}.warm-mode ion-toast.toast-info .toast-wrapper{box-shadow:0 8px 32px #2d4d5a99!important}.cool-mode ion-toast.toast-success{--background: linear-gradient(135deg, #1a4d3d 0%, #0d2d1a 100%) !important;--border: 2px solid #2d5a4a !important;--color: #ffffff !important}.cool-mode ion-toast.toast-success .toast-wrapper{box-shadow:0 8px 32px #1a4d3d99!important}.cool-mode ion-toast.toast-error{--background: linear-gradient(135deg, #4d1a3d 0%, #2d0d1a 100%) !important;--border: 2px solid #5a2d4a !important;--color: #ffffff !important}.cool-mode ion-toast.toast-error .toast-wrapper{box-shadow:0 8px 32px #4d1a3d99!important}.cool-mode ion-toast.toast-warning{--background: linear-gradient(135deg, #4d3d1a 0%, #2d2a0d 100%) !important;--border: 2px solid #5a4d2d !important;--color: #ffffff !important}.cool-mode ion-toast.toast-warning .toast-wrapper{box-shadow:0 8px 32px #4d3d1a99!important}.cool-mode ion-toast.toast-info{--background: linear-gradient(135deg, #1a2d4d 0%, #0d1a2d 100%) !important;--border: 2px solid #2d4a5a !important;--color: #ffffff !important}.cool-mode ion-toast.toast-info .toast-wrapper{box-shadow:0 8px 32px #1a2d4d99!important}ion-modal.change-password-modal{--width: 90%;--max-width: 500px;--max-height: 90vh;--border-radius: 16px;--box-shadow: 0 10px 40px rgba(0, 0, 0, .15);--backdrop-opacity: .6}ion-modal.change-password-modal .modal-wrapper{border-radius:16px;overflow:hidden}ion-modal.change-password-modal ion-header ion-toolbar{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color: white}ion-modal.change-password-modal ion-header ion-toolbar ion-title{font-weight:600;color:#fff!important}ion-modal.change-password-modal ion-header ion-toolbar ion-button{--color: white;color:#fff!important}ion-modal.change-password-modal ion-header ion-toolbar ion-button ion-icon{color:#fff!important}ion-modal.change-password-modal ion-header ion-toolbar ion-button:hover{--background: rgba(255, 255, 255, .1)}@media (max-width: 768px){ion-modal.change-password-modal{--width: 95%;--max-height: 95vh}}ion-modal.receipt-preview-modal{--width: 90%;--max-width: 600px;--max-height: 95vh;--border-radius: 16px;--box-shadow: 0 10px 40px rgba(0, 0, 0, .15);--backdrop-opacity: .6}ion-modal.receipt-preview-modal .modal-wrapper{border-radius:16px;overflow:hidden}ion-modal.receipt-preview-modal ion-header ion-toolbar{--background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color: white}ion-modal.receipt-preview-modal ion-header ion-toolbar ion-title{font-weight:600;color:#fff!important}ion-modal.receipt-preview-modal ion-header ion-toolbar ion-button{--color: white;color:#fff!important}ion-modal.receipt-preview-modal ion-header ion-toolbar ion-button ion-icon{color:#fff!important}ion-modal.receipt-preview-modal ion-header ion-toolbar ion-button:hover{--background: rgba(255, 255, 255, .1)}@media (max-width: 768px){ion-modal.receipt-preview-modal{--width: 95%;--max-height: 90vh}}