.searchContainer{border:1px solid var(--color-amber-500);border-radius:var(--radius-xl);background-color:#fff;justify-content:space-between;align-items:center;width:100%;margin:0;display:flex;position:relative;overflow:hidden}.boxText{width:100%;margin:0;padding:0}.inputSearch{box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;padding:.7rem 1rem}.inputSearch::placeholder{color:var(--color-stone-400);letter-spacing:.5px;font-size:.85rem}.boxI{background-color:var(--color-amber-500);cursor:pointer;justify-content:center;align-items:center;min-height:100%;padding:.7rem 1rem;transition:background-color .3s;display:flex}.boxI:hover{background-color:var(--color-amber-600)}.boxI .iconSearch{color:var(--color-stone-500);cursor:pointer;transition:color .3s}.boxI .iconSearch:hover{color:var(--color-amber-50)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.625rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast-item{border-radius:var(--radius-xl);background:var(--color-white);border:1px solid var(--color-stone-200);pointer-events:all;opacity:0;align-items:center;gap:.75rem;min-width:280px;max-width:380px;padding:.75rem 1rem;transition:opacity .3s,transform .3s;display:flex;transform:translate(16px);box-shadow:0 4px 20px #0000001a}.toast-item--visible{opacity:1;transform:translate(0)}.toast-item--leaving{opacity:0;transform:translate(16px)}.toast-item--success .toast-icon{color:#16a34a}.toast-item--success{border-left:3px solid #16a34a}.toast-item--error .toast-icon{color:#dc2626}.toast-item--error{border-left:3px solid #dc2626}.toast-item--warning .toast-icon{color:var(--color-amber-600)}.toast-item--warning{border-left:3px solid var(--color-amber-600)}.toast-item--info .toast-icon{color:#2563eb}.toast-item--info{border-left:3px solid #2563eb}.toast-message{font-size:var(--text-sm);color:var(--color-stone-700);flex:1;margin:0;line-height:1.4}.toast-close{cursor:pointer;color:var(--color-stone-400);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;align-items:center;padding:.1rem;transition:color .2s;display:flex}.toast-close:hover{color:var(--color-stone-700)}@media (max-width:480px){.toast-container{bottom:1rem;left:1rem;right:1rem}.toast-item{min-width:unset;max-width:100%}}.notif-wrapper{position:relative}.notif-bell-btn{cursor:pointer;color:var(--color-stone-500);border-radius:var(--radius-lg);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex;position:relative}.notif-bell-btn:hover{color:var(--color-stone-800)}.notif-badge{color:#fff;background:#dc2626;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.6rem;font-weight:700;line-height:1;animation:2s infinite badge-pulse;display:flex;position:absolute;top:-4px;right:-4px}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.7}}.notif-dropdown{background:var(--color-white);border:1px solid var(--color-stone-200);border-radius:var(--radius-2xl);z-index:200;width:340px;position:absolute;top:calc(100% + 25px);right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}.notif-dropdown-header{border-bottom:1px solid var(--color-stone-100);font-size:var(--text-sm);color:var(--color-stone-800);justify-content:space-between;align-items:center;padding:.875rem 1rem;font-weight:600;display:flex}.notif-mark-all{cursor:pointer;font-size:var(--text-xs);color:var(--color-amber-700);background:0 0;border:none;align-items:center;gap:.25rem;font-family:inherit;transition:color .2s;display:flex}.notif-mark-all:hover{color:var(--color-amber-900)}.notif-list{max-height:380px;overflow-y:auto}.notif-list::-webkit-scrollbar{width:3px}.notif-list::-webkit-scrollbar-thumb{background:var(--color-stone-200);border-radius:2px}.notif-empty{color:var(--color-stone-400);font-size:var(--text-sm);flex-direction:column;align-items:center;gap:.5rem;padding:2.5rem 1rem;display:flex}.notif-item{border-bottom:1px solid var(--color-stone-50);align-items:flex-start;gap:.75rem;padding:.875rem 1rem;transition:background .15s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--color-stone-50)}.notif-item--unread{background:var(--color-amber-50);border-left:3px solid var(--color-amber-400)}.notif-item--unread:hover{background:#fef3c7}.notif-icon{flex-shrink:0;margin-top:.1rem;font-size:1.1rem}.notif-content{flex:1;min-width:0}.notif-message{font-size:var(--text-xs);color:var(--color-stone-700);margin:0;line-height:1.5}.notif-time{color:var(--color-stone-400);margin-top:.25rem;font-size:.65rem;display:block}.notif-actions{flex-shrink:0;gap:.25rem;display:flex}.notif-action-btn{cursor:pointer;color:var(--color-stone-300);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:.2rem;transition:color .2s,background .2s;display:flex}.notif-action-btn:hover{color:var(--color-stone-600);background:var(--color-stone-100)}.notif-action-btn--delete:hover{color:#dc2626;background:#fee2e2}@media (max-width:480px){.notif-dropdown{width:calc(100vw - 2rem);right:-1rem}}