*{box-sizing:border-box;margin:0;padding:0}:root{--teal: #00b8a0;--teal-dark: #008f7c;--teal-light: #e0f7f4;--teal-mid: #b2dfdb;--navy: #2d3748;--navy-light: #3d4452;--text: #2d3748;--text-muted: #718096;--bg-outer: #3d4452;--bg-card: #ffffff;--bg-col: #f7fffe;--border: #b2dfdb;--yellow: #f6c90e;--green: #38a169;--red: #e53e3e;--orange: #e8622c;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 14px rgba(0,184,160,.15)}body{font-family:Inter,Segoe UI,sans-serif;background:var(--bg-outer);color:var(--text);min-height:100vh}html,body,#root{max-width:100%;overflow-x:clip}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}::-webkit-scrollbar{width:13px;height:13px}::-webkit-scrollbar-track{background:#edf2f7}::-webkit-scrollbar-thumb{background:var(--teal-mid);border-radius:99px;border:3px solid #edf2f7}::-webkit-scrollbar-thumb:hover{background:var(--teal)}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{width:0;height:0;display:none}.btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s,transform .1s}.btn:active{transform:scale(.97)}.btn-teal{background:var(--teal);color:#fff}.btn-teal:hover{background:var(--teal-dark)}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:#2f855a}.btn-ghost{background:var(--teal-light);color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--teal-mid)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#c53030}.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:#c4521e}.btn-sm{padding:5px 10px;font-size:11px}.input{width:100%;background:var(--teal-light);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px 10px;font-size:13px}.input:focus{outline:2px solid var(--teal);outline-offset:1px}select.input,select{color-scheme:light}select option{background:var(--navy)!important;color:#fff!important}.label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:#fff;border-radius:12px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 24px 60px #00000059}.modal-header{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 14px;border-bottom:1px solid var(--teal-light);position:sticky;top:0;background:#fff;z-index:1}.modal-accent{width:4px;border-radius:99px;min-height:36px;flex-shrink:0;margin-top:2px}.modal-title{font-size:17px;font-weight:700;color:var(--navy)}.toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:999}.toast{padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;box-shadow:0 4px 16px #0003;min-width:220px;animation:slideIn .2s ease}.toast.success{background:var(--teal-dark);color:#fff}.toast.error{background:var(--red);color:#fff}.toast.info{background:var(--navy);color:#fff}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dropBlink{0%,to{opacity:1}50%{opacity:.25}}