@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--primary-orange: #FF6B00;--primary-light: #FF8E3D;--primary-dark: #cc5600;--secondary-orange: #FFA366;--accent-color: #FFF2EB;--bg-color: #FAFAFA;--surface-color: #FFFFFF;--text-main: #2D3748;--text-muted: #718096;--text-inverse: #FFFFFF;--error: #E53E3E;--success: #38A169;--border-light: #EDF2F7;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;max-width:100%}body{font-family:Inter,Noto Sans JP,sans-serif;background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden;max-width:100%}#root{width:100%;max-width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--text-main);line-height:1.2}.app-container{max-width:600px;margin:0 auto;min-height:100vh;background-color:var(--surface-color);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow-x:hidden}.header{background:linear-gradient(135deg,var(--primary-orange),var(--primary-light));color:var(--text-inverse);padding:1.5rem;text-align:center;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100;display:flex;justify-content:center;align-items:center;gap:.5rem}.main-content{flex:1;padding:2rem 1.5rem;background-color:var(--bg-color)}.card{background:var(--surface-color);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-normal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;width:100%}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--primary-orange),var(--primary-light));color:var(--text-inverse);box-shadow:0 4px 14px #ff6b0063}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #ff6b003b;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--primary-orange);border:2px solid var(--primary-orange)}.btn-secondary:hover:not(:disabled){background:var(--accent-color)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--text-muted)}.form-control{width:100%;padding:1rem;border-radius:12px;border:1.5px solid var(--border-light);font-size:1rem;transition:all var(--transition-fast);background-color:var(--bg-color)}.form-control:focus{outline:none;border-color:var(--primary-orange);background-color:var(--surface-color);box-shadow:0 0 0 3px #ff6b001a}.error-message{color:var(--error);font-size:.875rem;margin-top:.5rem;font-weight:500}.login-wrapper{min-height:100vh;width:100%;background-color:var(--primary-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden}.bg-decoration{position:absolute;border-radius:50%;filter:blur(80px)}.bg-decoration.top-left{top:-10%;left:-10%;width:40%;height:40%;background-color:var(--primary-orange);opacity:.5}.bg-decoration.bottom-right{bottom:-10%;right:-10%;width:40%;height:40%;background-color:var(--primary-light);opacity:.3}.login-card{background:var(--surface-color);width:100%;max-width:24rem;border-radius:3rem;box-shadow:var(--shadow-xl);padding:2.5rem 2rem;display:flex;flex-direction:column;position:relative;z-index:10;animation:zoom-in .5s ease-out}@keyframes zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.login-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.logo-container{width:5rem;height:5rem;margin-bottom:1rem}.logo-image{width:100%;height:100%;object-fit:contain}.login-header h1{font-size:1.875rem;font-weight:900;color:#0f172a}.login-header p{font-size:1rem;font-weight:700;color:var(--primary-orange)}.login-form{display:flex;flex-direction:column;gap:1.5rem;animation:slide-in .3s ease-out}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.input-with-icon{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);width:1.25rem;height:1.25rem}.form-control.with-icon{padding:1rem 1.5rem 1rem 3.5rem;background-color:#f8fafc;border:2px solid #F1F5F9;border-radius:1rem}.form-control.text-xl{font-size:1.25rem}.form-control.font-bold{font-weight:900;color:#0f172a}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.w-full{width:100%}.pb-2{padding-bottom:.5rem}.tracking-widest{letter-spacing:.1em}.flex-center-gap{display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-large{padding:1.25rem;border-radius:1rem;font-size:1.125rem;font-weight:900}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.btn-disabled{background-color:#f8fafc;color:#cbd5e1;cursor:not-allowed;box-shadow:none;border:none}.back-button{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.75rem;font-weight:900;background:none;border:none;cursor:pointer;padding:0;transition:color var(--transition-fast)}.back-button:hover{color:var(--primary-orange)}.password-section{display:flex;flex-direction:column;align-items:center;width:100%}.employee-id-display{font-size:.625rem;font-weight:900;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.password-instruction{font-size:1rem;font-weight:900;color:#334155;margin-bottom:1.5rem}.admin-link{margin-top:2rem;padding:.5rem;color:#cbd5e1;font-size:.625rem;font-weight:900;display:flex;align-items:center;justify-content:center;gap:.5rem;background:none;border:none;cursor:pointer;opacity:.5;transition:all var(--transition-fast)}.admin-link:hover{color:var(--primary-orange);opacity:1}.version-info{margin-top:1.5rem;color:#ffffffb3;font-size:.875rem;font-weight:700;z-index:10}