@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{--color-bg-primary:#fff;--color-bg-secondary:#f8fafb;--color-bg-tertiary:#f0f4f6;--color-bg-accent:#e2e9ed;--color-bg-nav:#f8fafb;--color-bg-nav-hover:#f0f4f6;--color-bg-nav-active:#e0edff;--color-bg-nav-border:#e2e9ed;--color-brand-yellow:#ffe01b;--color-brand-yellow-hover:#eace1b;--color-brand-yellow-active:#e3c81b;--color-brand-teal:#007c89;--color-brand-teal-hover:#006771;--color-brand-teal-active:#005056;--color-text-primary:#21262a;--color-text-secondary:#4c555b;--color-text-tertiary:#727e85;--color-text-quaternary:#9aa7b0;--color-text-inverse:#fff;--color-text-link:#007c89;--color-text-disabled:#859299;--color-success:#00bb42;--color-success-bg:#e8f8ee;--color-warning:#ff9331;--color-warning-bg:#fff4e8;--color-error:#e43834;--color-error-bg:#fde8e8;--color-info:#0077c5;--color-info-bg:#e5f2fb;--color-border-primary:#e2e9ed;--color-border-secondary:#d5dee3;--color-border-tertiary:#c3ced5;--color-border-focus:#007c89;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:40px;--space-4xl:60px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--shadow-sm:0 1px 3px #4c555b14;--shadow-md:0 2px 8px #4c555b1f;--shadow-lg:0 4px 16px #4c555b29;--font-body:"Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sidebar-width-collapsed:72px;--sidebar-width-expanded:240px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}a{color:var(--color-text-link);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.segment-toggle{background:var(--color-bg-secondary,#f0f0f0);border-radius:9999px;align-self:flex-start;align-items:center;gap:2px;padding:3px;display:inline-flex}.segment-btn{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.segment-btn:hover:not(.segment-btn-active):not(:disabled){color:var(--color-brand-teal)}.segment-btn:disabled{opacity:.4;cursor:not-allowed}.segment-btn-active{color:var(--color-brand-teal);background:#fff;box-shadow:0 1px 3px #00000014}.segment-btn:focus-visible{outline:2px solid var(--color-brand-teal);outline-offset:2px}.segment-btn-count{min-width:18px;height:16px;color:var(--color-text-tertiary);background:#0000000f;border-radius:9999px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.segment-btn-active .segment-btn-count{color:var(--color-brand-teal);background:#e4f0f2}.segment-label{color:var(--color-text-tertiary);letter-spacing:.2px;align-items:center;margin-right:8px;font-size:11px;font-weight:600;display:inline-flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.page-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.page-header.page-header-actions-only{margin-bottom:var(--space-md);justify-content:flex-end}.page-title{color:var(--color-text-primary);letter-spacing:-.3px;align-items:center;gap:8px;font-size:24px;font-weight:700;line-height:1.2;display:inline-flex}.page-description{color:var(--color-text-tertiary);margin-top:var(--space-xxs);font-size:14px}.page-title-info{color:#8a969c;cursor:help;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:color .15s,background .15s;display:inline-flex;position:relative}.page-title-info:hover,.page-title-info:focus-visible{color:#007c89;background:#007c8914;outline:none}.page-title-info:before,.page-title-info:after{opacity:0;pointer-events:none;transition:opacity .15s}.page-title-info:before{content:attr(data-tooltip);color:#fff;letter-spacing:0;white-space:normal;z-index:100;background:#1a4252;border-radius:6px;min-width:max-content;max-width:320px;padding:8px 12px;font-size:12px;font-weight:400;line-height:1.55;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #1a425240}.page-title-info:after{content:"";z-index:100;border:6px solid #0000;border-bottom-color:#1a4252;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.page-title-info:hover:before,.page-title-info:hover:after,.page-title-info:focus-visible:before,.page-title-info:focus-visible:after{opacity:1}.page-header-actions{align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.app-layout{border-top:4px solid var(--color-brand-yellow);height:100vh;transition:grid-template-columns .2s;display:grid;overflow:hidden}.app-layout.sidebar-expanded{grid-template-columns:var(--sidebar-width-expanded) 1fr}.app-layout.sidebar-collapsed{grid-template-columns:var(--sidebar-width-collapsed) 1fr}.sidebar{background:var(--color-bg-nav);border-right:1px solid var(--color-border-primary);z-index:10;flex-direction:column;height:100%;display:flex;overflow:hidden}.sidebar-top{padding:var(--space-md) var(--space-sm)}.sidebar-logo{padding:var(--space-xs) var(--space-xs);color:inherit;border-radius:var(--radius-sm);cursor:pointer;align-items:center;text-decoration:none;transition:opacity .12s;display:flex}.sidebar-logo:hover{opacity:.75}.sidebar-logo:focus-visible{outline:2px solid var(--color-brand-teal);outline-offset:2px}.logo-img-full{width:auto;height:32px;color:var(--color-text-primary)}.logo-img-icon{object-fit:cover;object-position:left;width:28px;height:28px;overflow:hidden}.sidebar-nav{padding:var(--space-xs) var(--space-xs);flex-direction:column;flex:1;gap:1px;display:flex;overflow-y:auto}.nav-item{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;min-height:36px;font-size:14px;font-weight:450;line-height:1.3;text-decoration:none;transition:all .12s;display:flex}.sidebar-collapsed .nav-item{padding:var(--space-xs);justify-content:center}.nav-item:hover{background:var(--color-bg-nav-hover);color:var(--color-text-primary);text-decoration:none}.nav-item.active{background:var(--color-bg-nav-active);color:var(--color-brand-teal);font-weight:500}.nav-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-group{margin-top:var(--space-md);flex-direction:column;gap:1px;display:flex}.nav-group:first-child{margin-top:0}.nav-group-label{padding:var(--space-xs) var(--space-sm) 4px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none;font-size:10px;font-weight:700}.sidebar-collapsed .nav-group{border-top:1px solid var(--color-border-primary);margin-top:4px;padding-top:4px}.sidebar-collapsed .nav-group:first-child{border-top:none;padding-top:0}.sidebar-bottom{padding:var(--space-xs)}.sidebar-divider{background:var(--color-border-primary);height:1px;margin:var(--space-xs) var(--space-xs)}.sidebar-toggle{width:100%;padding:var(--space-xs);border-radius:var(--radius-sm);color:var(--color-text-tertiary);justify-content:center;align-items:center;min-height:32px;transition:all .12s;display:flex}.sidebar-expanded .sidebar-toggle{padding-right:var(--space-sm);justify-content:flex-end}.sidebar-toggle:hover{background:var(--color-bg-nav-hover);color:var(--color-text-primary)}.main-area{flex-direction:column;min-width:0;display:flex;overflow:hidden}.app-header{padding:0 var(--space-xl);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);justify-content:space-between;align-items:center;height:52px;min-height:52px;display:flex}.header-left{align-items:center;gap:var(--space-md);display:flex}.client-switcher{appearance:none;background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-brand-teal);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23727e85' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding:5px 32px 5px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .12s}.client-switcher:hover{border-color:var(--color-border-secondary)}.client-switcher:focus{border-color:var(--color-brand-teal);outline:none;box-shadow:0 0 0 2px #007c891f}.header-breadcrumb{color:var(--color-text-secondary);align-items:center;gap:4px;font-size:14px;font-weight:500;display:inline-flex}.header-breadcrumb .page-title-info{color:#8a969c;cursor:help;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:color .15s,background .15s;display:inline-flex;position:relative}.header-breadcrumb .page-title-info:hover,.header-breadcrumb .page-title-info:focus-visible{color:var(--color-brand-teal);background:#007c8914;outline:none}.header-breadcrumb .page-title-info:before,.header-breadcrumb .page-title-info:after{opacity:0;pointer-events:none;transition:opacity .15s}.header-breadcrumb .page-title-info:before{content:attr(data-tooltip);color:#fff;letter-spacing:0;white-space:normal;z-index:100;background:#1a4252;border-radius:6px;min-width:max-content;max-width:320px;padding:8px 12px;font-size:12px;font-weight:400;line-height:1.55;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #1a425240}.header-breadcrumb .page-title-info:after{content:"";z-index:100;border:6px solid #0000;border-bottom-color:#1a4252;position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%)}.header-breadcrumb .page-title-info:hover:before,.header-breadcrumb .page-title-info:hover:after,.header-breadcrumb .page-title-info:focus-visible:before,.header-breadcrumb .page-title-info:focus-visible:after{opacity:1}.header-right{align-items:center;gap:var(--space-xs);display:flex}.header-icon-btn{border-radius:var(--radius-pill);width:36px;height:36px;color:var(--color-text-secondary);justify-content:center;align-items:center;transition:all .12s;display:flex}.header-icon-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.header-user{position:relative}.header-user-btn{align-items:center;gap:var(--space-xs);padding:var(--space-xxs) var(--space-sm);border-radius:var(--radius-pill);color:var(--color-text-secondary);transition:all .12s;display:flex}.header-user-btn:hover{background:var(--color-bg-tertiary)}.header-avatar{background:var(--color-bg-accent);border-radius:var(--radius-pill);width:32px;height:32px;color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex}.header-username{color:var(--color-text-primary);font-size:13px;font-weight:500}.user-dropdown{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-lg);z-index:100;padding:var(--space-xs) 0;position:absolute;top:calc(100% + 4px);right:0}.user-dropdown-header{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);display:flex}.user-dropdown-avatar{background:var(--color-bg-accent);border-radius:var(--radius-pill);width:40px;height:40px;color:var(--color-text-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-dropdown-name{color:var(--color-text-primary);font-size:14px;font-weight:600}.user-dropdown-email{color:var(--color-text-tertiary);font-size:12px}.user-dropdown-divider{background:var(--color-border-primary);height:1px;margin:var(--space-xxs) 0}.user-dropdown-item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-md);color:var(--color-text-secondary);text-align:left;font-size:14px;transition:all .1s;display:flex}.user-dropdown-item:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.user-dropdown-logout{color:var(--color-error)}.user-dropdown-logout:hover{background:var(--color-error-bg);color:var(--color-error)}.main-content{background:var(--color-bg-primary);flex:1;overflow:hidden auto}.main-inner{max-width:1200px;padding:var(--space-2xl);margin:0 auto}@media (width<=960px){.app-layout.sidebar-expanded,.app-layout.sidebar-collapsed{grid-template-columns:1fr}.sidebar{display:none}}.login-page{background:var(--color-bg-secondary);min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:var(--space-3xl) var(--space-2xl)}.login-logo{justify-content:center;align-items:center;margin-bottom:25px;display:flex}.login-logo-img{width:auto;height:40px;color:var(--color-text-primary)}.login-subtitle{text-align:center;color:var(--color-text-tertiary);margin-bottom:var(--space-2xl);font-size:13px}.login-form{gap:var(--space-md);flex-direction:column;display:flex}.login-field{gap:var(--space-xxs);flex-direction:column;display:flex}.login-label{color:var(--color-text-primary);font-size:14px;font-weight:500}.login-input{padding:10px var(--space-sm);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);background:var(--color-bg-primary);font-family:inherit;font-size:14px;transition:border-color .12s}.login-input:focus{border-color:var(--color-brand-teal);outline:none;box-shadow:0 0 0 2px #007c891f}.login-input::placeholder{color:var(--color-text-quaternary)}.login-error{color:var(--color-error);background:var(--color-error-bg);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xs);font-size:13px}.login-submit{background:var(--color-brand-yellow);color:#231e15;border-radius:var(--radius-pill);cursor:pointer;margin-top:var(--space-xs);border:none;padding:10px;font-family:inherit;font-size:14px;font-weight:500;transition:background .12s}.login-submit:hover{background:var(--color-brand-yellow-hover)}.login-demo{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border-primary)}.login-demo-title{color:var(--color-text-tertiary);text-align:center;margin-bottom:var(--space-sm);font-size:12px;font-weight:500}.login-demo-btn{width:100%;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:var(--space-xs);background:0 0;justify-content:space-between;align-items:center;font-family:inherit;transition:all .12s;display:flex}.login-demo-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-secondary)}.login-demo-role{color:var(--color-text-primary);font-size:13px;font-weight:500}.login-demo-email{color:var(--color-text-tertiary);font-size:12px}