@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap";:root{--c-primary:#e8734a;--c-primary-dark:#d4613b;--c-indigo:#2c4a6e;--c-indigo-dark:#1b3552;--c-indigo-light:#eef2f7;--c-cream:#faf6f0;--c-warm:#f5ede3;--c-white:#fff;--c-text:#2d2a26;--c-text-muted:#7a7368;--c-border:#e8e2d9;--c-success:#4caf50;--c-warning:#ff9800;--c-danger:#f44336;--c-bg:#f5f5f5;--ff:"Noto Sans JP",-apple-system,sans-serif;--radius:12px;--radius-sm:8px;--shadow:0 2px 12px #00000014}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--ff);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--c-primary);text-decoration:none}.admin{min-height:100dvh;display:flex}.sidebar{background:var(--c-indigo-dark);color:#fff;flex-direction:column;width:240px;padding:1.5rem 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar__logo{border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding:0 1.5rem 1.5rem}.sidebar__logo img{height:36px}.sidebar__nav{flex:1}.sidebar__link{color:#ffffffb3;border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.875rem;transition:all .2s;display:flex;text-decoration:none!important}.sidebar__link:hover,.sidebar__link.active{color:#fff;border-left-color:var(--c-primary);background:#ffffff14}.sidebar__link svg{flex-shrink:0;width:18px;height:18px}.sidebar__footer{opacity:.5;border-top:1px solid #ffffff1a;padding:1rem 1.5rem;font-size:.75rem}.main{flex:1;margin-left:240px;padding:2rem}.main__header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.main__title{font-size:1.5rem;font-weight:700}.dash-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.dash-card{background:var(--c-white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.dash-card__value{color:var(--c-primary);font-size:2rem;font-weight:700}.dash-card__label{color:var(--c-text-muted);margin-top:.25rem;font-size:.8rem}.dash-card--indigo .dash-card__value{color:var(--c-indigo)}.dash-card--green .dash-card__value{color:var(--c-success)}.table-card{background:var(--c-white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-card__header{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.table-card__title{font-weight:600}table{border-collapse:collapse;width:100%}thead th{text-align:left;color:var(--c-text-muted);border-bottom:1px solid var(--c-border);background:#fafafa;padding:.75rem 1rem;font-size:.8rem}tbody td{border-bottom:1px solid var(--c-border);padding:.75rem 1rem;font-size:.875rem}tbody tr:hover{background:#fafafa}.search-bar{gap:.5rem;margin-bottom:1rem;display:flex}.search-bar input{border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--ff);flex:1;padding:.6rem 1rem}.search-bar input:focus{border-color:var(--c-primary);outline:none}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex;text-decoration:none!important}.btn--primary{background:var(--c-primary);color:#fff}.btn--primary:hover{background:var(--c-primary-dark)}.btn--outline{border:1px solid var(--c-border);color:var(--c-text);background:0 0}.btn--outline:hover{border-color:var(--c-primary);color:var(--c-primary)}.btn--sm{padding:.35rem .75rem;font-size:.75rem}.btn--block{width:100%}.badge{border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.badge--active{color:#2e7d32;background:#e8f5e9}.badge--suspended{color:#e65100;background:#fff3e0}.badge--cancelled{color:#c62828;background:#ffebee}.badge--trial{background:var(--c-indigo-light);color:var(--c-indigo)}.login-page{background:var(--c-indigo-dark);justify-content:center;align-items:center;min-height:100dvh;display:flex}.login-box{border-radius:var(--radius);background:#fff;width:380px;max-width:90vw;padding:2.5rem;box-shadow:0 16px 48px #0003}.login-box h1{text-align:center;margin-bottom:.5rem;font-size:1.25rem}.login-box p{color:var(--c-text-muted);text-align:center;margin-bottom:1.5rem;font-size:.85rem}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.25rem;font-size:.8rem;font-weight:500;display:block}.form-group input{border:1px solid var(--c-border);border-radius:var(--radius-sm);width:100%;font-size:.9rem;font-family:var(--ff);padding:.6rem}.form-group input:focus{border-color:var(--c-primary);outline:none;box-shadow:0 0 0 3px #e8734a26}.loading{justify-content:center;align-items:center;padding:4rem;display:flex}.spinner{border:3px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.sidebar{display:none}.main{margin-left:0}}