.modal-container{transform-origin:0 50%;transition:transform .4s;width:100%;height:100%;display:contents}.modal-overlay{position:fixed;top:0;left:0;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);justify-content:center;z-index:10000;padding:20px}.modal-overlay,.modal-wrapper{width:100%;display:flex;align-items:center}.modal-wrapper{max-width:540px}.modal-content,.modal-wrapper{position:relative;flex-direction:column;gap:16px}.modal-content{background:#fff;color:#333;font-size:14px;padding:28px;border-radius:16px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);text-align:left;display:flex;max-height:90vh;overflow-y:auto}.modal-content.dark-mode{background:#1a1a1a;color:#e5e5e5;border:1px solid rgba(255,255,255,.1)}.modal-content.dark-mode .form-group input,.modal-content.dark-mode .form-group textarea{background:#262626;border-color:rgba(255,255,255,.1);color:#e5e5e5}.modal-content.dark-mode .form-group input:focus,.modal-content.dark-mode .form-group textarea:focus{border-color:rgba(255,255,255,.3);background:#2d2d2d}.modal-content.dark-mode .close-btn{background-color:#333;color:#e5e5e5}.modal-content.dark-mode .close-btn:hover{background-color:#404040}.modal-content.dark-mode .character-count{color:#999}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.modal-title{gap:12px;font-size:24px;font-weight:700;margin:0;flex:1}.close-icon-btn,.modal-title{display:flex;align-items:center}.close-icon-btn{background:transparent;border:none;cursor:pointer;padding:4px;justify-content:center;border-radius:6px;transition:all .2s;color:#666;flex-shrink:0}.close-icon-btn:hover{background:rgba(0,0,0,.05);color:#333}.modal-content.dark-mode .close-icon-btn{color:#999}.modal-content.dark-mode .close-icon-btn:hover{background:rgba(255,255,255,.05);color:#e5e5e5}.modal-description{font-size:14px;line-height:1.6;color:#666;margin:0}.modal-content.dark-mode .modal-description{color:#999}.form-group{margin-bottom:20px;position:relative}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#333;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:400;font-family:system-ui,sans-serif;transition:all .2s ease;background:#fafafa}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#333;background:#fff;box-shadow:0 0 0 3px rgba(0,0,0,.05)}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group textarea{resize:vertical;min-height:120px}.input-error{border-color:#ef4444!important;background-color:#fef2f2!important}.modal-content.dark-mode .input-error{border-color:#dc2626!important;background-color:rgba(239,68,68,.1)!important}.input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)!important}.error-message{display:block;color:#ef4444;font-size:12px;margin-top:6px;font-weight:500}.textarea-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px;min-height:20px}.character-count{font-size:12px;color:#666;font-weight:500;margin-left:auto}.character-count.warning{color:#f59e0b;font-weight:600}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;margin-top:0;border-top:1px solid #f0f0f0}.modal-content.dark-mode .form-actions{border-top-color:rgba(255,255,255,.1)}.close-btn,.submit-btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:8px;justify-content:center}.close-btn{background-color:#f3f4f6;color:#374151}.close-btn:hover:not(:disabled){background-color:#e5e7eb}.submit-btn{background-color:#111827;color:white}.submit-btn:hover:not(:disabled){background-color:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.close-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.toast-notification{position:relative;color:white;padding:16px 20px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);font-size:14px;font-weight:500;width:100%;max-width:100%}.toast-content{display:flex;align-items:center;gap:12px}.toast-content svg{flex-shrink:0}.success-toast{background:linear-gradient(135deg,#10b981,#059669)}.info-toast{background:linear-gradient(135deg,#3b82f6,#2563eb)}.error-toast{background:linear-gradient(135deg,#ef4444,#dc2626)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.modal-content.dark-mode::-webkit-scrollbar-thumb{background:#404040}.modal-content.dark-mode::-webkit-scrollbar-thumb:hover{background:#525252}@media (max-width:600px){.modal-overlay{padding:16px}.modal-content{padding:20px;border-radius:12px;max-height:85vh}.modal-title{font-size:20px}.modal-description{font-size:13px}.form-actions{flex-direction:column-reverse;gap:8px}.close-btn,.submit-btn{width:100%}.textarea-footer{flex-direction:column;align-items:flex-start;gap:6px}.character-count{margin-left:0}}@media (max-width:400px){.modal-content{padding:16px}}