.dialog-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:20px}.dark-mode .dialog-backdrop{background:rgba(0,0,0,.8)}.dialog-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:100%;max-width:450px;animation:slideUp .3s ease}.dark-mode .dialog-container{background:#2d2d2d;box-shadow:0 20px 60px rgba(0,0,0,.8)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e0e0e0}.dark-mode .dialog-header{border-bottom-color:#4a4a4a}.dialog-header h2{margin:0;font-size:24px;color:#333}.dark-mode .dialog-header h2{color:#e0e0e0}.dialog-body{padding:24px}.dialog-body p{margin:0;font-size:16px;line-height:1.5;color:#666}.dark-mode .dialog-body p{color:#b0b0b0}.dialog-input{width:100%;padding:14px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:8px;outline:none;transition:all .2s ease;font-family:inherit}.dark-mode .dialog-input{background:#3a3a3a;border-color:#4a4a4a;color:#e0e0e0}.dialog-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px rgba(33,150,243,.1)}.dialog-input::placeholder{color:#999}.dark-mode .dialog-input::placeholder{color:#666}.dialog-footer{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end}.btn-cancel{background:#f5f5f5;color:#666;padding:12px 24px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dark-mode .btn-cancel{background:#3a3a3a;color:#b0b0b0}.btn-cancel:hover{background:#e0e0e0}.dark-mode .btn-cancel:hover{background:#4a4a4a}.btn-cancel:active{transform:scale(.98)}@media (max-width:600px){.dialog-container{max-width:100%;margin:0 20px}.dialog-footer{flex-direction:column-reverse}.btn,.btn-cancel,.btn-danger,.btn-primary{width:100%}}.btn{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:16px;border:2px solid #2196f3;background:#fff;color:#2196f3;border-radius:8px;cursor:pointer;font-weight:500;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .2s ease}.btn:hover{background:#e3f2fd}.btn:active{transform:scale(.98)}.dark-mode .btn{background:#2d2d2d;border-color:#64b5f6;color:#64b5f6}.dark-mode .btn:hover{background:#1e3a5f}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;background:#2196f3;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-primary:hover{background:#1976d2;transform:translateY(-2px);box-shadow:0 4px 12px rgba(33,150,243,.4)}.btn-primary:active{transform:translateY(0)}.btn-danger{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;background:#f44336;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-danger:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 12px rgba(244,67,54,.4)}.btn-danger:active{transform:translateY(0)}@media (max-width:768px){.btn,.btn-danger,.btn-primary{flex:1 1;min-width:120px}}