.q-notification{position:fixed;top:20px;right:20px;background:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:10000;max-width:400px;animation:slideInRight .3s ease-out}.q-notification-success{border-left:4px solid #10b981}.q-notification-error{border-left:4px solid #ef4444}.q-notification-info{border-left:4px solid #3b82f6}.q-notification-content{display:flex;align-items:center;gap:12px}.q-notification-content i{font-size:20px}.q-notification-success i{color:#10b981}.q-notification-error i{color:#ef4444}.q-notification-info i{color:#3b82f6}.q-notification-content span{flex:1;color:#333}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:768px){.q-notification{top:10px;right:10px;left:10px;max-width:none}}.q-foreground-notification-container{position:fixed;top:16px;right:16px;z-index:10001;width:min(420px, calc(100vw - 24px))}.q-foreground-notification-banner{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--pwa-theme-color);border-left:4px solid var(--pwa-theme-color);border-radius:10px;box-shadow:0 8px 24px rgba(6,43,68,.18);padding:12px;margin-bottom:10px;animation:slideInRight .25s ease-out}.q-foreground-notification-icon{width:36px;height:36px;border-radius:8px;object-fit:cover;flex:0 0 auto}.q-foreground-notification-content{flex:1;min-width:0}.q-foreground-notification-title{margin:0 0 4px;font-size:15px;line-height:1.3;color:#0f2f44}.q-foreground-notification-body{margin:0;font-size:13px;line-height:1.4;color:#355066}.q-foreground-notification-actions{display:flex;flex-direction:row;gap:6px;flex:0 0 auto;align-items:center}.q-foreground-btn{width:34px;height:34px;padding:0;border:none;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .12s ease,color .12s ease}.q-foreground-btn svg{width:16px;height:16px;pointer-events:none}.q-foreground-btn-view{background:var(--pwa-theme-color);color:#fff}.q-foreground-btn-dismiss{background:#edf2f7;color:#375368}.q-foreground-btn-dismiss:hover{background:#dbe6ef}.q-foreground-btn:focus-visible{outline:2px solid var(--pwa-theme-color);outline-offset:2px}@media (max-width:768px){.q-foreground-notification-container{top:10px;right:10px;left:10px;width:auto}.q-foreground-notification-banner{gap:10px}.q-foreground-notification-actions{flex-direction:row;align-self:flex-end}}