@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#faf9f6;--bg-secondary:#f3f1eb;--bg-tertiary:#e7e4dc;--bg-card:#fff;--accent-gold:#c5a880;--accent-gold-hover:#b3956d;--accent-blue:#1b2a4b;--accent-blue-hover:#111b30;--accent-red:#8e2430;--accent-green:#2e4a3b;--text-primary:#1a1a1a;--text-secondary:#4d4d4d;--text-muted:#888;--border-color:#c5a88040;--border-focus:#1b2a4b59;--card-shadow:0 4px 20px 0 #00000005;--glass-blur:blur(8px);--font-primary:"Outfit", "Noto Sans JP", sans-serif;--transition-smooth:all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent!important;-webkit-tap-highlight-color:#0000!important}select,input,button,a,[role=button],option{-webkit-tap-highlight-color:transparent!important;-webkit-tap-highlight-color:#0000!important}html{scroll-behavior:smooth}body{color:var(--text-primary);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6f4ee;background-image:radial-gradient(circle at 15% 15%,#c5a88033 0%,#0000 48%),radial-gradient(circle at 85% 85%,#1b2a4b24 0%,#0000 55%),radial-gradient(circle,#c5a8800f 0%,#0000 40%);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,th{font-family:var(--font-primary);letter-spacing:-.02em}.app-container{max-width:680px;margin:0 auto;padding:10px 12px 90px}.app-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);WebkitBackdropFilter:blur(16px);background:#ffffffbf;border:1px solid #ffffff80;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;display:flex;box-shadow:inset 0 1px 1px #fffc,0 6px 24px -6px #1b2a4b08}.app-header h1{color:var(--accent-gold);font-size:1.35rem;font-weight:700}.app-header p{display:none}.glass-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);WebkitBackdropFilter:blur(16px);transition:var(--transition-smooth);background:#ffffffbf;border:1px solid #ffffff80;border-radius:12px;margin-bottom:10px;padding:12px;position:relative;overflow:visible;box-shadow:inset 0 1px 1px #fffc,0 6px 24px -6px #1b2a4b08}.tab-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);WebkitBackdropFilter:blur(16px);z-index:100;scrollbar-width:none;background:#ffffffbf;border:1px solid #ffffff80;border-radius:12px;gap:2px;margin-bottom:16px;padding:4px;display:flex;position:sticky;top:6px;overflow-x:auto;box-shadow:inset 0 1px 1px #fffc,0 6px 24px -6px #1b2a4b08;-webkit-mask-image:linear-gradient(90deg,#0000,#fff 8px calc(100% - 8px),#0000);mask-image:linear-gradient(90deg,#0000,#fff 8px calc(100% - 8px),#0000)}.tab-container::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-secondary);font-weight:500;font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1 0 auto;align-items:center;gap:2px;padding:8px 14px;font-size:.88rem;display:flex}@media (hover:hover){.tab-btn:hover{color:var(--text-primary);background:#c5a8800d}}.tab-btn.active{color:var(--accent-gold);background:#c5a8801f;border-radius:8px;font-weight:700}.form-input,.form-select{border:1px solid var(--border-color);color:var(--text-primary);height:42px;font-family:var(--font-primary);-webkit-appearance:none;background:#fff;border-radius:4px;outline:none;width:100%;padding:0 12px;font-size:.92rem}select.form-select{background-image:url("data:image/svg+xml;utf8,<svg fill='%23c5a880' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.form-input:focus,.form-select:focus,.form-input:active,.form-select:active{border-color:var(--border-color)!important;box-shadow:none!important;background:#fff!important;outline:none!important}.btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;height:42px;transition:var(--transition-smooth);border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:.9rem;font-weight:500;display:inline-flex}@media (hover:hover){.btn:hover{background:var(--bg-tertiary)}}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent-gold);color:#fff;box-shadow:none;border:none;font-weight:600}@media (hover:hover){.btn-primary:hover{background:var(--accent-gold-hover)}}h2{color:var(--accent-gold);letter-spacing:-.01em;border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding-bottom:6px;font-size:1.25rem;font-weight:700;display:flex}.dashboard-grid{flex-direction:column;gap:10px;display:flex}.badge{letter-spacing:.05em;border-radius:2px;padding:3px 8px;font-size:.72rem;font-weight:600}.badge-gold{color:var(--accent-gold);background:#c5a8801a;border:1px solid #c5a88040}.badge-blue{color:var(--accent-blue);background:#1b2a4b14;border:1px solid #1b2a4b40}.switch-container{cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:6px 0;display:flex}.switch{width:44px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--bg-tertiary);transition:var(--transition-smooth);border-radius:22px;position:absolute;inset:0}.slider:before{content:"";width:14px;height:14px;transition:var(--transition-smooth);background-color:#fff;border-radius:50%;position:absolute;bottom:4px;left:4px;box-shadow:0 1px 3px #0000001a}input:checked+.slider{background-color:var(--accent-gold)}input:checked+.slider:before{transform:translate(22px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.2s cubic-bezier(.4,0,.2,1) forwards fadeIn}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.collapsible-header:active{opacity:.8}.collapsible-content{border-top:1px solid var(--border-color);flex-direction:column;gap:8px;margin-top:8px;padding-top:8px;display:flex}.table-scroll-container{border:1px solid var(--border-color);background:#fff;border-radius:4px;width:100%;margin-top:10px;overflow-x:auto}.table-scroll-container table{border-collapse:collapse;text-align:center;width:100%}.sticky-col{z-index:5;border-right:1px solid var(--border-color);font-weight:500;position:sticky;left:0;text-align:left!important;background:#fff!important;padding-left:12px!important}.table-scroll-container:after{content:"";pointer-events:none;background:linear-gradient(270deg,#faf9f699,#0000);width:20px;position:absolute;top:0;bottom:0;right:0}.glow-gold{border:1px solid var(--accent-gold)!important}.glow-blue{border:1px solid var(--accent-blue)!important}.glow-red{border:1px solid var(--accent-red)!important}.custom-dropdown-trigger{text-align:left;-webkit-user-select:none;user-select:none;background-color:#fff}@media (hover:hover){.custom-dropdown-item:hover{color:var(--accent-gold)!important;background-color:#ffffff4d!important}}.custom-dropdown-item:active{background-color:#ffffff73!important}.responsive-grid-2{grid-template-columns:1fr;gap:12px;display:grid}.responsive-divider-right{border-bottom:1px solid #c5a88026;border-right:none;padding-bottom:14px;padding-right:0}@media (width>=480px){.responsive-grid-2{grid-template-columns:1fr 1fr;gap:16px}.responsive-divider-right{border-bottom:none;border-right:1px solid #c5a88026;padding-bottom:0;padding-right:12px}}.dashboard-grid>.glass-panel{position:relative}.dashboard-grid>.glass-panel:first-child{z-index:20}.dashboard-grid>.glass-panel:nth-child(2){z-index:19}.dashboard-grid>.glass-panel:nth-child(3){z-index:18}.dashboard-grid>.glass-panel:nth-child(4){z-index:17}.dashboard-grid>.glass-panel:nth-child(5){z-index:16}.dashboard-grid>.glass-panel:nth-child(6){z-index:15}@media (width<=768px){.tab-container{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;WebkitBackdropFilter:blur(20px)!important;z-index:1000!important;background:#ffffffd9!important;border-top:1px solid #fff9!important;border-bottom:none!important;border-radius:16px 16px 0 0!important;gap:4px!important;max-width:680px!important;margin:0 auto!important;padding:6px!important;position:fixed!important;inset:auto 0 0!important;box-shadow:0 -8px 32px #1b2a4b14!important}.app-container{padding-bottom:90px!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c5a8804d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}}.step-family-selector{background:var(--bg-secondary);border:1px solid var(--border-color);scrollbar-width:none;border-radius:8px;gap:2px;margin-bottom:12px;padding:3px;display:flex;overflow-x:auto}.step-family-selector::-webkit-scrollbar{display:none}.step-family-option{text-align:center;cursor:pointer;white-space:nowrap;flex:1;position:relative}.step-family-option input[type=radio]{opacity:0;width:0;height:0;position:absolute}.step-family-option span{color:var(--text-secondary);transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;border-radius:6px;padding:6px 4px;font-size:.75rem;font-weight:500;display:block}.step-family-option input[type=radio]:checked+span{color:var(--accent-gold);background:#fff;font-weight:700;box-shadow:0 2px 6px #1b2a4b0f}