.dropdown{position:relative;display:inline-block}.dropdown .dropdown-toggle{background-color:#eee;border:1px solid #ccc;border-radius:8px;padding:5px 8px;font-size:16px;cursor:pointer;display:flex;align-items:center;gap:8px}.dropdown .dropdown-toggle img{width:20px;height:15px;object-fit:cover}.dropdown .dropdown-content{display:none;position:absolute;background-color:#fff;min-width:240px;box-shadow:0 4px 12px #00000026;border-radius:10px;margin-top:10px;overflow:hidden;z-index:1100}.dropdown .dropdown-content[aria-expanded=true]{display:block}.dropdown .dropdown-option{padding:10px 16px;cursor:pointer;display:flex;align-items:center;gap:10px}.dropdown .dropdown-option:hover,.dropdown .dropdown-option[aria-selected=true],.dropdown .dropdown-option:focus{background-color:#f0f0f0}.dropdown .dropdown-option img{width:20px;height:15px;object-fit:cover}.dialog{max-width:50vw;margin:40px auto;padding:20px 25px;border-left:6px solid;border-radius:12px;box-shadow:0 12px 25px #00000003;font-family:Segoe UI,sans-serif;display:flex;gap:15px;align-items:flex-start}.dialog .icon{font-size:40px;line-height:1}.dialog .content h2{margin:0 0 8px}.dialog .content p{margin:0 0 15px;color:#333}.dialog .actions{display:flex;justify-content:flex-end;gap:10px}.dialog .actions button{padding:8px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease}.warning{background:#fff8f0;border-color:#ff9800}.warning h2{color:#ff9800}.warning .confirm{background:#ff9800;color:#fff}.warning .confirm:hover{background:#e68900}.warning .cancel{background:#eee;color:#555}.warning .cancel:hover{background:#ddd}.danger{background:#fff0f0;border-color:#f44336}.danger h2{color:#f44336}.danger .confirm{background:#f44336;color:#fff}.danger .confirm:hover{background:#d32f2f}.danger .cancel{background:#eee;color:#555}.danger .cancel:hover{background:#ddd}.info{background:#f0f8ff;border-color:#2196f3}.info h2{color:#2196f3}.info .confirm{background:#2196f3;color:#fff}.info .confirm:hover{background:#1976d2}
