:root{--color-primary-50: #f3f8ef;--color-primary-100: #e0edd8;--color-primary-200: #c8e0ba;--color-primary-300: #a9ce93;--color-primary-400: #82b861;--color-primary-500: #63a63a;--color-primary-600: #579233;--color-primary-700: #47782a;--color-primary-800: #365b20;--color-primary-900: #263f16;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-error-strong: #b91c1c;--color-error-stronger: #991b1b;--color-background: #fff;--color-foreground: #171717;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--font-sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Yu Gothic UI", Meiryo, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}:root{--service-soft: var(--color-primary-50);--service-border: var(--color-primary-200);--service-ink: var(--color-primary-800)}[data-service=noureco]{--service-soft: #f5faf0;--service-border: #d2e7bd;--service-ink: #456724}[data-service=nounou-hub]{--service-soft: #f3f8ef;--service-border: #c8e0ba;--service-ink: #365b20}[data-service=noupla]{--service-soft: #fcf9ef;--service-border: #f2e5ba;--service-ink: #776320}[data-service=nounou-crew]{--service-soft: #f1f5f9;--service-border: #c1d2e3;--service-ink: #2b4660}[data-service=nounou-stock]{--service-soft: #f5f7ee;--service-border: #d3dcb4;--service-ink: #465517}[data-service=nounou-sales]{--service-soft: #f9f3f0;--service-border: #e6cbbd;--service-ink: #653a25}[data-service=nounou-management]{--service-soft: #f4f4f4;--service-border: #ced0ce;--service-ink: #3f433f}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--color-neutral-700);background:var(--color-neutral-50);-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}h1,h2,p{margin-block:0}.header{background:var(--color-background);border-bottom:1px solid var(--color-neutral-200)}.header__inner{max-width:720px;min-height:56px;margin:0 auto;padding:var(--space-2) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4)}.header__brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.header__logo{display:block;height:32px;width:auto;flex:none}.header__title{font-size:16px;font-weight:700;line-height:1.3;color:var(--color-neutral-800)}.header__nav{display:flex;align-items:center;flex:none}.page{max-width:720px;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.page__title{font-size:24px;font-weight:700;line-height:1.4;color:var(--color-neutral-800)}.page__footer{display:flex;justify-content:flex-start}.surface{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:var(--color-background);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg)}.surface__title{font-size:18px;font-weight:700;line-height:1.4;color:var(--color-neutral-800)}.link{color:var(--color-primary-700);text-decoration:underline;text-underline-offset:2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-primary-800);border-radius:var(--radius-md);background:var(--color-primary-800);color:var(--color-background);font:inherit;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.button:hover:not(:disabled){background:var(--color-primary-900);border-color:var(--color-primary-900)}a:focus-visible,button:focus-visible{outline:2px solid var(--color-primary-700);outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed}.button--secondary{background:var(--color-background);border-color:var(--color-neutral-300);color:var(--color-neutral-700)}.button--secondary:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-200)}.button--ghost{background:transparent;border-color:transparent;color:var(--color-neutral-600)}.button--ghost:hover:not(:disabled){background:var(--color-neutral-100);border-color:transparent}.button--danger{background:var(--color-error-strong);border-color:var(--color-error-strong)}.button--danger:hover:not(:disabled){background:var(--color-error-stronger);border-color:var(--color-error-stronger)}.button--block{width:100%}.actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.panel{padding:var(--space-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-neutral-50);color:var(--color-neutral-800);display:flex;flex-direction:column;gap:var(--space-2)}.panel--error{border-color:color-mix(in srgb,var(--color-error) 30%,transparent);background:color-mix(in srgb,var(--color-error) 5%,transparent)}.panel--warning{border-color:color-mix(in srgb,var(--color-warning) 30%,transparent);background:color-mix(in srgb,var(--color-warning) 5%,transparent)}.panel__message{font-weight:500}.panel__meta{font-size:12px;color:var(--color-neutral-600)}.status{display:flex;flex-direction:column;gap:var(--space-2)}.status__state{font-size:18px;font-weight:700;line-height:1.4;color:var(--color-neutral-800)}.status__until{font-size:24px;font-weight:700;line-height:1.4;color:var(--color-neutral-800)}.status__next,.status__note{color:var(--color-neutral-700)}.confirm{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-neutral-200)}.confirm__text{color:var(--color-neutral-800)}.details{margin:0;padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-neutral-50);display:grid;grid-template-columns:10rem 1fr;gap:var(--space-3) var(--space-6)}.details__row{display:contents}.details dt{font-weight:500;color:var(--color-neutral-600)}.details dd{margin:0;color:var(--color-neutral-800)}.skeleton{background:var(--color-neutral-200);border-radius:var(--radius-md)}.skeleton--title{height:28px;width:60%}.skeleton--line{height:20px;width:80%}.skeleton--block{height:96px}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4)}@supports (min-height: 100dvh){.auth-screen{min-height:100dvh}}.auth-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8) var(--space-6);background:var(--color-background);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.auth-card__head{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.auth-card__logo{display:block;width:132px;height:auto}.auth-card__title{font-size:20px;font-weight:700;line-height:1.4;color:var(--color-neutral-800)}.auth-card .actions{flex-direction:column}.auth-card .actions .button{width:100%}@media(min-width:768px){.header__inner{min-height:64px;padding:var(--space-2) var(--space-6)}.header__title{font-size:18px}.page{padding:var(--space-8) var(--space-6)}.surface{padding:var(--space-6)}.auth-card{padding:var(--space-8) 40px}}@media(max-width:767px){body{font-size:16px}.status__until{font-size:20px}.details{grid-template-columns:1fr;gap:0}.details dd{margin-bottom:var(--space-3)}.actions{flex-direction:column}.actions .button,.page__footer .button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}