.modal-overlay{z-index:1000;background:#101820b8;justify-content:center;align-items:flex-end;animation:.18s modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);width:100%;max-width:100%;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;animation:.28s cubic-bezier(.34,1.2,.64,1) sheet-slide-up;display:flex;overflow:hidden}@keyframes sheet-slide-up{0%{opacity:0}to{opacity:1}}.modal-panel:before{content:"";background:var(--color-border);border-radius:99px;flex-shrink:0;width:40px;height:4px;margin:.75rem auto 0;display:block}.modal-panel--lg,.modal-panel--sm{max-width:100%}@media (width>=768px){.modal-overlay{align-items:center;padding:1rem}.modal-panel{border-radius:var(--radius-xl);max-width:520px;padding-bottom:0;animation:.22s cubic-bezier(.34,1.56,.64,1) modal-slide-in}.modal-panel:before{display:none}.modal-panel--lg{max-width:640px}.modal-panel--sm{max-width:400px}}@keyframes modal-slide-in{0%{opacity:0}to{opacity:1}}.modal-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.modal-header-info{align-items:center;gap:.75rem;display:flex}.modal-header-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.modal-header-icon--create{background:var(--color-accent-muted);color:#8a9e10}.modal-header-icon--edit{background:var(--color-warning-bg);color:var(--color-warning)}.modal-header-icon--delete{background:var(--color-danger-bg);color:var(--color-danger)}.modal-header-icon--view{color:var(--color-mid);background:#eef2f8}.modal-title{color:var(--color-text-heading);letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:800}.modal-subtitle{color:var(--color-text-muted);margin:0;font-size:.8125rem;font-weight:400}.modal-close-btn{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close-btn:hover{background:var(--color-bg);color:var(--color-text-heading)}.modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:1.25rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;display:flex}@media (width<=767px){.modal-footer{flex-direction:column-reverse}.modal-footer .crud-btn{justify-content:center;width:100%;min-height:48px;font-size:1rem}}