.modal-overlay{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:200;padding:16px}.modal{background:#fff;border-radius:12px;width:100%;max-width:520px;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.modal-title{font-size:1.125rem;font-weight:700}.modal-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.5rem;color:#999;line-height:1}.modal-close-btn:hover{background:#f0f0f0}.modal-body{padding:24px}.modal-footer{padding:0 20px 20px;display:flex;gap:8px}.modal-btn{flex:1 1;padding:12px;border-radius:8px;font-size:1rem;font-weight:600;text-align:center}.modal-btn-primary{background:var(--primary);color:#fff}.modal-btn-primary:hover{background:var(--primary-dark)}.modal-btn-danger{background:var(--error);color:#fff}.modal-btn-danger:hover{background:#c62828}.modal-btn-secondary{background:#f0f0f0;color:var(--text-light)}.modal-btn-secondary:hover{background:#e0e0e0}.modal-field{margin-bottom:16px}.modal-field:last-child{margin-bottom:0}.modal-field label{display:block;font-size:1rem;font-weight:600;margin-bottom:6px}.modal-field input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-size:1rem}.modal-field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha-10)}.modal-confirm-text{text-align:center;font-size:1.0625rem;color:var(--text);padding:12px 0}.modal-logout .modal-header{padding:20px 20px 0}.modal-logout .modal-body{padding:20px}.modal-logout .modal-footer{padding:0 20px 20px}.modal-program{max-width:900px;max-height:85vh;display:flex;flex-direction:column}.modal-program .modal-body{overflow-y:auto;flex:1 1;min-height:0}.program-modal-columns{display:flex;flex-direction:column;gap:24px}.program-modal-left{flex:1 1;min-width:0}.program-modal-right{flex:1 1;min-width:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}.program-modal-right-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.program-modal-right-header label{font-size:1rem;font-weight:600;margin:0}.program-modal-right-header button{padding:4px 12px;font-size:.85rem;border-radius:6px;background:var(--primary);color:#fff;border:none;cursor:pointer}.program-modal-right-header button:hover{background:var(--primary-dark)}.slot-list{display:flex;flex-direction:column;gap:6px;flex:1 1;min-height:0;overflow-y:auto}.slot-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#f9fafb;border-radius:6px}.slot-row input[type=text]{flex:1 1 80px;min-width:60px;padding:7px 10px;font-size:.875rem}.slot-row input[type=text],.slot-row select{border:1px solid var(--border);border-radius:6px}.slot-row select{width:68px;padding:7px 4px;font-size:.8rem}.slot-row input[type=number]{width:56px;padding:7px 4px;border:1px solid var(--border);border-radius:6px;font-size:.875rem;text-align:center}.slot-row input:focus,.slot-row select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-alpha-10)}.slot-row-delete{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:var(--danger-bg,#fee2e2);color:var(--danger,#dc2626);border-radius:6px;cursor:pointer;font-size:1rem;flex-shrink:0;line-height:1}.slot-row-delete:hover{background:#fecaca}@media (min-width:768px){.modal-program .modal-body{overflow-y:visible;overflow:visible}.program-modal-columns{flex-direction:row;align-items:stretch}.program-modal-right{overflow:hidden}.slot-list{flex:1 1;min-height:0}}