:root{--primary-red: rgb(194, 16, 26);--primary-green: rgb(46, 142, 60);--background: rgb(243, 245, 246);--card-bg: #ffffff;--subtitle-foreground: rgb(81, 97, 120);--title-foreground: rgb(0, 0, 0);--text-foreground: rgb(124, 131, 141);--font: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--title-font-size: 20px;--subtitle-font-size: 14px;--text-font-size: 12px;--margin-xs: .1rem;--margin-sm: .3rem;--margin-md: .8rem;--margin-lg: 1rem;--border-radius: 6px;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}body{margin:0;font-family:var(--font);background:var(--background)}.layout{display:flex;min-height:100vh}.sidebar{width:200px;background:var(--card-bg);border-right:1px solid #e5e7eb;display:flex;flex-direction:column;padding:1rem}.sidebar-header{display:flex;align-items:center;margin-bottom:1rem}.sidebar p.text-muted{font-size:var(--text-font-size);color:#9ca3af;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.05em}.sidebar-menu ul{list-style:none;padding:0;margin:0}.sidebar-menu ul li{margin-bottom:.3rem}.sidebar-menu ul li a{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;font-size:var(--text-font-size);color:#374151;text-decoration:none;border-radius:var(--border-radius);background-color:var(--card-bg);transition:all .25s ease}.sidebar-menu ul li a:hover{background-color:var(--primary-red);color:#fff}.sidebar-menu ul li a.active{font-weight:600}.main-content{flex:1;display:flex;flex-direction:column}.main-header{height:56px;background:var(--card-bg);border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.department-info{display:flex;align-items:center;gap:.5rem}.department-name{font-weight:600;font-size:var(--subtitle-font-size);color:var(--title-foreground)}.department-subtitle{font-size:var(--text-font-size);color:#6b7280}.user-info{display:flex;align-items:center;gap:.5rem}.user-name{font-size:var(--text-font-size);font-weight:500;color:var(--title-foreground)}.card{border-radius:var(--border-radius);background-color:var(--card-bg);padding:1.5rem;width:100%}.page-section.card{max-width:900px;margin:0 auto;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem}.text-center{text-align:center}h1{font-size:var(--title-font-size);color:var(--title-foreground);margin-bottom:var(--margin-sm)}h2{font-size:var(--subtitle-font-size);font-weight:400;color:var(--subtitle-foreground);margin:var(--margin-xs) 0}h3{font-size:var(--text-font-size);font-weight:400;color:var(--text-foreground);margin-top:var(--margin-md)}.title-lg{font-size:1.5rem;font-weight:700;color:var(--title-foreground);margin-bottom:.5rem}.text-muted{font-size:var(--text-font-size);color:var(--text-foreground);margin-bottom:1rem}.icon-lg{font-size:2.5rem;margin-bottom:.8rem}.text-danger{color:var(--primary-red)}.text-success{color:var(--primary-green)}.fullscreen-center{display:flex;justify-content:center;align-items:center;min-height:100vh}.full-width{display:flex;width:100%}.page-container{padding:2rem;min-height:100vh;display:flex;flex-direction:column;gap:1.5rem}.page-header{display:flex;flex-direction:column;gap:.5rem}.sub-header{display:flex;justify-content:space-between;align-items:center}.search-wrapper{margin-bottom:1rem}.table-wrapper{width:100%;max-height:400px;overflow-y:auto;border:1px solid #ccc;border-radius:var(--border-radius);background:var(--card-bg);box-shadow:0 2px 6px #0000001a}.generic-table{width:100%;border-collapse:collapse;font-size:.9rem}.generic-table th,.generic-table td{border:1px solid #ddd;padding:.6rem;text-align:left}.generic-table th{color:var(--text-foreground);font-weight:700}.generic-table tr:nth-child(2n){background-color:#f9f9f9}.generic-table tr:hover{background-color:#f1f1f1}@media (max-width: 1024px){.sidebar{width:180px;padding:.8rem}.sidebar-menu ul li a{font-size:.75rem;padding:.4rem .6rem}.main-header{padding:0 1rem}}.page-section.card.new-substance{padding:2rem;border-radius:10px;background-color:#fff;box-shadow:0 4px 10px #0000000d}.section-header-left h1{font-size:1.8rem;margin-bottom:.3rem;color:#222}.section-header-left p{color:#555;margin-bottom:1.5rem}.new-form{display:flex;flex-direction:column;gap:1.2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;margin-bottom:.4rem}.form-group label{font-weight:600;margin-bottom:.3rem;color:#333}.required{color:red}app-look-input,app-text-input,app-number-input,app-date-input,app-select-input{display:block;width:100%}app-look-input input,app-text-input input,app-number-input input,app-date-input input,app-select-input select{width:100%;padding:.6rem .8rem;font-size:1rem;border:1px solid #ccc;border-radius:6px;outline:none;background-color:#fff;box-sizing:border-box}app-look-input input:focus,app-text-input input:focus,app-number-input input:focus,app-date-input input:focus,app-select-input select:focus{border-color:var(--primary-green);box-shadow:0 0 4px #277733}app-look-input .input-wrapper,app-look-input .select-wrapper,app-text-input .input-wrapper,app-number-input .input-wrapper,app-date-input .input-wrapper,app-select-input .input-wrapper{border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important}.section-title{font-size:1.15rem;font-weight:700;margin-top:.8rem;margin-bottom:.4rem}.gray-title{color:#444}.catalog-info-card{background-color:#f9fafb;border:1px solid #ddd;border-radius:6px;padding:1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem 1.5rem;align-items:start}.catalog-info-card h3{grid-column:1 / -1;margin:0 0 .4rem;color:#333;font-size:1.1rem;text-align:left}.catalog-info-card p{margin:.1rem 0;color:#333;font-size:.95rem;line-height:1.3}.catalog-info-card strong{color:#111}@media (max-width: 768px){.catalog-info-card{grid-template-columns:1fr}}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.2rem}.btn{padding:.6rem 1.2rem;font-size:1rem;border-radius:6px;cursor:pointer;transition:background .2s ease}.btn-primary{background-color:var(--primary-green);color:#fff;border:none}.btn-primary:hover{background-color:#277733}.btn-secondary{background-color:#e5e7eb;border:none;color:#111}.btn-secondary:hover{background-color:#d1d5db}