:root{--primary:#0f6cbd;--primary-hover:#0c5ca3;--primary-light:#eaf4fe;--background:#f5f7fa;--surface:#fff;--text:#1f2937;--text-secondary:#6b7280;--text-disabled:#9ca3af;--border:#e5e7eb;--divider:#f1f3f5;--success:#16a34a;--warning:#f59e0b;--danger:#dc2626;--info:#2563eb;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-round:999px;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 24px #0000001a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--font-family:"Inter", "Segoe UI", Roboto, Arial, sans-serif;--font-xs:12px;--font-sm:14px;--font-md:16px;--font-lg:18px;--font-xl:20px;--font-2xl:24px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--transition-fast:.15s;--transition:.25s;--transition-slow:.35s;--control-height-sm:40px;--control-height-md:48px;--control-height-lg:58px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-family);font-size:var(--font-md);color:var(--text);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}img,picture,svg,video,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;background:0 0;border:none;outline:none}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}.text-h1{font-size:2rem;font-weight:var(--weight-bold);color:var(--text);line-height:1.2}.text-h2{font-size:1.5rem;font-weight:var(--weight-semibold);color:var(--text);line-height:1.3}.text-h3{font-size:1.25rem;font-weight:var(--weight-semibold);color:var(--text);line-height:1.4}.text-h4{font-size:1.125rem;font-weight:var(--weight-medium);color:var(--text);line-height:1.4}.text-body{font-size:var(--font-md);color:var(--text);line-height:1.6}.text-secondary{font-size:var(--font-md);color:var(--text-secondary);line-height:1.6}.text-caption{font-size:var(--font-sm);color:var(--text-secondary)}.text-label{font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--text)}#root{background:var(--background);min-height:100vh}.page{width:100%;max-width:768px;padding:var(--space-6);margin:0 auto}.section{margin-bottom:var(--space-6)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-4);display:flex}.grid{gap:var(--space-4);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-5)}@media (width<=768px){.page{padding:var(--space-4)}}.detail-card{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-3);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast), transform var(--transition-fast);margin-bottom:12px;overflow:visible}.detail-card:hover{box-shadow:var(--shadow-md)}.detail-card__header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.detail-card__header-icon{border-radius:var(--radius-sm);background:var(--primary-light);width:36px;height:36px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.detail-card__title{flex-direction:column;gap:2px;min-width:0;display:flex}.detail-card__title h2{color:var(--text);font-size:var(--font-lg);font-weight:var(--weight-semibold);margin:0;line-height:1.25}.detail-card__title span{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.3}.instruction-list{gap:var(--space-2);flex-direction:column;display:flex}.instruction-item{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);display:flex}.instruction-item:not(:last-child){margin-bottom:0}.instruction-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.instruction-item__icon{border-radius:var(--radius-xs);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.instruction-item__icon svg{width:16px;height:16px}.instruction-item__content{min-width:0;color:var(--text);font-size:var(--font-md);font-weight:var(--weight-semibold);overflow-wrap:anywhere;white-space:pre-wrap;flex:1;line-height:1.4}.instruction-item--blue{background:#f8fafc;border-color:#e2e8f0}.instruction-item--blue:hover{background:#f1f5f9;border-color:#cbd5e1}.instruction-item--blue .instruction-item__icon{color:#0284c7;background:#e0f2fe}.instruction-item--purple{background:#faf5ff;border-color:#f3e8ff}.instruction-item--purple:hover{background:#f5f0ff;border-color:#e9d5ff}.instruction-item--purple .instruction-item__icon{color:#7e22ce;background:#f3e8ff}.instruction-item--yellow{background:#fefce8;border-color:#fde68a}.instruction-item--yellow:hover{background:#fef9c3}.instruction-item--yellow .instruction-item__icon{color:#d97706;background:#fef3c7}.instruction-item--green{background:#f0fdf4;border-color:#bbf7d0}.instruction-item--green:hover{background:#dcfce7}.instruction-item--green .instruction-item__icon{color:#16a34a;background:#dcfce7}.instruction-item--red{background:#fef2f2;border-color:#fecaca}.instruction-item--red:hover{background:#fee2e2}.instruction-item--red .instruction-item__icon{color:#dc2626;background:#fee2e2}.tube-chips-wrapper{gap:var(--space-2);flex-wrap:wrap;align-items:center;padding:0;display:flex}.alternative-tubes-card .detail-card__header-icon{color:#7e22ce;background:#faf5ff}.critical-value-card{background:linear-gradient(snow 0%,#fff5f5 100%);border-color:#fecaca}.alternative-tubes-card .instruction-list{gap:var(--space-2)}.alternative-tubes-card .instruction-item{padding:var(--space-1) var(--space-2);gap:var(--space-2);background:0 0;border:none}.alternative-tubes-card .instruction-item:hover{box-shadow:none;background:0 0;transform:none}.alternative-tubes-card .instruction-item__icon{background:0 0;border-radius:50%;width:12px;height:12px}.alternative-tubes-card .instruction-item__icon svg{display:none}.alternative-tubes-card .instruction-item__content{font-weight:var(--weight-medium);font-size:var(--font-sm)}@media (width<=480px){.detail-card{padding:var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-4)}.detail-card__header{gap:var(--space-2);margin-bottom:var(--space-2)}.detail-card__header-icon{width:32px;height:32px}.detail-card__header-icon svg{width:18px;height:18px}.detail-card__title h2{font-size:var(--font-md)}.detail-card__title span{font-size:.7rem}.instruction-list{gap:var(--space-1)}.instruction-item{padding:var(--space-1) var(--space-2);gap:var(--space-1);border-radius:var(--radius-xs)}.instruction-item__icon{width:24px;height:24px}.instruction-item__icon svg{width:14px;height:14px}.instruction-item__content{font-size:var(--font-sm);line-height:1.4}.alternative-tubes-card .instruction-item{padding:var(--space-1) var(--space-1)}.alternative-tubes-card .instruction-item__content{font-size:.72rem}}:root{--admin-sidebar-width:260px;--admin-sidebar-collapsed:72px;--admin-header-height:64px}.admin-layout{background:#f1f5f9;min-height:100vh;display:flex}.admin-layout__sidebar{width:var(--admin-sidebar-width);color:#f1f5f9;z-index:20;background:linear-gradient(#0f172a 0%,#1e293b 100%);border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden}.admin-layout.sidebar-collapsed .admin-layout__sidebar{width:var(--admin-sidebar-collapsed)}.admin-layout__brand{min-height:var(--admin-header-height);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:16px 20px;transition:background .15s;display:flex}.admin-layout__brand:hover{background:#ffffff0a}.admin-layout__brand-icon{border-radius:var(--radius-sm);color:#38bdf8;background:#38bdf826;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:relative}.admin-layout__brand-logo{object-fit:contain;border-radius:6px;width:32px;height:32px}.admin-layout.sidebar-collapsed .admin-layout__brand-logo{width:36px;height:36px}.admin-layout__brand-toggle{color:#94a3b8;background:#1e293b;border:1.5px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:all .3s;display:flex;position:absolute;bottom:-4px;right:-4px}.admin-layout__brand-toggle svg{width:12px;height:12px}.admin-layout__brand:hover .admin-layout__brand-toggle{color:#38bdf8;border-color:#38bdf8}.admin-layout__brand h1{color:#fff;white-space:nowrap;letter-spacing:-.5px;margin:0;font-size:1.25rem;font-weight:700}.admin-layout__brand span{color:#94a3b8;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff0f;border-radius:12px;padding:2px 10px;font-size:.65rem;font-weight:500}.admin-layout.sidebar-collapsed .admin-layout__brand h1,.admin-layout.sidebar-collapsed .admin-layout__brand span{display:none}.admin-layout.sidebar-collapsed .admin-layout__brand{justify-content:center;padding:16px 0}.admin-layout.sidebar-collapsed .admin-layout__brand-toggle{color:#38bdf8;background:0 0;border:none;width:auto;height:auto;position:static}.admin-layout.sidebar-collapsed .admin-layout__brand-icon{width:44px;height:44px}.admin-layout__version-badge{color:#38bdf8;white-space:nowrap;background:#38bdf826;border:1px solid #38bdf833;border-radius:10px;margin-left:-4px;padding:2px 8px;font-size:.55rem;font-weight:600}.admin-layout.sidebar-collapsed .admin-layout__version-badge{display:none}.admin-layout__nav{flex-direction:column;flex:1;gap:2px;padding:12px;display:flex;overflow-y:auto}.admin-layout__nav::-webkit-scrollbar{width:4px}.admin-layout__nav::-webkit-scrollbar-track{background:0 0}.admin-layout__nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.admin-layout__nav-item{border-radius:var(--radius-sm);color:#94a3b8;cursor:pointer;white-space:nowrap;align-items:center;gap:12px;min-height:44px;padding:10px 14px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.admin-layout__nav-item:hover{color:#fff;background:#ffffff0f}.admin-layout__nav-item.active{color:#38bdf8;background:#38bdf81f}.admin-layout__nav-item.active:before{content:"";background:#38bdf8;border-radius:0 3px 3px 0;width:3px;height:24px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.admin-layout__nav-item svg{flex-shrink:0;width:20px;height:20px}.admin-layout__nav-item span{flex:1}.admin-layout.sidebar-collapsed .admin-layout__nav-item span{display:none}.admin-layout.sidebar-collapsed .admin-layout__nav-item{justify-content:center;padding:12px}.admin-layout.sidebar-collapsed .admin-layout__nav-item.active:before{border-radius:0 0 3px 3px;width:24px;height:3px;top:0;left:50%;transform:translate(-50%)}.admin-layout__footer{border-top:1px solid #ffffff0f;margin-top:auto;padding:12px 12px 20px}.admin-layout__user-info{border-radius:var(--radius-sm);background:#ffffff0a;align-items:center;gap:12px;margin-bottom:8px;padding:10px 14px;transition:background .15s;display:flex}.admin-layout__user-info:hover{background:#ffffff14}.admin-layout__user-avatar{color:#fff;background:linear-gradient(135deg,#1976d2,#0f6cbd);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:600;display:flex}.admin-layout__user-details{flex:1;min-width:0}.admin-layout__user-name{color:#fff;font-size:.875rem;font-weight:600;line-height:1.3;display:block}.admin-layout__user-email{color:#94a3b8;font-size:.7rem;line-height:1.3;display:block}.admin-layout__user-role{color:#38bdf8;background:#38bdf81f;border-radius:10px;align-items:center;gap:4px;margin-top:2px;padding:1px 8px;font-size:.65rem;display:inline-flex}.admin-layout__logout{border-radius:var(--radius-sm);color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 14px;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.admin-layout__logout:hover{color:#f87171;background:#ef44441f}.admin-layout__logout svg{flex-shrink:0;width:20px;height:20px}.admin-layout.sidebar-collapsed .admin-layout__user-info{flex-direction:column;gap:4px;padding:8px}.admin-layout.sidebar-collapsed .admin-layout__user-details{display:none}.admin-layout.sidebar-collapsed .admin-layout__user-avatar{width:32px;height:32px;font-size:.75rem}.admin-layout.sidebar-collapsed .admin-layout__logout span{display:none}.admin-layout.sidebar-collapsed .admin-layout__logout{justify-content:center;padding:12px}.admin-layout__main{background:#f1f5f9;flex-direction:column;flex:1;min-height:100vh;display:flex}.admin-layout__content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:12px}@media (width<=1024px){.admin-layout__sidebar{width:var(--admin-sidebar-collapsed)}.admin-layout__brand h1,.admin-layout__brand span{display:none!important}.admin-layout__brand{justify-content:center;padding:16px 0}.admin-layout__brand-toggle{position:static;color:#38bdf8!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important}.admin-layout__brand-icon{width:44px;height:44px}.admin-layout__nav-item span{display:none!important}.admin-layout__nav-item{justify-content:center;padding:12px!important}.admin-layout__nav-item.active:before{border-radius:0 0 3px 3px;width:24px;height:3px;top:0;left:50%;transform:translate(-50%)}.admin-layout__user-info{flex-direction:column;gap:4px;padding:8px}.admin-layout__user-details{display:none}.admin-layout__user-avatar{width:32px;height:32px;font-size:.75rem}.admin-layout__logout span{display:none!important}.admin-layout__logout{justify-content:center;padding:12px!important}.admin-layout__content{padding:20px 24px}}@media (width<=768px){.admin-layout__sidebar{width:var(--admin-sidebar-collapsed)}.admin-layout__brand h1,.admin-layout__brand span{display:none!important}.admin-layout__brand{justify-content:center;padding:12px 0}.admin-layout__brand-toggle{position:static;color:#38bdf8!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important}.admin-layout__brand-icon{width:40px;height:40px}.admin-layout__nav-item span{display:none!important}.admin-layout__nav-item{justify-content:center;padding:10px!important}.admin-layout__content{padding:16px}.admin-layout__user-info{flex-direction:column;gap:4px;padding:6px}.admin-layout__user-details{display:none}.admin-layout__user-avatar{width:28px;height:28px;font-size:.65rem}.admin-layout__logout span{display:none!important}.admin-layout__logout{justify-content:center;padding:10px!important}}.admin-page-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:14px;display:flex}.admin-page-header__title{align-items:center;gap:12px;display:flex}.admin-page-header__title .page-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.admin-page-header__title .page-text{flex-direction:column;gap:0;display:flex}.admin-page-header__title .page-text h1{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:1.625rem;font-weight:700;line-height:1.2}.admin-page-header__title .page-text p{color:#64748b;font-size:var(--font-sm);margin:2px 0 0;line-height:1.3}.btn{border-radius:var(--radius-xs);font-size:var(--font-sm);cursor:pointer;white-space:nowrap;letter-spacing:.01em;border:1px solid #0000;align-items:center;gap:8px;min-height:38px;padding:8px 18px;font-family:inherit;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn-primary{color:#fff;background:linear-gradient(135deg,#1976d2,#0f6cbd);box-shadow:0 2px 8px #1976d233}.btn-primary:hover{background:linear-gradient(135deg,#1565c0,#0a5aad);box-shadow:0 4px 16px #1976d24d}.btn-secondary{color:#0f172a;background:#f1f5f9;border-color:#e2e8f0}.btn-secondary:hover{background:#e2e8f0}.btn-success{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 2px 8px #16a34a33}.btn-success:hover{background:linear-gradient(135deg,#15803d,#0d6b2d)}.btn-danger{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #dc262633}.btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)}.btn-outline{border-color:var(--border);color:var(--text);background:0 0}.btn-outline:hover{background:#f8fafc;border-color:#94a3b8}.btn-sm{font-size:var(--font-xs);min-height:30px;padding:4px 12px}.btn-lg{font-size:var(--font-md);min-height:46px;padding:12px 28px}.btn svg{flex-shrink:0;width:18px;height:18px}.btn-sm svg{width:14px;height:14px}.btn-lg svg{width:20px;height:20px}.badge{font-size:var(--font-xs);border-radius:20px;align-items:center;padding:2px 12px;font-weight:500;display:inline-flex}.badge-success{color:#16a34a;background:#dcfce7}.badge-danger{color:#dc2626;background:#fee2e2}.badge-warning{color:#d97706;background:#fef3c7}.badge-info{color:#2563eb;background:#dbeafe}.badge-secondary{color:#64748b;background:#f1f5f9}.badge-primary{color:#1976d2;background:#dbeafe}.admin-stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.admin-stat-card{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);border:1px solid var(--border);align-items:center;gap:var(--space-4);cursor:default;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000008}.admin-stat-card__title{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500}.admin-search-bar{gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.admin-search-bar__input{align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;min-width:220px;padding:10px 16px;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000005}.admin-search-bar__input:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #1976d214}.admin-search-bar__input svg{color:var(--text-secondary);flex-shrink:0;width:18px;height:18px}.admin-search-bar__input input{font-size:var(--font-sm);color:var(--text);background:0 0;border:none;outline:none;flex:1;min-height:32px}.admin-search-bar__input input::placeholder{color:var(--text-secondary)}.admin-filter-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border);background:#f8fafc;flex-wrap:wrap;display:flex}.admin-filter-bar__group{align-items:center;gap:var(--space-2);flex-wrap:nowrap;display:flex}.admin-filter-bar__label{font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;font-weight:500;display:flex}.admin-filter-bar__label svg{color:#94a3b8;flex-shrink:0;width:16px;height:16px}.admin-filter-bar .admin-form__select{border-radius:var(--radius-xs);border:1px solid var(--border);min-width:150px;font-size:var(--font-sm);color:var(--text);background:#fff;padding:6px 12px;transition:all .15s}.admin-filter-bar .admin-form__select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1976d214}.admin-filter-bar__actions{gap:var(--space-2);align-items:center;margin-left:auto;display:flex}@media (width<=768px){.admin-filter-bar{align-items:stretch;gap:var(--space-2);flex-direction:column}.admin-filter-bar__group{flex-wrap:wrap}.admin-filter-bar__actions{flex-wrap:wrap;margin-left:0}}.admin-form{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);padding:var(--space-6);box-shadow:0 1px 3px #00000008}.admin-form__section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.admin-form__section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.admin-form__section-title{margin:0 0 var(--space-4) 0;font-size:var(--font-md);color:#0f172a;font-weight:600}.admin-form__section-title svg{vertical-align:middle;width:20px;height:20px;color:var(--primary);margin-right:8px}.admin-form__group{margin-bottom:var(--space-4)}.admin-form__label{font-size:var(--font-sm);color:#0f172a;align-items:center;gap:6px;margin-bottom:4px;font-weight:500;display:flex}.admin-form__label svg{color:#94a3b8;flex-shrink:0}.admin-form__label .required{color:#dc2626;margin-left:2px}.admin-form__input,.admin-form__select,.admin-form__textarea{border:1px solid var(--border);border-radius:var(--radius-xs);width:100%;font-size:var(--font-sm);color:var(--text);background:var(--surface);padding:10px 14px;font-family:inherit;transition:all .15s}.admin-form__input:focus,.admin-form__select:focus,.admin-form__textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #1976d214}.admin-form__textarea{resize:vertical;min-height:80px}.admin-form__row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.admin-form__helper{font-size:var(--font-xs);color:var(--text-secondary);margin-top:4px}.admin-form__actions{gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex}.admin-form__section-title{margin:0 0 var(--space-4) 0;font-size:var(--font-md);color:#0f172a;align-items:center;gap:10px;font-weight:600;display:flex}.admin-form__section-title .section-icon{border-radius:var(--radius-xs);width:28px;height:28px;color:var(--primary);background:#1976d214;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.admin-form__section-title .section-icon svg{width:16px;height:16px}.admin-form__section-title .section-text{flex-direction:column;display:flex}.admin-form__section-title .section-text h3{font-size:var(--font-md);color:#0f172a;margin:0;font-weight:600;line-height:1.3}.admin-form__section-title .section-text p{font-size:var(--font-xs);color:var(--text-secondary);margin:0;font-weight:400}.admin-table-container{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden;box-shadow:0 1px 3px #00000008}.admin-table{border-collapse:collapse;width:100%;font-size:var(--font-sm)}.admin-table thead{border-bottom:1px solid var(--border);background:#f8fafc}.admin-table th{text-align:left;padding:var(--space-3) var(--space-4);color:#475569;font-weight:600;font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.04em}.admin-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.admin-table tbody tr{transition:background .15s}.admin-table tbody tr:hover{background:#f8fafc}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table__sub{font-size:var(--font-xs);color:var(--text-secondary);margin-top:2px;font-weight:400}.admin-table__actions{align-items:center;gap:4px;display:flex}.admin-table__actions .btn{border-radius:6px;min-height:30px;padding:4px 8px}.admin-table__actions .btn svg{width:16px;height:16px}.admin-table th.status-column,.admin-table td.status-column{white-space:nowrap;min-width:110px}.admin-table .badge{white-space:nowrap}.admin-detail-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.admin-detail-card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);padding:var(--space-4) var(--space-5);box-shadow:0 1px 3px #00000008}.admin-detail-card--full{grid-column:1/-1}.admin-detail-card__title{margin:0 0 var(--space-4) 0;font-size:var(--font-md);color:#0f172a;padding-bottom:var(--space-3);border-bottom:1px solid var(--border);font-weight:600}.admin-detail-card__title svg{vertical-align:middle;width:18px;height:18px;margin-right:8px}.admin-detail-card__content{gap:var(--space-3);flex-direction:column;display:flex}.admin-detail-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.admin-detail-row__label{font-size:var(--font-sm);color:var(--text-secondary);align-items:center;gap:var(--space-1);flex-shrink:0;min-width:120px;font-weight:500;display:flex}.admin-detail-row__label svg{width:16px;height:16px}.admin-detail-row__value{font-size:var(--font-sm);color:var(--text);text-align:right;word-break:break-word}.admin-recent{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.admin-recent__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.admin-recent__header h3{font-size:var(--font-lg);font-weight:var(--weight-semibold);color:var(--text);margin:0}.admin-recent__list{padding:var(--space-2) 0}.admin-recent__item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);transition:background var(--transition-fast);display:flex}.admin-recent__item:last-child{border-bottom:none}.admin-recent__item:hover{background:#f8fafc}.admin-recent__item-icon{color:#64748b;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.admin-recent__item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin-recent__item-action{font-size:var(--font-sm);font-weight:var(--weight-medium);color:var(--text)}.admin-recent__item-table{font-size:var(--font-xs);color:var(--text-secondary)}.admin-recent__item-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.admin-recent__item-user{font-size:var(--font-xs);font-weight:var(--weight-medium);color:var(--text)}.admin-recent__item-time{font-size:var(--font-xs);color:var(--text-secondary)}.toast-container{pointer-events:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:400px;padding:12px 20px;box-shadow:0 8px 32px #0000001f}.toast-content{color:#0f172a;align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.toast-warning{color:#92400e}.toast-warning span{color:#d97706}.animate-enter{animation:.3s forwards toastEnter}.animate-leave{animation:.2s forwards toastLeave}@keyframes toastEnter{0%{opacity:0;transform:translate(20px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastLeave{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-20px)scale(.95)}}.admin-empty{text-align:center;padding:var(--space-10) var(--space-4);color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:300px;display:flex}.admin-empty svg{margin:0 auto var(--space-4) auto;color:#cbd5e1;width:48px;height:48px;stroke-width:inherit;flex-shrink:0;display:block}.admin-empty p{margin:0 0 var(--space-4) 0;font-size:var(--font-sm);color:#94a3b8;max-width:400px}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.admin-modal{border-radius:var(--radius-md);background:#fff;width:100%;max-width:520px;animation:.3s slideUp;box-shadow:0 24px 64px #0003}.admin-modal__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.admin-modal__header h3{font-size:var(--font-lg);font-weight:var(--weight-semibold);color:var(--text);margin:0}.admin-modal__close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.admin-modal__close:hover{background:#e2e8f0}.admin-modal__body{padding:var(--space-5);max-height:400px;overflow-y:auto}.admin-modal__body select[size]{min-height:120px}.admin-modal__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);display:flex}.admin-pagination{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) 0;display:flex}.admin-pagination__info{font-size:var(--font-sm);color:var(--text-secondary)}.admin-pinned-actions{align-items:center;gap:4px;display:flex}.admin-pinned-actions .btn{min-height:28px;padding:2px 6px}.admin-pinned-actions .btn:disabled{opacity:.3;cursor:not-allowed}.admin-pinned-order{font-size:var(--font-sm);font-weight:var(--weight-bold);color:var(--text-secondary);text-align:center;min-width:20px}.admin-tube-list{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.admin-tube-item{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);transition:background var(--transition-fast);background:#f8fafc;justify-content:space-between;align-items:center;display:flex}.admin-tube-item:hover{background:#f1f5f9}.admin-tube-item__info{align-items:center;gap:var(--space-2);display:flex}.admin-tube-item__drag{color:#94a3b8;cursor:grab}.admin-tube-item__drag svg{width:16px;height:16px}.admin-tube-item__color{border:1px solid #e2e8f0;border-radius:4px;flex-shrink:0;width:16px;height:16px}.admin-tube-item__name{color:var(--text);font-weight:500}.admin-tube-item__sort{font-size:var(--font-xs);color:var(--text-secondary)}.admin-tube-item__actions{gap:var(--space-1);align-items:center;display:flex}.admin-tube-item__actions .btn svg{width:14px;height:14px}.admin-tube-add{padding:var(--space-3);border:1px dashed var(--border);border-radius:var(--radius-sm);background:#f8fafc}.admin-tube-add__row{gap:var(--space-3);align-items:flex-end;display:flex}.admin-tube-add__actions{gap:var(--space-2);align-items:center;display:flex}.admin-empty{text-align:center;padding:var(--space-10) var(--space-4);color:var(--text-secondary)}.admin-empty svg{color:#cbd5e1;width:48px;height:48px;margin-bottom:var(--space-4)}.admin-empty h3{margin:0 0 var(--space-1) 0;color:#0f172a;font-size:1.125rem;font-weight:600}.admin-empty p{margin:0 0 var(--space-4) 0;font-size:var(--font-sm);color:#94a3b8}.admin-loading{padding:var(--space-8);color:var(--text-secondary);font-size:var(--font-sm);justify-content:center;align-items:center;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.home-page{background:0 0;flex-direction:column;width:100%;min-height:100dvh;padding-bottom:8px;display:flex;position:relative}.home-page__search{width:min(100% - 24px,680px);margin:18px auto 0}.search-validation{color:#dc2626;margin-top:7px;padding:0 4px;font-size:.72rem;line-height:1.4}.home-section{width:min(100% - 24px,680px);margin:18px auto 0}.home-search-loading{margin-top:8px}.home-section__header{justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 2px;display:flex}.home-section__header h2{color:var(--text-primary);font-size:var(--font-md);margin:0;font-weight:700;line-height:1.3}.home-section__header span{color:var(--text-secondary);margin-top:2px;font-size:.7rem;line-height:1.3;display:block}.test-result-list{flex-direction:column;gap:10px;display:flex}.home-empty-result,.home-empty-pinned{text-align:center;background:var(--surface);box-shadow:var(--shadow-sm);border:1px solid #0f172a0d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.home-empty-result{min-height:150px}.home-empty-pinned{flex-direction:row;gap:12px;padding:14px 16px}.home-empty-result__icon,.home-empty-pinned__icon{background:#eff6ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:21px;display:flex}.home-empty-result strong,.home-empty-pinned strong{color:var(--text-primary);font-size:var(--font-md);display:block}.home-empty-result span,.home-empty-pinned span{color:var(--text-secondary);font-size:var(--font-sm);margin-top:4px;line-height:1.45;display:block}.home-empty-pinned .home-empty-pinned__icon{width:40px;height:40px;font-size:18px}.home-empty-pinned strong{font-size:var(--font-sm)}.home-empty-pinned span{margin-top:3px;font-size:.7rem}.home-hero{text-align:center;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 40%,#93c5fd 100%);border:1px solid #1976d226;border-radius:16px;width:min(100% - 24px,680px);margin:8px auto 0;padding:16px 20px 14px;position:relative;overflow:hidden;box-shadow:0 4px 20px #1976d214}.home-hero:before{content:"";pointer-events:none;background:#ffffff26;border-radius:50%;width:180px;height:180px;position:absolute;top:-80px;right:-80px}.home-hero:after{content:"";pointer-events:none;background:#ffffff1a;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-60px;left:-60px}.home-hero__icon{z-index:1;justify-content:center;align-items:center;margin-bottom:6px;display:flex;position:relative}.home-hero__logo{object-fit:contain;width:48px;height:48px;box-shadow:none;filter:drop-shadow(0 2px 8px #1976d226);background:0 0;border-radius:12px;padding:0;display:block}.home-hero__content{z-index:1;position:relative}.home-hero__content h2{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:1.05rem;font-weight:700}.home-hero__content p{color:#1e293b;white-space:nowrap;max-width:440px;margin:3px auto 0;font-size:.82rem;line-height:1.5}.home-news{margin-top:20px}.home-footer{margin-top:auto}@media (width<=480px){.home-page{min-height:100dvh;padding-bottom:22px}.home-page__search{width:calc(100% - 24px);margin-top:18px}.search-validation{margin-top:6px;padding:0 3px;font-size:.68rem}.home-section{width:calc(100% - 24px);margin-top:15px}.home-search-loading{width:calc(100% - 24px);margin-top:8px}.home-section__header{margin-bottom:9px}.home-section__header h2{font-size:var(--font-md)}.test-result-list{gap:8px}.home-hero{border-radius:14px;margin-top:6px;padding:14px 16px 12px}.home-hero__logo{width:40px;height:40px}.home-hero__content h2{font-size:.92rem}.home-hero__content p{white-space:normal;font-size:.72rem}.home-empty-result{min-height:130px;padding:18px}.home-empty-pinned{gap:10px;padding:12px 14px}}.header{justify-content:space-between;align-items:center;width:min(100% - 24px,680px);margin:0 auto;padding:16px 0 8px;display:flex}.header__left{align-items:center;gap:12px;text-decoration:none;display:flex}.header__logo{object-fit:contain;flex-shrink:0;width:48px;height:48px}.header__logo-placeholder{background:#ffffffe0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 4px 12px #0f172a14}.header__text{flex-direction:column;min-width:0;display:flex}.header__text .header__title{color:var(--primary);margin:0;font-size:1.08rem;font-weight:750;line-height:1.3}.header__text .header__dept{color:var(--text-secondary);margin:0;font-size:.7rem;line-height:1.3}.header__right{align-items:center;gap:8px;display:flex}.header__login-btn,.header__admin-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.825rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.header__login-btn{color:#0f172a;background:#f1f5f9}.header__login-btn:hover{background:#e2e8f0}.header__admin-btn{background:var(--primary);color:#fff}.header__admin-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #1976d240}@media (width<=480px){.header{flex-wrap:wrap;gap:8px;padding:12px 0 6px}.header__logo{width:40px;height:40px}.header__logo-placeholder{width:40px;height:40px;font-size:20px}.header__text .header__title{font-size:.95rem}.header__text .header__dept{font-size:.65rem}.header__login-btn span,.header__admin-btn span{display:none}.header__login-btn,.header__admin-btn{padding:8px 10px;font-size:.75rem}}.search-box{z-index:2;background:#fff;border:1px solid #e5e7eb;border-radius:17px;align-items:center;width:100%;height:56px;margin:0;padding:0 10px 0 15px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 8px 24px #0f172a14}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #1976d21a,0 10px 28px #0f172a1a}.search-box__icon{color:var(--primary);flex-shrink:0}.search-box input{min-width:0;height:100%;color:var(--text-primary);font-family:inherit;font-size:var(--font-md);background:0 0;border:none;outline:none;flex:1;margin-left:10px}.search-box input::placeholder{color:var(--text-secondary)}.search-box__clear,.search-box__submit{cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .18s,color .18s,transform .15s;display:flex}.search-box__clear{color:#94a3b8;background:0 0;border-radius:50%;width:32px;height:32px;margin-right:4px}.search-box__clear:hover{color:var(--primary);background:#f1f5f9}.search-box__submit{background:var(--primary);color:#fff;border-radius:50%;width:38px;height:38px}.search-box__submit:hover{filter:brightness(.95)}.search-box__submit:active{transform:scale(.94)}@media (width<=480px){.search-box{border-radius:16px;height:54px;margin:0;padding:0 8px 0 14px}.search-box input{margin-left:9px;font-size:16px}.search-box__clear{width:30px;height:30px;margin-right:3px}.search-box__submit{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.search-box__clear,.search-box__submit{transition:none}}.test-card{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:18px;align-items:center;gap:10px;padding:8px;transition:all .2s;display:flex}.test-card:hover{box-shadow:var(--shadow-md);cursor:pointer;transform:translateY(-2px)}.test-card__tube-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.test-card__tube{object-fit:contain;width:34px;height:46px}.test-card__content{flex:1;min-width:0}.test-card__top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.test-card__name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:700;line-height:1.3;overflow:hidden}.test-card__his{color:#546e7a;font-size:var(--font-xs);font-weight:var(--weight-semibold);letter-spacing:.4px;background:#eceff1;border-radius:999px;flex-shrink:0;padding:4px 10px;line-height:1}.test-card__badges{flex-wrap:wrap;gap:6px;display:flex}.badge{border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:.68rem;font-weight:600;line-height:1;display:inline-flex}.badge svg{flex-shrink:0}.badge--volume{color:#475569;background:#f3f4f6}.test-card__arrow{width:24px;height:24px;color:var(--text-disabled);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,background .2s,transform .2s;display:flex}.test-card:hover .test-card__arrow{color:var(--primary);background:#eff6ff;transform:translate(3px)}@media (width<=480px){.test-card{gap:12px;padding:12px}.test-card__tube-wrapper{width:52px;height:52px}.test-card__tube{width:30px;height:42px}.test-card__name{font-size:.95rem}.badge{padding:4px 8px;font-size:.64rem}}.notification-card{box-sizing:border-box;background:#fff8e8;border:1px solid #f8e5b8;border-radius:15px;align-items:flex-start;gap:11px;width:100%;padding:13px 14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.notification-card:hover{border-color:#f1d99b;transform:translateY(-1px);box-shadow:0 6px 18px #785a1414}.notification-card__icon{color:#d89200;background:#ffedb8;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notification-card__content{flex:1;min-width:0}.notification-card__header{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.notification-card__header h4{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.86rem;font-weight:700;line-height:1.35;overflow:hidden}.notification-card__date{color:var(--text-secondary);flex-shrink:0;font-size:.66rem;font-weight:500;line-height:1.3}.notification-card__text{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:.72rem;line-height:1.5;display:-webkit-box;overflow:hidden}@media (width<=480px){.notification-card{border-radius:14px;gap:9px;padding:12px}.notification-card__icon{border-radius:11px;width:36px;height:36px}.notification-card__header{align-items:flex-start;gap:6px}.notification-card__header h4{font-size:.8rem}.notification-card__date{font-size:.61rem}.notification-card__text{margin-top:3px;font-size:.68rem;line-height:1.45}}.labhub-layout{background:#f5f9fc;width:100%;min-height:100dvh;position:relative;overflow-x:hidden}.labhub-layout__background{z-index:0;pointer-events:none;opacity:1;background-position:top;background-repeat:no-repeat;background-size:1440px 1200px;position:fixed;inset:0}.labhub-layout__content{z-index:1;background:0 0;width:100%;max-width:720px;min-height:100dvh;margin:0 auto;position:relative}@media (width>=481px) and (width<=900px){.labhub-layout__background{background-position:top;background-size:1440px 1200px}.labhub-layout__content{max-width:680px}}@media (width<=480px){.labhub-layout{min-height:100dvh}.labhub-layout__background{background-position:top;background-size:1440px 1200px}.labhub-layout__content{width:100%;max-width:none}}@media (width<=360px){.labhub-layout__background{background-position:top;background-size:1440px 1200px}}.page-loading{z-index:9999;background:#f5f9fc;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.page-loading:before{content:"";pointer-events:none;opacity:.9;background:radial-gradient(circle at 50% 18%,#eaf5ffe6 0,#eaf5ff73 180px,#0000 420px);position:absolute;inset:0}.page-loading__content{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;transform:translateY(-2vh)}.page-loading__brand{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffc7;border:1px solid #1976d214;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:14px;display:flex;box-shadow:0 8px 24px #0f172a12}.page-loading__spinner{color:var(--primary);animation:1.1s linear infinite page-loading-spin}.page-loading__text{flex-direction:column;align-items:center;gap:3px;display:flex}.page-loading__text strong{color:var(--text-primary);font-size:.9rem;font-weight:700;line-height:1.3}.page-loading__text span{color:var(--text-secondary);font-size:.72rem;line-height:1.4}@keyframes page-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=480px){.page-loading{padding:20px}.page-loading__content{transform:translateY(-1vh)}.page-loading__brand{border-radius:17px;width:54px;height:54px;margin-bottom:12px}.page-loading__spinner{width:30px;height:30px}.page-loading__text strong{font-size:.86rem}.page-loading__text span{font-size:.68rem}}.search-loading{flex-direction:column;gap:10px;width:100%;display:flex}.search-loading__card{box-sizing:border-box;background:var(--surface,#fff);width:100%;min-height:82px;box-shadow:var(--shadow-sm);border:1px solid #0f172a0d;border-radius:16px;align-items:center;padding:12px;display:flex;overflow:hidden}.search-loading__tube{border-radius:50%;flex-shrink:0;width:46px;height:46px}.search-loading__content{flex:1;min-width:0;margin-left:12px}.search-loading__name{border-radius:6px;width:58%;height:15px}.search-loading__name--short{width:44%}.search-loading__code{border-radius:5px;width:27%;height:10px;margin-top:8px}.search-loading__meta{align-items:center;gap:6px;min-width:0;margin-top:9px;display:flex;overflow:hidden}.search-loading__pill{border-radius:999px;flex-shrink:0;height:20px}.search-loading__pill--department{width:72px}.search-loading__pill--tube{width:82px}.search-loading__pill--volume{width:42px}.search-loading__arrow{border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-left:10px}.skeleton{background:#e9eff4;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff8c 50%,#0000 100%);animation:1.45s ease-in-out infinite search-skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes search-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width<=480px){.search-loading{gap:8px}.search-loading__card{border-radius:15px;min-height:78px;padding:10px}.search-loading__tube{width:42px;height:42px}.search-loading__content{margin-left:10px}.search-loading__name{height:14px}.search-loading__code{margin-top:7px}.search-loading__meta{gap:5px;margin-top:8px}.search-loading__pill{height:19px}.search-loading__pill--department{width:66px}.search-loading__pill--tube{width:74px}.search-loading__pill--volume{width:38px}.search-loading__arrow{width:18px;height:18px;margin-left:8px}}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.home-footer{border-top:1px solid #e2e8f0;flex-direction:column;align-items:center;gap:2px;width:min(100% - 24px,680px);margin-top:16px;margin-left:auto;margin-right:auto;padding:10px 0 8px;display:flex}.home-footer__info{color:#94a3b8;align-items:center;gap:4px;font-size:.75rem;display:flex}.home-footer__info .version{color:#64748b;font-weight:500}.home-footer__info .divider{color:#e2e8f0}.home-footer__copyright{color:#94a3b8;text-align:center;font-size:.68rem}@media (width<=480px){.home-footer{margin-top:12px;padding:8px 0 6px}.home-footer__info{flex-wrap:wrap;justify-content:center;gap:6px;font-size:.62rem}.home-footer__copyright{font-size:.55rem}}.detail-page{flex-direction:column;width:100%;padding-bottom:10px;display:flex}@media (width<=480px){.detail-page{padding-bottom:18px}}.empty-state{text-align:center;color:#666;margin:48px 0}.empty-icon{margin-bottom:16px;font-size:56px}.empty-state h3{margin-bottom:8px;font-size:22px;font-weight:600}.empty-state p{color:#888;line-height:1.6}.detail-header{--tube-color:#64748b;background:radial-gradient(circle at 92% 48%, color-mix(in srgb, var(--tube-color) 16%, transparent), transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--tube-color) 8%, white) 0%, color-mix(in srgb, var(--tube-color) 3%, white) 100%);border-bottom-right-radius:18px;border-bottom-left-radius:18px;margin-bottom:10px;padding:10px 10px 16px;position:relative;overflow:hidden}.detail-header:after{content:"";background:color-mix(in srgb, var(--tube-color) 7%, transparent);pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-100px;right:-70px}.detail-header__toolbar{z-index:2;justify-content:space-between;align-items:center;margin-bottom:10px;display:flex;position:relative}.toolbar-button{cursor:pointer;width:38px;height:38px;color:var(--text-primary);box-shadow:var(--shadow-sm);background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.toolbar-button:hover{background:#fff;transform:scale(1.08);box-shadow:0 4px 12px #00000014}.toolbar-button:active{transform:scale(.96)}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toolbar-button:disabled{opacity:.6;cursor:not-allowed}.detail-header__content{z-index:1;grid-template-columns:1fr 120px;align-items:stretch;gap:16px;display:grid;position:relative}.detail-header__left{flex-direction:column;display:flex}.detail-header__title{color:var(--text-primary);margin:0;font-size:2rem;font-weight:700;line-height:1.15}.detail-header__his{align-items:center;gap:6px;margin-top:6px;margin-bottom:24px;font-size:.95rem;display:flex}.detail-header__his-label{color:var(--text-secondary);font-weight:400}.detail-header__his-value{color:var(--text-primary);font-weight:600}.detail-header__summary{flex-direction:column;gap:15px;margin-top:auto;display:flex}.summary-item{align-items:center;gap:4px;display:flex}.summary-item__icon{background:#ffffff6b;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.summary-item__text{flex-direction:column;min-width:0;display:flex}.summary-item__value{color:var(--text-primary);overflow-wrap:anywhere;font-size:1.08rem;font-weight:700;line-height:1.2}.summary-item__label{color:var(--text-secondary);margin-top:3px;font-size:.76rem}.detail-header__right{justify-content:center;align-items:flex-end;min-height:290px;display:flex}.detail-header__tube-image{object-fit:contain;filter:drop-shadow(0 8px 12px #00000014);width:auto;height:290px;transition:transform .25s,filter .25s}.detail-header__tube-image:hover{filter:drop-shadow(0 12px 18px #0000001f);transform:scale(1.06)}.detail-header__right:before{content:"";background:color-mix(in srgb, var(--tube-color) 8%, transparent);filter:blur(18px);pointer-events:none;border-radius:50%;width:110px;height:110px;position:absolute}@media (width<=480px){.detail-header{border-bottom-right-radius:16px;border-bottom-left-radius:16px;padding:10px 10px 14px}.detail-header__content{grid-template-columns:1fr 100px;gap:10px}.detail-header__title{font-size:1.75rem}.detail-header__his{margin-bottom:20px}.detail-header__right{min-height:230px}.detail-header__tube-image{height:230px}.detail-header__summary{gap:12px}.summary-item{gap:6px}.summary-item__icon{width:32px;height:32px}.summary-item__value{font-size:.98rem}.summary-item__label{font-size:.7rem}}.tube-chip-with-preview{display:inline-flex;position:relative}.tube-chip-inline{background:var(--surface);border:1px solid;border-radius:16px;align-items:center;gap:5px;padding:4px 12px 4px 6px;font-size:.82rem;font-weight:500;transition:transform .15s,box-shadow .15s,border-color .15s;display:inline-flex}.tube-chip-inline:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.tube-chip-inline__dot{border:1px solid #00000014;border-radius:50%;flex-shrink:0;width:10px;height:10px}.tube-chip-inline__name{color:var(--text-primary);font-size:.82rem;font-weight:600}.tube-chip-inline__additive{color:var(--text-secondary);font-size:.72rem;font-weight:400}.tube-preview-popover{pointer-events:auto;background:#fff;border:1px solid #e2e8f0;border-radius:16px;min-width:140px;max-width:200px;padding:12px;animation:.2s fadeIn;box-shadow:0 20px 60px #00000040}.tube-preview-popover__image{object-fit:contain;border-radius:8px;width:100%;height:auto;max-height:180px;display:block}.tube-preview-popover__name{text-align:center;color:#1e293b;margin-top:8px;font-size:.85rem;font-weight:600}.tube-preview-popover__additive{color:#64748b;margin-top:2px;font-size:.72rem;font-weight:400;display:block}.tube-preview-popover__arrow{position:absolute}@media (width<=480px){.tube-chip-inline{border-radius:14px;gap:4px;padding:3px 10px 3px 5px;font-size:.72rem}.tube-chip-inline__name{font-size:.72rem}.tube-chip-inline__additive{font-size:.65rem}.tube-preview-popover{min-width:120px;max-width:160px;padding:10px}.tube-preview-popover__image{max-height:140px}.tube-preview-popover__name{font-size:.78rem}}.detail-section{width:100%;margin:0}.detail-section:last-child{margin-bottom:0}@media (width<=480px){.detail-section{margin-bottom:8px}}.detail-tabs{width:100%;margin-top:4px}.detail-tabs__nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#f1f5f9;border-radius:16px;gap:6px;margin-bottom:20px;padding:4px;display:flex;overflow-x:auto}.detail-tabs__nav::-webkit-scrollbar{display:none}.detail-tabs__nav-item{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:12px;flex:1;align-items:center;gap:8px;min-width:fit-content;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .25s;display:flex;position:relative}.detail-tabs__nav-item:hover{color:#0f172a;background:#fff9;transform:translateY(-1px)}.detail-tabs__nav-item:active{transform:scale(.97)}.detail-tabs__nav-item.active{color:#0f172a;background:#fff;box-shadow:0 4px 16px #00000014,0 1px 3px #0000000a}.detail-tabs__nav-item.active .detail-tabs__nav-icon{color:#1976d2}.detail-tabs__nav-icon{justify-content:center;align-items:center;transition:color .25s;display:flex}.detail-tabs__nav-label{pointer-events:none}.detail-tabs__content{animation:.3s tabFadeIn}.detail-tabs__panel{flex-direction:column;gap:0;display:flex}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.detail-tabs__nav{border-radius:14px;gap:4px;margin-bottom:16px;padding:3px}.detail-tabs__nav-item{border-radius:10px;gap:6px;padding:8px 14px;font-size:.78rem}.detail-tabs__nav-icon svg{width:16px;height:16px}.detail-tabs__panel{gap:0}}@media (width<=360px){.detail-tabs__nav-item{gap:4px;padding:6px 10px;font-size:.7rem}.detail-tabs__nav-icon svg{width:14px;height:14px}}.register-page{background:linear-gradient(135deg,#e8edf5 0%,#d5dce6 50%,#c8d0dc 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.register-container{width:100%;max-width:440px}.register-card{background:#fff;border-radius:24px;padding:48px 40px;animation:.4s slideUp;box-shadow:0 24px 64px #0000001a}.register-logo{text-align:center;margin-bottom:32px}.register-logo-image{object-fit:contain;border-radius:16px;width:80px;height:80px;margin-bottom:12px;margin-left:auto;margin-right:auto;display:block}.register-logo h1{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:1.75rem;font-weight:700}.register-logo p{color:#64748b;margin:4px 0 0;font-size:.875rem}.register-form{flex-direction:column;gap:20px;display:flex}.register-form-group{flex-direction:column;gap:6px;display:flex}.register-label{color:#0f172a;font-size:.875rem;font-weight:500}.register-input-wrapper{align-items:center;display:flex;position:relative}.register-input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.register-input{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 12px 12px 44px;font-size:.9375rem;transition:all .15s}.register-input:focus{background:#fff;border-color:#1976d2;outline:none;box-shadow:0 0 0 4px #1976d214}.register-input:disabled{opacity:.6;cursor:not-allowed}.register-input::placeholder{color:#94a3b8}.register-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1976d2,#0f6cbd);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:4px;padding:14px;font-size:1rem;font-weight:600;transition:all .15s;display:flex}.register-btn:hover{background:linear-gradient(135deg,#1565c0,#0a5aad);transform:translateY(-1px);box-shadow:0 4px 16px #1976d24d}.register-btn:active{transform:scale(.98)}.register-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.register-footer{text-align:center;border-top:1px solid #f1f5f9;margin-top:24px;padding-top:20px}.register-footer p{color:#64748b;margin:0;font-size:.8125rem;line-height:1.6}.register-footer strong{color:#1976d2}.register-footer-note{color:#94a3b8!important;margin-top:4px!important;font-size:.75rem!important}.register-link{color:#1976d2;align-items:center;gap:6px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.register-link:hover{color:#1565c0;text-decoration:underline}@media (width<=480px){.register-card{border-radius:16px;padding:32px 20px}.register-logo-image{width:64px;height:64px}.register-logo h1{font-size:1.5rem}.register-input{padding:10px 10px 10px 40px;font-size:.875rem}.register-btn{padding:12px;font-size:.9375rem}.register-footer p{font-size:.75rem}}.login-page{background:linear-gradient(135deg,#e8edf5 0%,#d5dce6 50%,#c8d0dc 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-container{width:100%;max-width:440px}.login-card{background:#fff;border-radius:24px;padding:40px 36px;animation:.4s slideUp;box-shadow:0 24px 64px #00000014}.login-logo{text-align:center;margin-bottom:28px}.login-logo-image{object-fit:contain;width:72px;height:72px;margin-bottom:10px;margin-left:auto;margin-right:auto;display:block}.login-logo h1{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:1.5rem;font-weight:700}.login-logo p{color:#64748b;margin:2px 0 0;font-size:.875rem}.login-content{flex-direction:column;align-items:center;gap:16px;display:flex}.login-content__icon{color:#1976d2;background:#eaf4fe;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.login-content h2{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.login-content p{text-align:center;color:#64748b;max-width:340px;margin:0;font-size:.9375rem;line-height:1.6}.login-content p strong{color:#1976d2}.login-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.login-btn-primary{color:#fff;background:linear-gradient(135deg,#1976d2,#0f6cbd)}.login-btn-primary:hover{background:linear-gradient(135deg,#1565c0,#0a5aad);transform:translateY(-1px);box-shadow:0 4px 16px #1976d24d}.login-btn-primary:active{transform:scale(.98)}.login-divider{align-items:center;width:100%;margin:4px 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.login-divider span{color:#94a3b8;padding:0 16px;font-size:.75rem}.login-footer-links{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.login-link{color:#64748b;align-items:center;gap:6px;font-size:.875rem;text-decoration:none;transition:color .15s;display:flex}.login-link:hover,.login-link strong{color:#1976d2}.login-footer{text-align:center;border-top:1px solid #f1f5f9;margin-top:24px;padding-top:16px}.login-footer p{color:#94a3b8;margin:0;font-size:.75rem;line-height:1.6}.login-footer strong{color:#1976d2}@media (width<=480px){.login-card{border-radius:16px;padding:28px 20px}.login-logo-image{width:60px;height:60px}.login-logo h1{font-size:1.25rem}.login-content h2{font-size:1.1rem}.login-content p{font-size:.85rem}.login-btn{padding:12px;font-size:.9375rem}.login-content__icon{width:60px;height:60px}.login-content__icon svg{width:32px;height:32px}}.not-found-page{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.not-found-container{background:#fff;border-radius:24px;align-items:center;gap:60px;width:100%;max-width:800px;padding:48px 56px;display:flex;box-shadow:0 24px 64px #0000000f}.not-found-content{flex:1}.not-found-code{color:#1976d2;letter-spacing:-2px;font-size:4rem;font-weight:800;line-height:1}.not-found-content h1{color:#0f172a;margin:8px 0 12px;font-size:1.5rem;font-weight:700}.not-found-content p{color:#64748b;margin:0 0 24px;font-size:.9375rem;line-height:1.6}.not-found-actions{flex-wrap:wrap;gap:12px;display:flex}.not-found-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.not-found-btn-primary{color:#fff;background:#1976d2}.not-found-btn-primary:hover{background:#1565c0;transform:translateY(-1px);box-shadow:0 4px 12px #1976d240}.not-found-btn-secondary{color:#0f172a;background:#f1f5f9}.not-found-btn-secondary:hover{background:#e2e8f0}.not-found-icon{color:#1976d2;background:linear-gradient(135deg,#eaf4fe,#dbeafe);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:140px;display:flex}@media (width<=768px){.not-found-container{text-align:center;flex-direction:column;gap:24px;padding:32px 24px}.not-found-actions{justify-content:center}.not-found-icon{width:100px;height:100px}.not-found-icon svg{width:48px;height:48px}.not-found-code{font-size:3rem}.not-found-content h1{font-size:1.25rem}}@media (width<=480px){.not-found-container{padding:24px 16px}.not-found-actions{flex-direction:column;width:100%}.not-found-btn{justify-content:center;width:100%}.not-found-code{font-size:2.5rem}}.admin-dashboard__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.admin-dashboard__header-left{align-items:center;gap:20px;display:flex}.admin-dashboard__logo{border-right:1px solid #e2e8f0;align-items:center;gap:10px;padding-right:20px;display:flex}.admin-dashboard__logo img{object-fit:contain;width:36px;height:36px}.admin-dashboard__logo span{color:#0f172a;font-size:1.125rem;font-weight:700}.admin-dashboard__title h1{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700}.admin-dashboard__title p{color:#64748b;margin:2px 0 0;font-size:.875rem}.admin-dashboard__header-right{align-items:center;gap:10px;display:flex}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.admin-stat-card{cursor:default;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;min-height:120px;padding:20px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #00000008}.admin-stat-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 8px 24px #0000000f}.admin-stat-card__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:62px;height:62px;display:flex}.admin-stat-card__icon svg{width:26px;height:26px}.admin-stat-card__info{flex-direction:column;min-width:0;display:flex}.admin-stat-card__count{color:#0f172a;font-size:2rem;font-weight:700;line-height:1.2}.admin-stat-card__title{color:#64748b;font-size:.9375rem;font-weight:500}.admin-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.admin-loading__spinner{border:3px solid #e2e8f0;border-top-color:#1976d2;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@media (width<=1024px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-stat-card{min-height:100px;padding:18px 20px}.admin-stat-card__icon{width:52px;height:52px}.admin-stat-card__icon svg{width:24px;height:24px}.admin-stat-card__count{font-size:1.75rem}.admin-stat-card__title{font-size:.875rem}}@media (width<=768px){.admin-dashboard__header{flex-direction:column;align-items:stretch;gap:12px}.admin-dashboard__header-left{flex-direction:column;align-items:flex-start;gap:10px}.admin-dashboard__title h1{font-size:1.25rem}.admin-stats-grid{gap:12px}.admin-stat-card{border-radius:14px;min-height:80px;padding:16px 18px}.admin-stat-card__icon{width:44px;height:44px}.admin-stat-card__icon svg{width:20px;height:20px}.admin-stat-card__count{font-size:1.5rem}.admin-stat-card__title{font-size:.8125rem}}@media (width<=480px){.admin-stats-grid{gap:10px}.admin-stat-card{border-radius:12px;min-height:70px;padding:12px 14px}.admin-stat-card__icon{width:38px;height:38px}.admin-stat-card__icon svg{width:18px;height:18px}.admin-stat-card__count{font-size:1.25rem}.admin-stat-card__title{font-size:.75rem}}.skeleton-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:16px}.skeleton-row{border-bottom:1px solid #f1f5f9;grid-template-columns:repeat(6,1fr);gap:12px;padding:10px 0;display:grid}.skeleton-row:last-child{border-bottom:none}.skeleton-cell{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:6px;height:40px;animation:1.5s infinite shimmer}.skeleton-cell:first-child{max-width:60px}.skeleton-cell:nth-child(2){max-width:200px}.skeleton-cell:nth-child(3){max-width:120px}.skeleton-cell:nth-child(4){max-width:150px}.skeleton-cell:nth-child(5){max-width:100px}.skeleton-cell:nth-child(6){max-width:80px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (width<=768px){.skeleton-row{grid-template-columns:repeat(4,1fr)}.skeleton-cell:nth-child(5),.skeleton-cell:nth-child(6){display:none}}.toggle-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.toggle-switch.disabled{opacity:.6;cursor:not-allowed}.toggle-switch input{display:none}.toggle-slider{background:#e2e8f0;border-radius:20px;flex-shrink:0;width:36px;height:20px;transition:background .25s;position:relative}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .25s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0000001a}.toggle-switch input:checked+.toggle-slider{background:#16a34a}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-label{color:#0f172a;font-size:.75rem;font-weight:500}.toggle-switch:hover:not(.disabled) .toggle-slider{box-shadow:0 0 0 3px #16a34a1a}.toggle-switch.disabled .toggle-slider{background:#e2e8f0}.toggle-switch.disabled input:checked+.toggle-slider{background:#94a3b8}