:root{--brand-dark: #1e3a5f;--brand-primary: #2563eb;--brand-secondary: #3b82f6;--btn-done: #22c55e;--btn-active: #f97316;--bg-page: #f0f4f8;--bg-white: #ffffff;--text-color: #111827;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--border: #e5e7eb;--error: #dc2626;--warning: #f59e0b;--success: #22c55e;--font-main: "Hiragino Sans", "Noto Sans JP", -apple-system, sans-serif;--font-mono: "SF Mono", "Consolas", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-main);background:var(--bg-page);color:var(--text-color);line-height:1.5}#root{height:100%}.app{min-height:100%;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;padding:16px 32px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #00000026}.header__left{display:flex;align-items:center;gap:16px}.header__logo-image{height:56px;width:auto;border-radius:8px}.header__title{font-size:1.875rem;font-weight:700;letter-spacing:.02em}.header__datetime{font-size:1.5rem;opacity:.9}.header__right{display:flex;align-items:center;gap:16px}.header__btn{background:#ffffff26;border:none;color:#fff;padding:10px 20px;border-radius:8px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.header__btn:hover{background:#ffffff40;transform:translateY(-1px)}.header__btn--settings{display:flex;align-items:center;gap:6px}.header__user{font-size:.95rem;opacity:.9;padding:6px 12px;background:#ffffff1a;border-radius:6px}.print-service-status{display:flex;align-items:center;gap:8px;font-size:.95rem}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot--connected{background:#86efac;animation:pulse-dot 2s infinite}.status-dot--disconnected{background:#fca5a5}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.main--settings{justify-content:flex-start;padding-top:32px}.footer{padding:16px;text-align:center;background:var(--bg-white);border-top:1px solid var(--border)}.footer__meditoku-logo{height:32px;width:auto;opacity:.8}.card{background:var(--bg-white);border-radius:16px;box-shadow:0 4px 24px #0000001a;padding:48px 64px;max-width:600px;width:100%;text-align:center}.card--wide{max-width:800px}.card__title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}.card__subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:32px}.input-group{margin-bottom:24px}.input-label{display:block;font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.input-field{width:100%;max-width:400px;padding:16px 20px;font-size:1.5rem;font-family:var(--font-mono);text-align:center;border:2px solid var(--border);border-radius:12px;outline:none;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px #2563eb26}.input-field::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 40px;font-size:1.2rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--brand-primary);color:#fff}.btn--primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.btn--secondary{background:var(--bg-white);color:var(--text-primary);border:2px solid var(--border)}.btn--secondary:hover:not(:disabled){background:#f9fafb;border-color:var(--brand-primary)}.btn--large{padding:20px 48px;font-size:1.3rem}.btn-group{display:flex;gap:16px;justify-content:center;margin-top:24px}.copies-selector{display:flex;flex-direction:column;align-items:center;gap:12px;margin:24px 0}.copies-label{font-size:1rem;color:var(--text-secondary);font-weight:600}.copies-controls{display:flex;align-items:center;gap:24px}.copies-btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--border);background:var(--bg-white);font-size:1.5rem;font-weight:500;cursor:pointer;transition:all .2s;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.copies-btn:hover{background:#2563eb1a;border-color:var(--brand-primary);color:var(--brand-primary)}.copies-value{font-size:2.5rem;font-weight:700;min-width:60px;color:var(--brand-primary)}.label-preview-container{display:flex;justify-content:center;padding:24px;background:var(--bg-page);border-radius:12px;margin-bottom:16px}.label-preview{background:#fff;border:2px solid #374151;box-shadow:0 4px 16px #0000001f;position:relative;overflow:hidden}.label-preview__content{display:flex;height:100%}.label-preview__text{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:5px 8px;min-width:0}.label-preview__line1{font-size:11px;color:#1f2937;font-family:Meiryo UI,sans-serif;white-space:nowrap}.label-preview__line2{font-size:13px;color:#1f2937;font-family:Meiryo UI,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-preview__line3{font-size:26px;font-weight:700;color:#000;font-family:Meiryo UI,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label-preview__qr{display:flex;align-items:center;justify-content:center;background:#f9fafb;flex-shrink:0}.label-preview__demo-badge{position:absolute;top:-6px;right:-6px;background:#fbbf24;color:#78350f;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px}.complete-icon{font-size:4rem;margin-bottom:16px}.complete-title{font-size:2rem;font-weight:700;color:var(--btn-done);margin-bottom:16px}.complete-message{font-size:1.1rem;color:var(--text-primary);margin-bottom:24px}.auto-reset-text{font-size:.9rem;color:var(--text-muted);margin-top:16px}.warning-text{background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:16px 20px;border-radius:12px;margin-top:24px;font-size:.95rem;line-height:1.6}.error-message{background:#fee2e2;border:1px solid #fca5a5;color:var(--error);padding:16px 20px;border-radius:12px;margin-bottom:24px;text-align:center}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.progress-text{font-size:1.2rem;color:var(--text-secondary)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f,#2563eb,#3b82f6);padding:24px}.login-container{background:#fff;border-radius:24px;padding:48px;max-width:450px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.login-logo{margin-bottom:24px}.login-logo__image{height:100px;width:auto;border-radius:16px}.login-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.login-subtitle{color:var(--text-secondary);margin-bottom:32px}.login-meditoku-logo{height:28px;width:auto}.login-error{background:#fee2e2;border:1px solid #fca5a5;color:var(--error);padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:20px}.login-form__group{text-align:left}.login-form__label{display:block;font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.login-form__input{width:100%;padding:14px 16px;font-size:1rem;border:2px solid var(--border);border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s}.login-form__input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #2563eb26}.login-form__input--mfa{font-size:1.5rem;font-family:var(--font-mono);text-align:center;letter-spacing:.5em}.login-form__button{width:100%;padding:16px;font-size:1.1rem;font-weight:600;background:var(--brand-primary);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s;margin-top:8px}.login-form__button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.login-form__button:disabled{opacity:.5;cursor:not-allowed}.login-mfa-instruction{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;text-align:center}.login-dev-mode{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.login-dev-mode__header{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:6px}.login-dev-mode__accounts{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.login-dev-mode__account{width:100%;padding:10px 14px;font-size:.9rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:var(--text-primary);border:1px solid #bae6fd;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.login-dev-mode__account:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#7dd3fc;transform:translateY(-1px)}.login-dev-mode__account-role{font-weight:600;color:#0369a1;font-size:.85rem}.login-dev-mode__account-email{font-size:.8rem;color:var(--text-secondary);font-family:var(--font-mono)}.login-dev-mode__button{width:100%;padding:12px;font-size:.95rem;font-weight:500;background:#f3f4f6;color:var(--text-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s}.login-dev-mode__button:hover{background:#e5e7eb}.login-dev-mode__note{font-size:.75rem;color:var(--text-muted);margin-top:8px;line-height:1.5}.login-footer{margin-top:32px;font-size:.8rem;color:var(--text-muted)}.login-footer__brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.login-footer__logo{height:48px;width:auto}.login-footer__name{font-size:16px;font-weight:600;color:var(--text-secondary);line-height:48px}.settings-container{padding:24px;max-width:900px;margin:0 auto;width:100%}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.settings-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.settings-message{padding:12px 16px;border-radius:8px;margin-bottom:16px;text-align:center}.settings-message--success{background:#dcfce7;border:1px solid #86efac;color:#166534}.settings-message--error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.settings-section{background:var(--bg-white);border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 2px 8px #00000014}.settings-section__title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--border);display:flex;align-items:center;gap:8px}.settings-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.settings-note{font-size:.9rem;color:var(--text-muted);font-style:italic}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #f3f4f6}.settings-row:last-child{border-bottom:none}.settings-label{font-weight:500;color:var(--text-secondary)}.settings-value{font-weight:500;color:var(--text-primary)}.settings-select{padding:10px 14px;font-size:1rem;border-radius:8px;border:1px solid var(--border);min-width:200px}.settings-number-input{padding:10px 14px;font-size:1rem;border-radius:8px;border:1px solid var(--border);width:100px;text-align:center}.settings-form{display:flex;flex-direction:column;gap:16px}.settings-form__group{display:flex;flex-direction:column;gap:6px}.settings-form__label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.settings-form__input{padding:12px 14px;font-size:1rem;border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s}.settings-form__input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #2563eb1a}.settings-form__file-input{display:flex;align-items:center;gap:12px}.settings-form__file-name{font-size:.9rem;color:var(--text-secondary)}.settings-form__hint{font-size:.8rem;color:var(--text-muted);margin-top:4px}.settings-form__actions{display:flex;gap:12px;margin-top:8px}.settings-test-result{padding:12px 16px;border-radius:8px;font-size:.9rem}.settings-test-result--success{background:#dcfce7;color:#166534}.settings-test-result--error{background:#fee2e2;color:#991b1b}@media (max-width: 768px){.header{padding:12px 16px;flex-wrap:wrap;gap:12px}.header__title{font-size:1.4rem}.header__datetime{font-size:1.1rem}.header__logo-image{height:40px}.card{padding:32px 24px;margin:16px}.card__title{font-size:1.4rem}.btn-group{flex-direction:column}.settings-row{flex-direction:column;align-items:flex-start;gap:8px}.login-container{padding:32px 24px}.login-logo__image{height:80px}.login-title{font-size:1.3rem}.settings-form__actions{flex-direction:column}}