.alerts-wrapper{background-color:#f8f9fa;flex-direction:column;min-height:100vh;display:flex}.alerts-main{flex:1;padding:0}.alerts-header{color:#fff;background:linear-gradient(135deg,#1a66cc 0%,#0052a3 100%);padding:20px 16px;box-shadow:0 2px 8px #0000001a}.alerts-header-content{align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:flex}.alerts-back-btn{color:#fff;cursor:pointer;background-color:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.alerts-back-btn:hover{background-color:#ffffff4d;transform:translate(-2px)}.alerts-back-btn svg{width:20px;height:20px}.alerts-title-section{flex:1}.alerts-page-title{color:#fff;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.alerts-page-subtitle{color:#ffffffd9;margin:4px 0 0;font-size:14px;font-weight:400}.alerts-container{justify-content:center;align-items:center;width:100%;max-width:1200px;min-height:500px;margin:0 auto;padding:24px 16px;display:flex}.alerts-empty-state{text-align:center;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;padding:60px 24px;display:flex;box-shadow:0 2px 12px #00000014}.alerts-empty-icon{background:linear-gradient(135deg,#f0f4ff 0%,#e8f1ff 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:28px;display:flex}.alerts-empty-icon svg{color:#1a66cc;stroke-width:1.2px;width:50px;height:50px}.alerts-empty-image-container{justify-content:center;align-items:center;width:100%;max-width:300px;margin-bottom:28px;display:flex}.alerts-empty-image{object-fit:contain;border-radius:12px;width:100%;max-width:280px;height:auto}.alerts-empty-title{color:#1a1a1a;letter-spacing:-.5px;margin:0 0 12px;font-size:26px;font-weight:700}.alerts-empty-description{color:#666;max-width:420px;margin:0;font-size:15px;line-height:1.6}.alerts-list{width:100%;max-width:700px}.alerts-list-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 8px;display:flex}.alerts-list-title{color:#1a1a1a;margin:0;font-size:18px;font-weight:700}.alerts-clear-btn{color:#fff;cursor:pointer;background-color:#f44;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s}.alerts-clear-btn:hover{background-color:#e63636;transform:translateY(-1px);box-shadow:0 4px 12px #ff444440}.alerts-items-wrapper{flex-direction:column;gap:12px;display:flex}.alert-item{background:#fff;border-left:4px solid #1a66cc;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000014}.alert-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.alert-left{flex:1;gap:14px;min-width:0;display:flex}.alert-icon{background:linear-gradient(135deg,#f0f4ff 0%,#e8f1ff 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.alert-icon svg{color:#1a66cc;width:24px;height:24px}.alert-content{flex:1;min-width:0}.alert-title{color:#1a1a1a;margin:0 0 6px;font-size:15px;font-weight:700}.alert-message{color:#666;word-break:break-word;margin:0 0 8px;font-size:14px;line-height:1.5}.alert-time{color:#999;margin:0;font-size:12px;font-weight:500}.alert-delete-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.alert-delete-btn:hover{color:#f44;background-color:#fff3f3}.alert-delete-btn svg{width:18px;height:18px}@media (max-width:768px){.alerts-header{padding:16px 12px}.alerts-header-content{gap:12px}.alerts-page-title{font-size:24px}.alerts-page-subtitle{font-size:13px}.alerts-back-btn{width:32px;height:32px}.alerts-back-btn svg{width:18px;height:18px}.alerts-container{min-height:400px;padding:16px 12px}.alerts-empty-state{padding:48px 20px}.alerts-empty-icon{width:90px;height:90px;margin-bottom:24px}.alerts-empty-icon svg{width:45px;height:45px}.alerts-empty-image-container{max-width:260px;margin-bottom:24px}.alerts-empty-image{max-width:240px}.alerts-empty-title{font-size:22px}.alerts-empty-description{font-size:14px}.alert-item{gap:12px;padding:14px}.alert-icon{width:44px;height:44px}.alert-icon svg{width:22px;height:22px}.alert-title{font-size:14px}.alert-message{font-size:13px}.alert-time{font-size:11px}.alert-delete-btn{width:28px;height:28px}.alert-delete-btn svg{width:16px;height:16px}.alerts-list-header{margin-bottom:16px}.alerts-list-title{font-size:16px}.alerts-clear-btn{padding:6px 12px;font-size:12px}}@media (max-width:480px){.alerts-header{padding:12px 10px}.alerts-page-title{font-size:20px}.alerts-page-subtitle{font-size:12px}.alerts-container{padding:12px 10px}.alerts-empty-state{max-width:100%;padding:40px 16px}.alerts-empty-icon{width:80px;height:80px;margin-bottom:20px}.alerts-empty-icon svg{width:40px;height:40px}.alerts-empty-image-container{max-width:220px;margin-bottom:20px}.alerts-empty-image{max-width:200px}.alerts-empty-title{font-size:20px}.alerts-empty-description{font-size:13px}.alert-item{gap:10px;padding:12px}.alert-icon{width:40px;height:40px}.alert-icon svg{width:20px;height:20px}.alert-left{gap:12px}.alert-title{font-size:13px}.alert-message{font-size:12px}.alert-time{font-size:10px}.alert-delete-btn{width:28px;height:28px}.alert-delete-btn svg{width:16px;height:16px}.alerts-list-title{font-size:14px}.alerts-clear-btn{padding:6px 10px;font-size:11px}}