:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #11151C;--vt-c-black-soft: #2F394C;--vt-c-black-mute: #2e2e2e;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: var(--vt-c-text-light-1);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64);--brand-primary: #4381C1;--brand-danger: #E26D5A;--brand-warning: #F9DC5C;--brand-accent: #69D1C5;--brand-rich-black: #11151C;--brand-lighter-black: #2F394C}:root{--color-background: var(--brand-rich-black);--color-background-soft: var(--brand-lighter-black);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-1);--brand-secondary: var(--brand-accent);--brand-danger: #E26D5A;--brand-danger-light: #ffdddd;--brand-warning-light: #fff8e1;--section-gap: 160px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--border-radius-sm: 4px;--border-radius-md: 8px}@media (prefers-color-scheme: dark){:root{--color-background: var(--brand-rich-black);--color-background-soft: var(--brand-lighter-black);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--brand-danger-light: #401a1a;--brand-warning-light: #403a1a}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--section-gap: 160px;--color-input-background: #3e4b65;--color-secondary-button: #3870A8}#app{font-weight:400;padding:var(--space-lg)}a{text-decoration:none;color:var(--brand-primary);transition:.4s}@media (hover: hover){a:hover{text-decoration:underline}}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.text-danger{color:var(--brand-danger)}.btn{display:inline-block;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius-sm);background-color:var(--brand-primary);color:var(--vt-c-white);text-align:center;cursor:pointer;transition:background-color .3s}.btn:hover{background-color:var(--brand-primary);filter:brightness(1.2)}.btn-secondary{background-color:var(--color-secondary-button)}.btn-secondary:hover{background-color:var(--brand-secondary);filter:brightness(1.2)}.btn-danger{background-color:var(--brand-danger)}.btn-danger:hover{background-color:var(--brand-danger);filter:brightness(1.2)}.btn-outline{background-color:transparent;border:1px solid var(--brand-primary);color:var(--brand-primary)}.btn-outline:hover{background-color:var(--brand-primary);color:var(--vt-c-white)}.btn-clear{background-color:transparent;color:var(--brand-primary);padding:var(--space-xs) var(--space-sm)}.btn-clear:hover{text-decoration:underline}.btn:disabled{background-color:var(--brand-lighter-black);cursor:not-allowed;opacity:.7}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:.875em}.btn-tab{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-tab.active{background-color:var(--brand-primary);color:var(--vt-c-white);border-bottom-color:var(--brand-primary)}.tabs{margin-bottom:var(--space-lg)}.page-container{padding:20px;margin:0 auto;max-width:1200px}.page-header{margin-bottom:20px}.content-grid{display:grid;grid-template-columns:1fr;gap:20px}.card{background-color:var(--color-background-soft);border-radius:var(--border-radius-md);padding:var(--space-lg);box-shadow:0 2px 4px #0000001a;margin-bottom:var(--space-lg)}.table-responsive{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:10px;font-size:.9em;min-width:400px}table th,table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--color-border)}table thead tr{background-color:var(--color-background-soft);color:var(--color-heading)}table tbody tr:hover{background-color:var(--color-background-mute);cursor:pointer}table tbody tr:nth-of-type(2n){background-color:var(--color-background-soft)}.common-layout{display:flex;min-height:100vh;width:100%}.menu-container{flex-shrink:0;width:200px;height:100%;background-color:var(--color-background-soft);border-right:1px solid var(--color-border);border-radius:var(--border-radius-md)}.main-content{flex-grow:1;padding:var(--space-lg)}.menu{padding:var(--space-md);height:100%}.menu ul{list-style:none;padding:0}.menu>ul>li{margin-bottom:var(--space-sm)}.settings-heading{margin-top:var(--space-md);font-weight:700;color:var(--color-heading)}.settings-heading ul{margin-top:var(--space-sm);padding-left:var(--space-md)}.settings-item{margin-bottom:var(--space-xs)}.menu a{text-decoration:none;color:var(--color-text);font-weight:500;padding:var(--space-xs) 0;display:block}.menu a:hover,.menu a.router-link-active{color:var(--brand-primary)}.settings-item a{font-size:.9em;font-weight:400}.add-substance-area{display:flex;gap:var(--space-md);margin-top:var(--space-md);margin-bottom:var(--space-lg)}.mixture-editor{margin-top:var(--space-lg)}.notification{position:fixed;bottom:var(--space-lg);right:var(--space-lg);padding:var(--space-md);border-radius:var(--border-radius-md);color:var(--vt-c-white);z-index:1000;transition:opacity .5s ease-in-out}.notification.info{background-color:var(--brand-secondary)}.notification.success{background-color:var(--brand-primary)}.notification.error{background-color:var(--brand-danger)}.mixtures-grid-wrapper{margin-bottom:var(--space-lg)}.form-input,.form-textarea,.form-select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);box-sizing:border-box;width:100%;background-color:var(--color-input-background);color:var(--color-text);transition:border-color .3s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--brand-primary)}.form-input-flex{flex:1}.form-textarea{resize:vertical;min-height:80px}.form-label{font-size:.9em;color:var(--color-text);margin-bottom:var(--space-xs);display:block;font-weight:700}.form-group{margin-bottom:var(--space-md)}.form-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-lg)}.page-header[data-v-52f5e39d]{text-align:center;margin-bottom:20px}.page-header h1[data-v-52f5e39d]{color:#4381c1;font-size:2.5em;margin-bottom:5px}.page-header p[data-v-52f5e39d]{color:#2f394c;font-size:1.1em}