*,:before,:after{box-sizing:border-box}:root{--bg-page:#f3f4f6;--bg-app-top:#f8f8f7;--bg-app-bottom:#efefed;--bg-surface:#ffffffeb;--bg-surface-soft:#ffffffe0;--text-primary:#111827;--text-secondary:#111827a3;--text-muted:#11182780;--text-white:#fff;--border-soft:#1118270f;--border-medium:#d1d5db;--green-1:#2f855a;--green-2:#276749;--green-3:#22543d;--blue-1:#3b82f6;--blue-2:#2563eb;--blue-3:#1d4ed8;--shadow-soft:0 12px 30px #1118270f;--shadow-card:0 18px 45px #11182714;--shadow-green:0 14px 30px #27674959, inset 0 1px 0 #ffffff1a;--shadow-green-hover:0 18px 36px #22543d73, inset 0 1px 0 #ffffff1f;--shadow-blue:0 8px 20px #2563eb40;--shadow-blue-hover:0 10px 26px #2563eb52;--radius-sm:12px;--radius-md:14px;--radius-lg:22px;--radius-xl:24px;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:20px;--space-5:24px;--space-6:28px;--space-7:32px;--transition-fast:.15s ease;--transition-medium:.18s ease}html,body,#root{min-height:100%}body{background:var(--bg-page);color:var(--text-primary);margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p{margin-top:0}.login-page{min-height:100vh;padding:var(--space-4);background:linear-gradient(180deg, var(--bg-app-top) 0%, var(--bg-app-bottom) 100%);justify-content:center;align-items:center;display:flex}.login-card{width:100%;max-width:400px;padding:var(--space-7);background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.form-group{margin-bottom:var(--space-3);flex-direction:column;display:flex}.form-group label{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:600}.form-group input{padding:var(--space-2);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);background:#fff;outline:none;font-size:14px}.form-group input:focus{border-color:#9ca3af}.error-text{margin-bottom:var(--space-2);color:#dc2626;font-size:14px}.mobile-app{background:radial-gradient(circle at top left, #fffffff2, transparent 32%), linear-gradient(180deg, var(--bg-app-top) 0%, var(--bg-app-bottom) 100%);min-height:100vh}.mobile-header{z-index:10;justify-content:space-between;align-items:center;gap:var(--space-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border-bottom:1px solid #11182714;padding:18px 18px 16px;display:flex;position:sticky;top:0}.mobile-header__user{min-width:0}.mobile-header__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px;font-size:11px}.mobile-header__name{color:var(--text-primary);word-break:break-word;font-size:18px;font-weight:700}.mobile-content{padding:var(--space-5) 18px 30px}.page-shell,.dashboard-page{gap:var(--space-6);color:var(--text-primary);flex-direction:column;display:flex}.page-intro,.dashboard-intro--premium{gap:var(--space-1);flex-direction:column;display:flex}.page-kicker,.dashboard-kicker{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700}.page-title,.dashboard-title{color:var(--text-primary);margin:0;font-size:30px;line-height:1.08}.page-subtitle,.dashboard-subtitle{color:var(--text-secondary);margin:0;font-size:14px}.page-actions,.top-actions{margin-bottom:var(--space-3)}.page-actions--between{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.primary-button{border-radius:var(--radius-sm);width:100%;padding:var(--space-2);cursor:pointer;color:var(--text-white);transition:transform var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);background:#111315;border:none;font-size:15px;font-weight:600;box-shadow:0 10px 24px #1118271f}.primary-button:hover{background:#0b0d0f}.primary-button:active{transform:scale(.98)}.primary-button--save{background:linear-gradient(#111315 0%,#0b0d0f 100%);border-radius:16px;min-height:54px;font-size:16px;font-weight:700}.primary-button--save:disabled{opacity:.65;cursor:not-allowed}.mobile-logout-button{border-radius:var(--radius-md);cursor:pointer;background:linear-gradient(180deg, var(--blue-1) 0%, var(--blue-2) 100%);color:var(--text-white);box-shadow:var(--shadow-blue);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border:1px solid #2563eb26;flex-shrink:0;padding:10px 14px;font-size:14px;font-weight:600}.mobile-logout-button:hover{background:linear-gradient(180deg, var(--blue-2) 0%, var(--blue-3) 100%);box-shadow:var(--shadow-blue-hover)}.mobile-logout-button:active{transform:scale(.98)}.secondary-button,.back-button-premium{border:1px solid var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;color:#1f2937;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#fff;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #0000000d}.secondary-button:hover,.back-button-premium:hover{background:#f9fafb}.secondary-button:active,.back-button-premium:active{transform:scale(.98)}.tile-grid,.stald-grid{gap:var(--space-3);display:grid}.tile-grid--two,.stald-grid--premium{grid-template-columns:repeat(2,minmax(150px,170px));justify-content:center}.tile-grid--one,.actions-grid-premium{grid-template-columns:1fr;max-width:420px;margin:0 auto}.tile-button,.stald-tile{cursor:pointer;width:100%;transition:transform var(--transition-fast), box-shadow var(--transition-medium), background var(--transition-medium);border:none}.tile-button--premium,.stald-tile--premium{border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--green-1) 0%, var(--green-2) 100%);min-height:122px;box-shadow:var(--shadow-green);text-align:center;border:1px solid #ffffff14;justify-content:center;align-items:center;padding:18px;display:flex}.tile-button--premium:hover,.stald-tile--premium:hover{background:linear-gradient(180deg, var(--green-2) 0%, var(--green-3) 100%);box-shadow:var(--shadow-green-hover)}.tile-button--premium:active,.stald-tile--premium:active{transform:scale(.98)}.tile-button--large,.action-tile-premium,.large-tile{min-height:118px}.tile-button__text,.stald-tile__text--premium{color:var(--text-white);letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:1.15}.tile-button--disabled,.stald-tile--disabled,.eco-tile-disabled{opacity:.55;cursor:not-allowed}.tile-button--disabled:hover,.stald-tile--disabled:hover,.eco-tile-disabled:hover{box-shadow:var(--shadow-green);transform:none}.page-card{padding:var(--space-4);background:var(--bg-surface-soft);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.page-card h1,.page-card h2,.page-card h3,.page-card p{color:var(--text-primary)}.status-message{border-radius:12px;padding:12px 14px;font-weight:600}.status-message--error{color:#b91c1c;background:#dc262614;border:1px solid #dc262624}.status-message--success{color:#166534;background:#16a34a14;border:1px solid #16a34a24}.status-banner{border:1px solid #0000;border-radius:18px;padding:14px 16px;box-shadow:0 10px 22px #1118270d}.status-banner__title{margin-bottom:4px;font-size:14px;font-weight:700}.status-banner__text{font-size:14px;line-height:1.4}.status-banner--error{color:#991b1b;background:linear-gradient(#fef2f2f5 0%,#fee2e2f5 100%);border-color:#dc26261f}.status-banner--success{color:#166534;background:linear-gradient(#f0fdf4f5 0%,#dcfce7f5 100%);border-color:#16a34a24}.form-shell{flex-direction:column;gap:18px;display:flex}.step-block{flex-direction:column;gap:12px;margin-top:20px;display:flex}.step-title{color:#111827;margin:0;font-size:18px}.step-note{color:#111827a3;margin:0;font-size:14px}.step-panel{background:#ffffffeb;border:1px solid #1118270f;border-radius:22px;padding:18px;box-shadow:0 12px 30px #1118270f}.step-panel__header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.step-badge{color:#fff;background:linear-gradient(#2f855a 0%,#276749 100%);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex;box-shadow:0 8px 18px #2767493d}.step-panel__title{color:#111827;margin:0 0 4px;font-size:18px;font-weight:700}.step-panel__subtitle{color:#1118279e;margin:0;font-size:13px;line-height:1.4}.field-block{flex-direction:column;gap:8px;display:flex}.field-input{color:#111827;background:linear-gradient(#fff 0%,#fbfbfa 100%);border:1px solid #1118271a;border-radius:16px;outline:none;width:100%;min-height:52px;padding:14px 16px;font-size:15px;transition:border-color .15s,box-shadow .15s,transform .15s;box-shadow:inset 0 1px 2px #11182708}.field-input::placeholder{color:#11182761}.field-input:focus{border-color:#27674973;box-shadow:0 0 0 4px #27674914,inset 0 1px 2px #11182708}.empty-state{color:#1118279e;text-align:center;background:#11182708;border-radius:16px;padding:18px;font-size:14px}.medicine-tile{text-align:left;align-items:flex-start;gap:8px}.medicine-tile__title{display:block}.medicine-tile__meta{color:#ffffffe6;font-size:14px;line-height:1.35}.medicine-tile--selected{outline:3px solid #ffffff59}.medicine-card{text-align:left;justify-content:flex-start;align-items:flex-start;gap:14px;padding:18px 18px 20px}.medicine-card__top{width:100%}.medicine-card__name{color:#fff;font-size:20px;font-weight:700;line-height:1.15;display:block}.medicine-card__meta{flex-wrap:wrap;gap:8px;display:flex}.medicine-meta-pill{color:#fffffff5;background:#ffffff24;border-radius:999px;align-items:center;min-height:32px;padding:6px 10px;font-size:13px;font-weight:600;line-height:1.2;display:inline-flex}.medicine-card--selected{outline:3px solid #ffffff59;transform:translateY(-1px)}.weight-grid{grid-template-columns:repeat(3,minmax(86px,1fr));gap:12px;display:grid}.weight-button{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:14px;min-height:52px;font-weight:700;transition:all .15s}.weight-button:hover{background:#f9fafb}.weight-button:active{transform:scale(.98)}.weight-button--selected{color:#fff;background:linear-gradient(#2f855a 0%,#276749 100%);border-color:#0000;box-shadow:0 10px 20px #27674940,inset 0 1px #ffffff1a}.weight-chip{color:#111827;cursor:pointer;background:linear-gradient(#fff 0%,#f8faf8 100%);border:1px solid #1118271a;border-radius:16px;min-height:52px;font-weight:700;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:0 6px 16px #1118270a}.weight-chip:hover{transform:translateY(-1px);box-shadow:0 10px 18px #1118270f}.weight-chip:active{transform:scale(.98)}.weight-chip--selected{color:#fff;background:linear-gradient(#2f855a 0%,#276749 100%);border-color:#0000;box-shadow:0 12px 24px #2767493d,inset 0 1px #ffffff1f}.summary-card{margin-top:20px}.summary-card p{margin:0 0 8px}.summary-card p:last-child{margin-bottom:0}.summary-panel{background:linear-gradient(#8bcf8bf5 0%,#659965f5 100%);border:1px solid #2767491f;border-radius:22px;padding:18px;box-shadow:0 14px 30px #1118270f}.summary-panel__header{margin-bottom:16px}.summary-panel__title{color:#111827;margin:0 0 4px;font-size:18px;font-weight:700}.summary-panel__subtitle{color:#1118279e;margin:0;font-size:13px}.summary-grid{gap:10px;display:grid}.summary-item{background:#11182708;border-radius:16px;justify-content:space-between;gap:16px;padding:12px 14px;display:flex}.summary-item--accent{background:#27674914;border:1px solid #2767491f}.summary-item__label{color:#1118279e;font-size:14px}.summary-item__value{color:#1552d4;text-align:right;font-size:32px;font-weight:700}.injection-card{text-align:left;justify-content:flex-start;align-items:flex-start;gap:14px;padding:18px}.injection-card__top{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.injection-card__box{color:#fff;font-size:20px;font-weight:700;line-height:1.15}.injection-status-pill{color:#fffffff5;background:#ffffff24;border-radius:999px;align-items:center;min-height:30px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.injection-status-pill--done{background:#fff3}.injection-status-pill--pending{background:#ffffff24}.injection-card__grid{gap:10px;width:100%;display:grid}.injection-card__item{background:#ffffff1f;border-radius:14px;justify-content:space-between;gap:16px;padding:10px 12px;display:flex}.injection-card__label{color:#ffffffd1;font-size:13px}.injection-card__value{color:#fff;text-align:right;font-size:14px;font-weight:700}.injection-card--done{opacity:.78}.modal-overlay{z-index:1000;background:#11182773;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-modal{background:#fffffffa;border:1px solid #1118270f;border-radius:22px;width:100%;max-width:420px;padding:20px;box-shadow:0 20px 48px #1118272e}.confirm-modal__title{color:#111827;margin:0 0 8px;font-size:20px}.confirm-modal__text{color:#111827b8;margin:0;font-size:15px;line-height:1.5}.confirm-modal__actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.confirm-yes-button{min-width:92px}.single-column{grid-template-columns:1fr}.centered{text-align:center}.w-full{width:100%}@media (width<=420px){.mobile-content{padding:20px 14px 24px}.page-title,.dashboard-title{font-size:26px}.tile-grid--two,.stald-grid--premium{grid-template-columns:repeat(2,minmax(136px,154px));gap:12px}.tile-button--premium,.stald-tile--premium{border-radius:20px;min-height:108px;padding:14px}.tile-grid--one,.actions-grid-premium{max-width:100%}.tile-button__text,.stald-tile__text--premium{font-size:18px}.login-card{padding:var(--space-5);border-radius:18px}.step-panel,.summary-panel{border-radius:20px;padding:16px}.step-panel__title,.summary-panel__title{font-size:17px}.field-input{border-radius:14px;min-height:50px;padding:13px 14px}.weight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-item{flex-direction:column;gap:6px}.summary-item__value{text-align:left}.injection-card__item{flex-direction:column;gap:6px}.injection-card__value{text-align:left}.confirm-modal{border-radius:20px;padding:18px}.confirm-modal__actions{flex-direction:column-reverse}.confirm-yes-button,.confirm-modal__actions .secondary-button{width:100%}}.tile-grid--stable{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.tile-grid--box{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.tile-button--square{justify-content:center;align-items:center;min-height:84px;padding:16px;display:flex}.tile-button.is-active{transform:translateY(-1px);box-shadow:0 0 0 2px #228b222e,0 12px 24px #00000014}.page-actions--between{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.status-banner--success{color:#166534;background:#ecfdf3;border:1px solid #b7ebc6}.medicine-grid{grid-template-columns:1fr;gap:14px;display:grid}.medicine-card{text-align:left;color:#fff;cursor:pointer;background:#2f855a;border:none;border-radius:22px;width:100%;padding:18px;transition:transform .18s,box-shadow .18s;box-shadow:0 14px 28px #225a341a}.medicine-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px #225a3424}.medicine-card--active{box-shadow:0 0 0 2px #228b222e,0 18px 34px #225a3424}.medicine-card__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.medicine-card__title{color:#153a22;font-size:18px;font-weight:700}.medicine-chip{color:#166534;white-space:nowrap;background:#d8f0dc;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700}.medicine-card__body{flex-direction:column;gap:10px;display:flex}.medicine-meta-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.medicine-meta{flex-direction:column;gap:4px;display:flex}.medicine-meta__label{color:#4b6b55;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.medicine-meta__value{color:#173524;font-size:15px;font-weight:600}.summaryvalue{color:#fdfdfd;margin-left:30px;font-size:15px;font-weight:600}.injection-card--done{opacity:.78;cursor:default}.injection-card:disabled{cursor:default}.tile-button__title{color:#f5f5f5;font-size:1rem;font-weight:700;line-height:1.25;display:block}.field-group{flex-direction:column;gap:.45rem;margin-bottom:1rem;display:flex}.field-label{color:#1f2937;font-size:.92rem;font-weight:600}.step-form{flex-direction:column;display:flex}.form-actions{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.summary-row{justify-content:space-between;gap:1rem;padding:.35rem 0;display:flex}.injection-card--active{outline:2px solid #22c55e47}.secondary-button--danger{color:#b91c1c;border-color:#dc26262e}.step-panel__header h2{margin:0;font-size:1.05rem}.step-panel__header p{color:#6b7280;margin:.35rem 0 0;font-size:.92rem}.confirm-modal__content h3{margin-top:0}.confirm-modal__actions{gap:.75rem;margin-top:1rem;display:flex}.confirm-modal__actions button{flex:1}.bottle-visual{flex-direction:column;gap:.35rem;display:flex}.bottle-visual__icons{flex-wrap:wrap;align-items:center;gap:.28rem;display:flex}.bottle-icon{background:#f0fdf4f2;border:1px solid #22c55e1f;border-radius:999px;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:1.05rem;display:inline-flex}.bottle-visual__more{color:#166534;background:#dcfce7f2;border-radius:999px;justify-content:center;align-items:center;min-width:2rem;height:1.6rem;padding:0 .5rem;font-size:.82rem;font-weight:700;display:inline-flex}.bottle-visual__count{color:#4b5563;font-size:.82rem}.admin-table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.admin-table-toolbar__left,.admin-table-toolbar__right{align-items:center;display:flex}.table-toolbar-button{letter-spacing:.01em;cursor:pointer;border:none;border-radius:14px;padding:12px 18px;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s,background .18s;box-shadow:0 10px 24px #0f172a1a}.table-toolbar-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #0f172a24}.table-toolbar-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.table-toolbar-button--ghost{color:#1f2937;background:linear-gradient(135deg,#fff 0%,#f3f6fb 100%);border:1px solid #94a3b847}.table-toolbar-button--ghost:hover:not(:disabled){background:linear-gradient(135deg,#fff 0%,#eef4ff 100%)}.table-toolbar-button--excel{color:#fff;background:linear-gradient(135deg,#1f9d68 0%,#157f59 100%)}.table-toolbar-button--excel:hover:not(:disabled){background:linear-gradient(135deg,#22a86f 0%,#136d4d 100%)}.table-action-button{letter-spacing:.01em;cursor:pointer;border:none;border-radius:12px;min-width:92px;padding:10px 14px;font-size:13px;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s,background .18s;box-shadow:0 8px 18px #0f172a1a}.table-action-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #0f172a24}.table-action-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.table-action-button--pending{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}.table-action-button--pending:hover:not(:disabled){background:linear-gradient(135deg,#2d6df0 0%,#1e40af 100%)}.table-action-button--done{color:#334155;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border:1px solid #94a3b83d}.table-action-button--done:hover:not(:disabled){background:linear-gradient(135deg,#fff 0%,#dbe7f5 100%)}.mobile-header__actions{align-items:center;gap:10px;display:flex}.sync-badge{background:#ffffffa6;border:1px solid #11182714;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.sync-badge--online{color:#166534}.sync-badge--offline{color:#b45309}.sync-badge--syncing{color:#1d4ed8}