.app-confirm-backdrop{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s app-confirm-fade-in;display:flex;position:fixed;inset:0}@keyframes app-confirm-fade-in{0%{opacity:0}to{opacity:1}}.app-confirm-card{background:var(--app-bg-component);border:1px solid var(--app-border);width:100%;max-width:460px;box-shadow:0 24px 60px #00000052, 0 0 0 1px color-mix(in srgb, var(--app-primary) 8%, transparent);border-radius:18px;flex-direction:column;animation:.28s cubic-bezier(.34,1.56,.64,1) app-confirm-scale-in;display:flex;overflow:hidden}.app-confirm-card--danger{box-shadow:0 24px 60px #00000052, 0 0 0 1px color-mix(in srgb, var(--app-danger) 25%, transparent)}@keyframes app-confirm-scale-in{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.app-confirm-header{align-items:center;gap:14px;padding:20px 22px 14px;display:flex;position:relative}.app-confirm-icon{background:color-mix(in srgb, var(--app-primary) 12%, transparent);width:48px;min-width:48px;height:48px;color:var(--app-primary);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-confirm-icon--danger{background:color-mix(in srgb, var(--app-danger) 14%, transparent);color:var(--app-danger)}.app-confirm-title{color:var(--app-text);letter-spacing:-.01em;word-break:break-word;flex:1;min-width:0;margin:0;font-size:17px;font-weight:700;line-height:1.3}.app-confirm-close{width:32px;min-width:32px;height:32px;color:var(--app-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.app-confirm-close:hover{background:var(--app-hover-bg);color:var(--app-text)}.app-confirm-body{color:var(--app-text);padding:4px 22px 22px;font-size:14px;line-height:1.55}.app-confirm-body b{color:var(--app-primary);font-weight:700}.app-confirm-card--danger .app-confirm-body b{color:var(--app-danger)}.app-confirm-footer{border-top:1px solid var(--app-border);background:color-mix(in srgb, var(--app-bg) 50%, var(--app-bg-component));justify-content:flex-end;gap:10px;padding:14px 22px 18px;display:flex}.app-confirm-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-width:100px;height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.app-confirm-btn:active{transform:scale(.97)}.app-confirm-btn--secondary{background:var(--app-bg-component);color:var(--app-text);border-color:var(--app-border)}.app-confirm-btn--secondary:hover{background:var(--app-hover-bg);border-color:var(--app-text-secondary)}.app-confirm-btn--primary{background:var(--app-primary);color:#fff}.app-confirm-btn--primary:hover{background:color-mix(in srgb, var(--app-primary) 88%, #000)}.app-confirm-btn--danger{background:var(--app-danger)}.app-confirm-btn--danger:hover{background:color-mix(in srgb, var(--app-danger) 88%, #000)}.app-confirm-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--app-primary) 30%, transparent);outline:none}.app-confirm-btn--danger:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--app-danger) 30%, transparent)}@media (width<=480px){.app-confirm-card{border-radius:14px;max-width:100%}.app-confirm-header{gap:12px;padding:18px 16px 12px}.app-confirm-icon{width:42px;min-width:42px;height:42px}.app-confirm-title{font-size:15px}.app-confirm-body{padding:4px 16px 18px;font-size:13px}.app-confirm-footer{flex-direction:column-reverse;padding:12px 16px 14px}.app-confirm-btn{width:100%;min-width:0}}
