:root{--tp-notif-primary:#2563eb;--tp-notif-success:#10b981;--tp-notif-warning:#f59e0b;--tp-notif-error:#ef4444;--tp-notif-info:#3b82f6;--tp-notif-bg:#ffffff;--tp-notif-text:#1f2937;--tp-notif-border:#e5e7eb;--tp-notif-shadow:0 10px 25px rgba(0, 0, 0, 0.1);--tp-notif-duration:300ms;--tp-notif-easing:cubic-bezier(0.4, 0, 0.2, 1);}.dark-mode{--tp-notif-bg:#1e293b;--tp-notif-text:#f1f5f9;--tp-notif-border:#334155;--tp-notif-shadow:0 10px 25px rgba(0, 0, 0, 0.3);}.tp-notification-trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--tp-notif-text);cursor:pointer;transition:all var(--tp-notif-duration) var(--tp-notif-easing);}.tp-notification-trigger:hover{background:rgba(0, 0, 0, 0.05);transform:scale(1.05);}.dark-mode .tp-notification-trigger:hover{background:rgba(255, 255, 255, 0.1);}.tp-notification-trigger i{font-size:18px;}.tp-notification-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#ffffff;background:var(--tp-notif-error);border-radius:9px;border:2px solid var(--tp-notif-bg);animation:tp-notif-badge-pulse 2s ease-in-out infinite;}@keyframes tp-notif-badge-pulse{0%, 100%{transform:scale(1);}50%{transform:scale(1.1);}}.tp-notification-center{position:fixed;top:60px;right:-400px;width:380px;max-height:calc(100vh - 80px);background:var(--tp-notif-bg);border-radius:12px;box-shadow:var(--tp-notif-shadow);border:1px solid var(--tp-notif-border);z-index:99999;display:flex;flex-direction:column;opacity:0;transition:all var(--tp-notif-duration) var(--tp-notif-easing);}.tp-notification-center.tp-nc-active{right:20px;opacity:1;}.tp-nc-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--tp-notif-border);}.tp-nc-title{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;color:var(--tp-notif-text);}.tp-nc-title i{color:var(--tp-notif-primary);}.tp-nc-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:600;color:#ffffff;background:var(--tp-notif-primary);border-radius:11px;}.tp-nc-actions{display:flex;gap:4px;}.tp-nc-action-btn, .tp-nc-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:var(--tp-notif-text);cursor:pointer;transition:all 200ms ease;}.tp-nc-action-btn:hover, .tp-nc-close:hover{background:rgba(0, 0, 0, 0.05);}.dark-mode .tp-nc-action-btn:hover, .dark-mode .tp-nc-close:hover{background:rgba(255, 255, 255, 0.1);}.tp-nc-tabs{display:flex;gap:0;padding:12px 20px;border-bottom:1px solid var(--tp-notif-border);}.tp-nc-tab{flex:1;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--tp-notif-text);font-size:14px;font-weight:500;cursor:pointer;transition:all 200ms ease;display:flex;align-items:center;justify-content:center;gap:6px;}.tp-nc-tab:hover{background:rgba(0, 0, 0, 0.03);}.tp-nc-tab.active{background:var(--tp-notif-primary);color:#ffffff;}.tp-nc-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;border-radius:10px;background:rgba(255, 255, 255, 0.2);}.tp-nc-list{flex:1;overflow-y:auto;overflow-x:hidden;}.tp-nc-list::-webkit-scrollbar{width:6px;}.tp-nc-list::-webkit-scrollbar-track{background:transparent;}.tp-nc-list::-webkit-scrollbar-thumb{background:var(--tp-notif-border);border-radius:3px;}.tp-nc-list::-webkit-scrollbar-thumb:hover{background:#9ca3af;}.tp-nc-item{position:relative;display:flex;gap:12px;padding:16px 20px;border-bottom:1px solid var(--tp-notif-border);cursor:pointer;transition:all 200ms ease;}.tp-nc-item:hover{background:rgba(0, 0, 0, 0.02);}.dark-mode .tp-nc-item:hover{background:rgba(255, 255, 255, 0.03);}.tp-nc-item.unread{background:rgba(37, 99, 235, 0.05);}.tp-nc-item.unread::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tp-notif-primary);}.tp-nc-item-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;}.tp-nc-icon-success{background:rgba(16, 185, 129, 0.1);color:var(--tp-notif-success);}.tp-nc-icon-warning{background:rgba(245, 158, 11, 0.1);color:var(--tp-notif-warning);}.tp-nc-icon-error{background:rgba(239, 68, 68, 0.1);color:var(--tp-notif-error);}.tp-nc-icon-info{background:rgba(59, 130, 246, 0.1);color:var(--tp-notif-info);}.tp-nc-item-content{flex:1;min-width:0;}.tp-nc-item-title{font-size:14px;font-weight:600;color:var(--tp-notif-text);margin-bottom:4px;}.tp-nc-item-message{font-size:13px;color:#6b7280;margin-bottom:6px;line-height:1.4;word-wrap:break-word;}.dark-mode .tp-nc-item-message{color:#9ca3af;}.tp-nc-item-time{font-size:12px;color:#9ca3af;}.tp-nc-item-delete{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:transparent;color:#9ca3af;opacity:0;cursor:pointer;transition:all 200ms ease;}.tp-nc-item:hover .tp-nc-item-delete{opacity:1;}.tp-nc-item-delete:hover{background:rgba(239, 68, 68, 0.1);color:var(--tp-notif-error);}.tp-nc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af;}.tp-nc-empty i{font-size:48px;margin-bottom:12px;opacity:0.5;}.tp-nc-empty p{font-size:14px;margin:0;}.tp-toast-container{position:fixed;z-index:999999;pointer-events:none;display:flex;flex-direction:column;gap:12px;}.tp-toast-top-right{top:20px;right:20px;}.tp-toast-top-left{top:20px;left:20px;}.tp-toast-bottom-right{bottom:20px;right:20px;}.tp-toast-bottom-left{bottom:20px;left:20px;}.tp-toast{position:relative;min-width:300px;max-width:400px;display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--tp-notif-bg);border-radius:8px;box-shadow:0 10px 25px rgba(0, 0, 0, 0.15);border-left:4px solid;pointer-events:auto;opacity:0;transform:translateX(400px);transition:all var(--tp-notif-duration) var(--tp-notif-easing);overflow:hidden;}.tp-toast-top-left .tp-toast, .tp-toast-bottom-left .tp-toast{transform:translateX(-400px);}.tp-toast.tp-toast-show{opacity:1;transform:translateX(0);}.tp-toast.tp-toast-hiding{opacity:0;transform:translateX(400px);}.tp-toast-top-left .tp-toast.tp-toast-hiding, .tp-toast-bottom-left .tp-toast.tp-toast-hiding{transform:translateX(-400px);}.tp-toast-success{border-left-color:var(--tp-notif-success);}.tp-toast-warning{border-left-color:var(--tp-notif-warning);}.tp-toast-error{border-left-color:var(--tp-notif-error);}.tp-toast-info{border-left-color:var(--tp-notif-info);}.tp-toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:20px;}.tp-toast-success .tp-toast-icon{color:var(--tp-notif-success);}.tp-toast-warning .tp-toast-icon{color:var(--tp-notif-warning);}.tp-toast-error .tp-toast-icon{color:var(--tp-notif-error);}.tp-toast-info .tp-toast-icon{color:var(--tp-notif-info);}.tp-toast-content{flex:1;min-width:0;}.tp-toast-title{font-size:14px;font-weight:600;color:var(--tp-notif-text);margin-bottom:4px;}.tp-toast-message{font-size:13px;color:#6b7280;line-height:1.4;word-wrap:break-word;}.dark-mode .tp-toast-message{color:#9ca3af;}.tp-toast-close{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:transparent;color:#9ca3af;cursor:pointer;transition:all 200ms ease;}.tp-toast-close:hover{background:rgba(0, 0, 0, 0.1);color:var(--tp-notif-text);}.tp-toast-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:currentColor;opacity:0.3;transform-origin:left;}.tp-toast-success .tp-toast-progress{color:var(--tp-notif-success);}.tp-toast-warning .tp-toast-progress{color:var(--tp-notif-warning);}.tp-toast-error .tp-toast-progress{color:var(--tp-notif-error);}.tp-toast-info .tp-toast-progress{color:var(--tp-notif-info);}@keyframes tp-toast-progress{from{transform:scaleX(1);}to{transform:scaleX(0);}}@media (max-width:768px){.tp-notification-center{right:-100%;width:100%;max-width:none;height:100vh;max-height:none;top:0;border-radius:0;}.tp-notification-center.tp-nc-active{right:0;}.tp-toast-container{left:10px;right:10px;top:10px;}.tp-toast{min-width:0;width:100%;}}.tp-notification-trigger:focus, .tp-nc-action-btn:focus, .tp-nc-close:focus, .tp-nc-tab:focus, .tp-nc-item:focus, .tp-toast-close:focus{outline:2px solid var(--tp-notif-primary);outline-offset:2px;}@media (prefers-reduced-motion:reduce){.tp-notification-center, .tp-toast, .tp-nc-item, .tp-notification-trigger{transition:none;animation:none;}}@media print{.tp-notification-trigger, .tp-notification-center, .tp-toast-container{display:none !important;}}