:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:17px;font-weight:400;line-height:1.45}html{min-width:320px}body{min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button{touch-action:manipulation}input,select,textarea{font-size:16px}#root{width:100%;min-height:100svh}h1,h2,h3{overflow-wrap:anywhere}h1{margin:0 0 18px;font-size:clamp(2rem,4vw,2.8rem);line-height:1.08}h2{margin:0 0 12px;font-size:clamp(1.35rem,2.3vw,1.7rem);line-height:1.2}h3{margin:24px 0 10px;font-size:1.08rem}p{overflow-wrap:anywhere;margin:0 0 12px}hr{border:0;border-top:1px solid var(--border);margin:28px 0}@media (width<=700px){:root{font-size:16px}h1{font-size:2rem}}.registration-shell{box-sizing:border-box;text-align:left;width:min(780px,100%);margin:0 auto;padding:18px 10px 42px}.registration-heading{margin-bottom:20px}.registration-heading h2{letter-spacing:-.025em;margin:0 0 5px;font-size:clamp(1.55rem,3vw,1.95rem)}.registration-heading p,.registration-help-text,.character-count{color:var(--text)}.registration-heading p{margin:0}.registration-step{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:17px;grid-template-columns:42px 1fr;gap:14px;margin-bottom:14px;padding:19px;scroll-margin-top:96px;display:grid}.registration-step-number{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:780;display:grid;box-shadow:0 4px 10px #2563eb2e}.registration-step-content{min-width:0}.registration-label{color:var(--text-h);margin-bottom:10px;font-size:18px;font-weight:730;display:block}.registration-help-text{margin:4px 0 10px;font-size:14px}.search-help{margin-top:17px}.registration-search input,.registration-reason,.custom-quantity-row input,.date-editor input{box-sizing:border-box;border:1px solid var(--border-strong);width:100%;min-height:52px;font:inherit;color:var(--text-h);background:var(--surface);border-radius:12px;padding:12px 14px}.registration-search input:focus,.registration-reason:focus,.custom-quantity-row input:focus,.date-editor input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb1f}.registration-search button{border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--text-h);font:inherit;cursor:pointer}.registration-search button:hover,.registration-search button:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.registration-search .search-results{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:20;position:relative;overflow-y:auto}.registration-search .search-control>input{scroll-margin-top:12px}.selected-summary{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--text-h);border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:11px 13px;display:flex}.selected-summary strong{color:var(--accent-hover)}.selected-summary span{color:var(--text)}.medicine-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.medicine-quick-button{border:1.5px solid var(--border-strong);background:var(--surface);min-height:86px;color:var(--text-h);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:14px;display:flex;box-shadow:0 1px 3px #17203308}.medicine-quick-button strong{font-size:18px}.medicine-quick-button span{color:var(--text)}.medicine-quick-button:hover,.medicine-quick-button:focus-visible{border-color:var(--accent-border);background:var(--surface-blue)}.medicine-quick-button.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.quantity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.quantity-button{border:1.5px solid var(--border-strong);background:var(--surface);min-height:58px;color:var(--text-h);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:14px;font-size:20px;font-weight:760}.quantity-button:hover,.quantity-button:focus-visible{border-color:var(--accent-border);background:var(--surface-blue)}.quantity-button.selected{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 5px 12px #2563eb29}.custom-quantity-row,.date-editor{align-items:center;gap:10px;margin-top:12px;display:flex}.custom-quantity-row label{white-space:nowrap;color:var(--text-h);font-weight:650}.custom-quantity-row input{max-width:150px}.automatic-time-row{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex}.automatic-time-row>div{flex-direction:column;gap:2px;display:flex}.automatic-time-row strong{color:var(--text-h)}.automatic-time-row span{color:var(--text);font-size:14px}.secondary-action-button,.warning-save-button,.primary-register-button{min-height:50px;font:inherit;cursor:pointer;touch-action:manipulation;border-radius:12px;padding:10px 16px;font-weight:720}.secondary-action-button{border:1px solid var(--border-strong);color:var(--text-h);background:var(--surface)}.secondary-action-button:hover{border-color:var(--accent-border);background:var(--accent-soft)}.reason-label{margin-top:18px}.registration-reason{resize:vertical;min-height:110px}.character-count{text-align:right;margin-top:4px;font-size:13px}.registration-confirmation{border:1px solid var(--success-border);background:linear-gradient(180deg, #fff, var(--success-soft));box-shadow:var(--shadow-sm);text-align:left;border-radius:17px;margin-top:18px;padding:20px;scroll-margin-top:96px}.registration-confirmation h3{color:var(--text-h);margin-top:0}.registration-confirmation dl{margin:0 0 18px}.registration-confirmation dl>div{border-bottom:1px solid #dce9e0;grid-template-columns:110px 1fr;gap:10px;padding:9px 0;display:grid}.registration-confirmation dl>div:last-child{border-bottom:0}.registration-confirmation dt{color:var(--text-h);font-weight:720}.registration-confirmation dd{color:var(--text);overflow-wrap:anywhere;margin:0}.primary-register-button{border:1px solid var(--success);background:var(--success);color:#fff;width:100%;min-height:60px;font-size:18px;box-shadow:0 6px 15px #15803d29}.primary-register-button:hover{background:#116b34;border-color:#116b34}.primary-register-button:disabled,.warning-save-button:disabled,.secondary-action-button:disabled{opacity:.55;cursor:not-allowed}.registration-warning{border:1px solid var(--warning-border);border-left:5px solid var(--warning);background:var(--warning-soft);border-radius:14px;padding:16px}.registration-warning h3{color:#8a4307;margin:0 0 8px}.registration-warning p{color:#7b4a18}.registration-warning p+p{margin-top:8px}.warning-actions{gap:10px;margin-top:16px;display:flex}.warning-save-button{border:1px solid var(--warning);background:var(--warning);color:#fff}.warning-save-button:hover{background:#984507}.registration-message{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--text-h);border-radius:12px;margin-top:14px;padding:12px 14px}@media (width<=640px){.registration-shell{padding-inline:4px}.registration-step{grid-template-columns:34px 1fr;gap:10px;padding:14px 12px}.registration-step-number{width:32px;height:32px}.medicine-quick-grid,.quantity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-summary,.automatic-time-row,.custom-quantity-row,.date-editor,.warning-actions{flex-direction:column;align-items:stretch}.custom-quantity-row input{max-width:none}.registration-confirmation dl>div{grid-template-columns:1fr;gap:2px}}@media (width>=900px){.medicine-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.registration-shell{width:min(820px,100%);padding-top:14px}.medicine-quick-button{min-height:92px}.quantity-button{min-height:60px}}:root{--page-bg:#f4f7fb;--surface:#fff;--surface-soft:#f8fafc;--surface-blue:#f1f6ff;--text-h:#172033;--text:#5f6f82;--text-soft:#7c8a9c;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eaf2ff;--accent-border:#b9cff8;--success:#15803d;--success-soft:#edf8f0;--success-border:#b7dfc3;--warning:#b45309;--warning-soft:#fff8eb;--warning-border:#f3cf98;--danger:#b91c1c;--danger-soft:#fff1f1;--border:#dce4ee;--border-strong:#c8d3df;--shadow-sm:0 2px 8px #1720330d;--shadow:0 8px 26px #17203314;--shadow-lg:0 16px 42px #1720331c;--radius-sm:10px;--radius:14px;--radius-lg:18px;--bg:var(--surface)}*{box-sizing:border-box}html{background:var(--page-bg);min-width:320px}body{background:radial-gradient(circle at 20% 0%, #2563eb0b, transparent 28rem), var(--page-bg);min-width:320px;min-height:100vh;color:var(--text-h);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}#root{min-height:100vh}button,input,select,textarea{font:inherit;transition:border-color .14s,background-color .14s,box-shadow .14s,color .14s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2563eb38}h1,h2,h3{color:var(--text-h);letter-spacing:-.02em}p{color:var(--text)}.app-shell,.login-page,.support-page,.public-card{width:min(1180px,100%);margin:0 auto}.app-shell{min-height:100vh}.app-header{border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fffffff7;padding:24px clamp(16px,3vw,36px) 0}.app-title-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.app-title-row h1{letter-spacing:-.035em;margin:0 0 4px;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:760}.app-title-row h1:before{content:"";background:var(--accent);vertical-align:-2px;border-radius:99px;width:10px;height:28px;margin-right:10px;display:inline-block}.app-user-summary{color:var(--text);margin:0}.app-user-summary strong{color:var(--text-h)}.app-logout-button,.app-nav-button{border:1px solid var(--border);background:var(--surface);min-height:50px;color:var(--text-h);cursor:pointer;touch-action:manipulation;border-radius:12px;padding:10px 18px;font-weight:700}.app-logout-button:hover,.app-nav-button:hover{border-color:var(--accent-border);background:var(--accent-soft)}.app-logout-button:active,.app-nav-button:active{background:#dceaff}.app-logout-button{flex:none}.app-navigation{flex-wrap:wrap;gap:10px;padding:22px 0 16px;display:flex}.app-nav-button{min-width:150px}.app-nav-button.active,.app-nav-button[aria-current=page]{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 5px 14px #2563eb2e}.app-nav-button.active:hover,.app-nav-button[aria-current=page]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.app-main{width:100%;padding:26px clamp(12px,2.7vw,34px) 52px}.admin-page button,.support-page button,.public-card button,.login-page button,.overview-page button,.registration-history button,.statistics-panel button{border:1px solid var(--border-strong);background:var(--surface);min-height:48px;color:var(--text-h);cursor:pointer;touch-action:manipulation;border-radius:11px;padding:10px 16px;font-weight:650}.admin-page button:hover,.support-page button:hover,.public-card button:hover,.login-page button:hover,.overview-page button:hover,.registration-history button:hover,.statistics-panel button:hover{border-color:var(--accent-border);background:var(--accent-soft)}.admin-page button:active,.support-page button:active,.public-card button:active,.login-page button:active,.overview-page button:active{background:#dceaff}.admin-page button:disabled,.support-page button:disabled,.public-card button:disabled,.login-page button:disabled,.overview-page button:disabled{opacity:.55;cursor:not-allowed}.admin-page input,.admin-page select,.admin-page textarea,.support-page input,.support-page select,.support-page textarea,.public-card input,.public-card select,.public-card textarea,.overview-page input,.overview-page select,.overview-page textarea,.registration-history input,.registration-history select,.registration-history textarea,.statistics-panel input,.statistics-panel select,.statistics-panel textarea{border:1px solid var(--border-strong);background:var(--surface);width:min(100%,540px);min-height:52px;color:var(--text-h);border-radius:11px;padding:10px 13px;box-shadow:inset 0 1px 1px #17203305}.admin-page input:focus,.admin-page select:focus,.admin-page textarea:focus,.support-page input:focus,.support-page select:focus,.support-page textarea:focus,.public-card input:focus,.public-card select:focus,.public-card textarea:focus,.overview-page input:focus,.overview-page select:focus,.overview-page textarea:focus,.registration-history input:focus,.registration-history select:focus,.registration-history textarea:focus,.statistics-panel input:focus,.statistics-panel select:focus,.statistics-panel textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb1f}textarea{resize:vertical;min-height:110px}label{color:var(--text-h);font-weight:650}.login-page{border:1px solid var(--border);background:var(--surface);width:min(1060px,100% - 24px);box-shadow:var(--shadow-lg);text-align:center;border-radius:22px;margin:clamp(14px,3vh,34px) auto;padding:28px clamp(14px,3vw,34px) 34px}.login-page>h1{margin:0 0 20px;font-size:clamp(1.9rem,4vw,2.45rem);font-weight:780}.login-page>h1:before{content:"";background:var(--accent);vertical-align:-2px;border-radius:99px;width:11px;height:30px;margin-right:11px;display:inline-block}.login-content{width:100%}.login-staff-section{min-width:0}.login-staff-section>h2{margin-bottom:14px;font-size:1.25rem}.staff-grid{width:100%}.staff-tile{min-width:0;box-shadow:none;touch-action:manipulation;border-color:var(--border)!important;background:var(--surface-soft)!important;min-height:76px!important}.staff-tile:hover{border-color:var(--accent-border)!important;background:var(--surface-blue)!important}.staff-tile.selected{box-shadow:inset 0 0 0 1px var(--accent);border-color:var(--accent)!important;background:var(--accent-soft)!important}.pin-panel{border:1px solid var(--border);background:var(--surface-soft);border-radius:18px;width:min(100%,340px);padding:18px}.pin-panel>h2{margin-top:0}.pin-panel>p{margin-top:4px}.pin-keypad{width:100%}.pin-keypad button{touch-action:manipulation;font-weight:750;box-shadow:0 1px 3px #1720330a;border-color:var(--border)!important;background:var(--surface)!important;min-height:62px!important}.pin-keypad button:hover{border-color:var(--accent)!important;background:var(--accent-soft)!important}.pin-keypad button:active{background:#dceaff!important}.login-secondary-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.login-secondary-actions button{color:var(--accent-hover)}.search-control{width:100%;max-width:100%;position:relative}.search-control>input{border:1px solid var(--border-strong);background:var(--surface);width:100%;min-height:52px;color:var(--text-h);border-radius:11px;padding:11px 13px}.search-control>input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb1f}.search-results{border:1px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--shadow);border-radius:12px;margin-top:6px;overflow:hidden}.search-results>p{margin:0;padding:12px 14px}.search-result-button{width:100%;min-height:52px;color:var(--text-h);text-align:left;cursor:pointer;padding:12px 14px;display:block;border:0!important;border-bottom:1px solid var(--border)!important;background:var(--surface)!important;border-radius:0!important;font-weight:560!important}.search-result-button:last-child{border-bottom:0!important}.search-result-button:hover,.search-result-button:focus-visible{background:var(--accent-soft)!important}.overview-page{text-align:left;width:min(960px,100%);margin:0 auto}.overview-page>h1,.admin-page>h1,.support-page>h1{margin-top:0;margin-bottom:22px;font-size:clamp(1.7rem,3vw,2.1rem)}.overview-page>.search-control{width:min(100%,620px);margin-bottom:18px}.statistics-panel,.registration-history{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);margin-top:18px;padding:clamp(16px,2.2vw,22px)}.statistics-panel h2,.statistics-panel h3,.registration-history h2,.registration-history h3{margin-top:0}.statistics-panel table{border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid var(--border);border-radius:12px;width:100%;margin-top:10px;overflow:hidden}.statistics-panel th,.statistics-panel td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:11px 10px}.statistics-panel th{background:var(--surface-soft);color:var(--text-h);font-weight:720}.statistics-panel tr:last-child td{border-bottom:0}.history-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;margin:14px 0;padding:18px}.history-card:hover{border-color:var(--border-strong)}.history-card strong{color:var(--text-h)}.history-card>hr{display:none}.history-card button{margin:4px 6px 4px 0}.registration-history textarea,.registration-history input,.registration-history select{width:100%;max-width:620px}.admin-page{text-align:left;width:min(960px,100%);margin:0 auto}.admin-page>h1{margin-bottom:28px}.admin-page>h2{border-bottom:2px solid var(--accent-soft);color:var(--text-h);margin:38px 0 18px;padding-bottom:10px;font-size:1.45rem}.admin-page>h2:first-of-type{margin-top:0}.admin-page>h3{color:var(--text-h);margin:24px 0 12px;font-size:1.08rem}.admin-page>input,.admin-page>select{display:inline-block}.admin-page>button{border-color:var(--accent);background:var(--accent);color:#fff;margin:4px 6px 4px 0}.admin-page>button:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.admin-page>div{border:1px solid var(--border);background:var(--surface);max-width:760px;box-shadow:var(--shadow-sm);border-radius:13px;margin-top:10px;padding:14px 16px}.admin-page>div strong{color:var(--text-h)}.admin-page>div button{margin:10px 6px 0 0}.admin-page>hr{border:0;border-top:1px solid var(--border);margin:34px 0}.support-page{border:1px solid var(--border);background:var(--surface);width:min(960px,100% - 24px);box-shadow:var(--shadow);text-align:left;border-radius:20px;margin:24px auto;padding:26px clamp(14px,3vw,32px) 40px}.support-page>h1,.public-card>h1{margin-bottom:16px}.support-user-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;margin-top:12px;padding:16px}.support-user-card select{width:min(100%,240px);margin:6px 8px 6px 0}.support-user-card button{margin:6px 8px 6px 0}.public-card{border:1px solid var(--border);background:var(--surface);width:min(560px,100% - 24px);box-shadow:var(--shadow-lg);text-align:left;border-radius:20px;margin-top:clamp(18px,5vh,58px);padding:clamp(22px,4vw,34px)}.public-card input,.public-card select{width:100%}.public-card button{margin:5px 6px 5px 0}.public-card button:first-of-type{border-color:var(--accent);background:var(--accent);color:#fff}.public-card button:first-of-type:hover{border-color:var(--accent-hover);background:var(--accent-hover)}@media (width<=900px){.app-header{padding-top:18px}.app-navigation{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.app-nav-button{width:100%;min-width:0}.admin-page,.overview-page{width:100%}.support-page{width:calc(100% - 16px);margin-top:8px}.statistics-panel table{font-size:.95rem}}@media (width<=680px){.app-header{padding-inline:12px}.app-title-row{align-items:flex-start}.app-title-row h1{font-size:1.8rem}.app-title-row h1:before{width:8px;height:24px;margin-right:8px}.app-user-summary{font-size:.94rem}.app-logout-button{min-height:48px;padding-inline:13px}.app-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.app-main{padding:16px 10px 36px}.login-page{border-radius:16px;width:calc(100% - 12px);margin:6px auto;padding-inline:10px}.staff-grid{gap:7px!important}.login-secondary-actions{flex-direction:column;align-items:stretch}.login-secondary-actions button{width:100%}.statistics-panel,.registration-history{padding:14px 12px}.statistics-panel table,.statistics-panel thead,.statistics-panel tbody,.statistics-panel tr{width:100%}.statistics-panel th,.statistics-panel td{padding:9px 5px;font-size:.88rem}.history-card{padding:14px 12px}.admin-page button,.support-user-card button,.public-card button,.support-user-card select{width:100%;margin-right:0}.public-card{border-radius:14px;width:calc(100% - 16px);margin-top:8px;padding:18px 14px}}@media (orientation:landscape) and (height<=820px) and (hover:none) and (pointer:coarse){.login-page{width:100%;box-shadow:none;border:0;border-radius:0;margin:0 auto;padding:8px 12px 12px}.login-page>h1{margin:0 0 6px;font-size:1.65rem}.login-page>h1:before{width:7px;height:21px;margin-right:7px}.login-content{grid-template-columns:minmax(0,1fr) minmax(250px,300px);align-items:start;gap:14px;display:grid}.login-staff-section>h2{margin:0 0 6px;font-size:1.2rem}.login-page .search-control>input{min-height:44px;padding-block:8px}.login-page .staff-grid{gap:5px!important;margin-top:6px!important;margin-bottom:0!important}.login-page .staff-tile{min-height:50px!important;padding:4px!important}.login-page .pin-panel{border-radius:13px;width:100%;padding:8px;max-width:280px!important;margin:0 auto!important}.login-page .pin-panel>h2{margin:0 0 2px;font-size:1.2rem}.login-page .pin-panel>p{margin:2px 0;font-size:.92rem}.login-page .pin-panel [aria-label=PIN-status]{margin:5px 0!important;font-size:24px!important}.login-page .pin-keypad{gap:5px!important}.login-page .pin-keypad button{padding:4px 8px;min-height:44px!important}.login-secondary-actions{gap:8px;margin-top:8px}.login-secondary-actions button{min-height:44px;padding-block:6px}.login-page>p{margin-block:6px!important}}@media (width<=420px){.app-title-row{flex-direction:column}.app-logout-button{width:100%}.app-navigation{grid-template-columns:1fr}}.app-data-message{border:1px solid var(--warning-border);background:var(--warning-soft);color:#7b4a18;border-radius:12px;width:min(960px,100%);margin:0 auto 18px;padding:12px 14px}