:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#333}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background:linear-gradient(-45deg,#f3f4f6,#e0f2fe,#f0f9ff,#eef2ff);background-size:400% 400%;animation:gradient 15s ease infinite;display:flex;justify-content:center;align-items:center}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg-dark: #000000;--holo-blue: #00f0ff;--holo-pink: #ff003c;--glass-panel: rgba(20, 20, 30, .6);--glass-border: rgba(0, 240, 255, .2)}body{margin:0;min-height:100vh;background:#000;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:30px 30px;color:#fff;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.app-container{width:100%;min-height:100vh;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;position:relative;overflow-x:hidden}.digital-card{width:94vw;max-width:1000px;aspect-ratio:1.586 / 1;min-height:300px;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000080;background:#fff;display:flex;flex-direction:column;margin:0 auto;position:relative;border:1px solid #ccc;flex-shrink:0}.cyber-loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;position:relative;background:#000}.cyber-spinner{width:80px;height:80px;border:4px solid rgba(0,240,255,.1);border-top:4px solid #00f0ff;border-radius:50%;position:absolute}.cyber-spinner-inner{width:50px;height:50px;border:4px solid rgba(255,0,60,.1);border-bottom:4px solid #ff003c;border-radius:50%;position:absolute}.cyber-text-container{margin-top:120px}.cyber-text{font-family:OCR A Std,monospace;color:#00f0ff;font-size:1rem;letter-spacing:.2em}.nit-header{background:#fff;padding:10px 20px;text-align:right;min-height:60px;display:flex;align-items:center;justify-content:flex-end;border-bottom:5px solid #1a1a1a}.header-row{display:flex;flex-direction:row;align-items:baseline;gap:10px;flex-wrap:wrap;justify-content:flex-end}.sc-logo{color:#039;font-family:Arial,sans-serif;font-weight:900;font-style:italic;font-size:clamp(1.2rem,4vw,2rem);letter-spacing:.02em;line-height:1}.digital-label{color:#039;font-family:Meiryo,sans-serif;font-weight:700;font-style:normal;font-size:clamp(1rem,3.5vw,1.8rem);line-height:1}.black-bar{display:none}.card-body{background:linear-gradient(to bottom,#039,#026);padding:6% 8%;color:#fff;flex:1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.card-label{position:absolute;top:6%;left:6%;font-size:clamp(1.2rem,3.5vw,1.8rem);opacity:.9;letter-spacing:.1em;font-weight:700}.card-title{display:none}.patient-info{margin:auto 0;width:100%}.patient-number{font-family:OCR A Std,Monaco,monospace;font-size:clamp(2rem,6vw,3.5rem);margin-bottom:2%;opacity:.95;font-weight:700;letter-spacing:.15em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.patient-name{font-size:clamp(3rem,10vw,6rem);font-weight:900;letter-spacing:.02em;text-shadow:0 4px 8px rgba(0,0,0,.6);line-height:1.1;word-break:keep-all}.card-footer{background:repeating-linear-gradient(-45deg,#039,#039 10px,#04a 10px 20px);padding:10px 4px;text-align:center;border-top:2px solid white;display:flex;align-items:center;justify-content:center}.footer-text{color:#fff;font-weight:900;font-size:clamp(.7rem,2.9vw,1.4rem);text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:clip;line-height:1;width:100%}.checkin-btn{width:94vw;max-width:1000px;margin-top:30px;background:linear-gradient(135deg,#ff4b1f,#ff9068);color:#fff;font-weight:900;font-size:1.5rem;padding:24px;border:none;border-radius:50px;box-shadow:0 10px 20px #ff4b1f66;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.checkin-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,255,255,.2),transparent);pointer-events:none}.checkin-btn:active{transform:scale(.96);box-shadow:0 5px 10px #ff4b1f66}.checkin-btn:disabled{background:#555;box-shadow:none;color:#888;cursor:not-allowed}.neo-form-container{width:90vw;max-width:400px;background:#14141e66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,240,255,.3);border-radius:20px;padding:30px;box-shadow:0 0 30px #00000080;display:flex;flex-direction:column;gap:20px}.neo-label{display:block;color:#00f0ff;font-size:1rem;margin-bottom:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.neo-input{width:100%;height:60px;background:#0009;border:2px solid rgba(0,240,255,.3);border-radius:12px;color:#fff;font-size:1.8rem;padding:0 20px;outline:none;transition:all .2s ease;font-family:OCR A Std,monospace;box-sizing:border-box}.neo-input:focus{border-color:#00f0ff;box-shadow:0 0 15px #00f0ff4d;background:#00f0ff1a}.neo-input::placeholder{color:#ffffff4d;font-size:1.2rem}.neo-btn{width:100%;height:64px;background:linear-gradient(135deg,#00f0ff,#09f);border:none;border-radius:12px;color:#000;font-weight:900;font-size:1.4rem;cursor:pointer;box-shadow:0 5px 15px #00f0ff4d;transition:transform .1s,box-shadow .1s;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.05em;margin-top:10px}.neo-btn:active{transform:scale(.96);box-shadow:0 2px 5px #00f0ff4d}.neo-btn:disabled{background:#333;color:#666;box-shadow:none;cursor:not-allowed}.neo-btn.secondary{background:transparent;border:2px solid rgba(255,255,255,.2);color:#fff;box-shadow:none}.success-message{margin-top:30px;background:#4ade801a;border:1px solid #4ade80;color:#4ade80;padding:20px;border-radius:12px;text-align:center;font-weight:700;font-size:1.2rem;animation:popIn .3s ease-out;width:94vw;max-width:1000px}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}