.custom-notification{position:fixed;top:20px;right:20px;min-width:300px;max-width:500px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;z-index:10000;transform:translate(400px);opacity:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.custom-notification.show{transform:translate(0);opacity:1}body.dark-mode .custom-notification{background:#1e293b;border:1px solid rgba(6,182,212,.3)}.custom-notification-content{display:flex;align-items:center;gap:12px;padding:16px 20px}.custom-notification i{font-size:1.2rem;flex-shrink:0}.custom-notification-success{border-left:4px solid #10b981}.custom-notification-success i{color:#10b981}.custom-notification-error{border-left:4px solid #ef4444}.custom-notification-error i{color:#ef4444}.custom-notification-info{border-left:4px solid #06b6d4}.custom-notification-info i{color:#06b6d4}.custom-notification-warning{border-left:4px solid #f59e0b}.custom-notification-warning i{color:#f59e0b}.custom-notification span{flex:1;color:#1e293b;font-size:.9rem}body.dark-mode .custom-notification span{color:#ffffffe6}.custom-notification-close{background:none;border:none;font-size:1.5rem;color:#00000080;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.custom-notification-close:hover{background:#0000001a;color:#000c}body.dark-mode .custom-notification-close{color:#ffffff80}body.dark-mode .custom-notification-close:hover{background:#ffffff1a;color:#ffffffe6}.toast{border-radius:12px!important;box-shadow:0 10px 40px #0003!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .toast{background:#1e293bf2!important;border:1px solid rgba(6,182,212,.3)!important}.skip-links{position:absolute;top:-100px;left:0;z-index:100000}.skip-link{position:absolute;top:0;left:0;background:#06b6d4;color:#fff;padding:12px 20px;text-decoration:none;font-weight:600;border-radius:0 0 8px;transform:translateY(-100%);transition:transform .3s ease}.skip-link:focus{transform:translateY(0);z-index:100001}*:focus-visible{outline:3px solid #06b6d4;outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #06b6d4;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.keyboard-navigation *:focus{outline:3px solid #06b6d4;outline-offset:2px}.pwa-install-button{position:fixed;bottom:130px;left:20px;background:linear-gradient(135deg,#06b6d4,#14b8a6);color:#fff;border:none;padding:14px 24px;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer!important;box-shadow:0 8px 25px #06b6d466;z-index:99999!important;display:none;align-items:center;gap:8px;transition:all .3s ease;pointer-events:auto!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.pwa-install-button:hover{transform:translateY(-2px);box-shadow:0 12px 35px #06b6d480}.pwa-install-button:active{transform:translateY(0)}.pwa-update-notification{position:fixed;bottom:20px;left:20px;right:20px;max-width:500px;margin:0 auto;background:linear-gradient(135deg,#06b6d4,#14b8a6);color:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 10px 40px #06b6d466;z-index:10000;transform:translateY(150px);opacity:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.pwa-update-notification.show{transform:translateY(0);opacity:1}.pwa-update-content{display:flex;align-items:center;gap:12px}.pwa-update-content i{font-size:1.2rem;animation:spin 2s linear infinite}.pwa-update-content span{flex:1;font-weight:500}.pwa-update-btn{background:#fff;color:#06b6d4;border:none;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.pwa-update-btn:hover{background:#ffffffe6;transform:scale(1.05)}.offline-indicator{position:fixed;top:0;left:0;right:0;background:#f59e0b;color:#fff;text-align:center;padding:8px;font-size:.85rem;font-weight:500;z-index:10001;transform:translateY(-100%);transition:transform .3s ease}.offline-indicator.show{transform:translateY(0)}@media(max-width:768px){.custom-notification{right:10px;left:10px;min-width:auto;max-width:none}.pwa-install-button{bottom:10px;right:10px;padding:12px 20px;font-size:.85rem}.pwa-update-notification{left:10px;right:10px}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}button,a,input,select,textarea{transition:all .2s ease}button:hover,a:hover{transform:translateY(-1px)}button:active,a:active{transform:translateY(0)}