:root{--mint-50: oklch(.982 .013 172);--mint-100: oklch(.955 .03 172);--mint-200: oklch(.915 .052 172);--mint-300: oklch(.86 .078 172);--mint-400: oklch(.795 .098 172);--mint-500: oklch(.73 .108 173);--mint-600: oklch(.65 .103 174);--mint-700: oklch(.555 .09 175);--ink-900: oklch(.235 .014 175);--ink-850: oklch(.27 .014 175);--ink-800: oklch(.31 .013 174);--ink-700: oklch(.38 .012 174);--text: oklch(.305 .012 174);--muted: oklch(.56 .01 174);--faint: oklch(.68 .008 174);--bg: oklch(.984 .007 172);--card: oklch(1 0 0);--line: oklch(.922 .01 174);--line-2: oklch(.95 .008 174);--danger: oklch(.58 .15 25);--danger-bg: oklch(.95 .04 25);--warn: oklch(.72 .13 75);--warn-bg: oklch(.96 .05 85);--info: oklch(.58 .1 250);--info-bg: oklch(.95 .03 250);--shadow-sm: 0 1px 2px oklch(.4 .02 174 / .05), 0 1px 3px oklch(.4 .02 174 / .04);--shadow-md: 0 4px 14px oklch(.45 .03 174 / .07), 0 2px 6px oklch(.45 .03 174 / .04);--shadow-lg: 0 14px 40px oklch(.45 .04 174 / .1);--radius: 16px;--radius-sm: 11px;--sidebar-w: 248px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Noto Sans JP,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;letter-spacing:.01em}.num{font-family:Outfit,Noto Sans JP,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--ink-900);color:#cbd3d0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:22px 16px}.brand{display:flex;align-items:center;gap:11px;padding:6px 8px 22px}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(150deg,var(--mint-400),var(--mint-600));display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 12px #3fa38a73}.brand-mark span{width:13px;height:13px;border-radius:4px;background:var(--ink-900);transform:rotate(45deg)}.brand-name{font-family:Outfit;font-weight:700;font-size:18px;color:#fff;letter-spacing:.02em}.brand-name small{display:block;font-size:9.5px;font-weight:500;letter-spacing:.32em;color:var(--mint-400);margin-top:-2px}.nav-scroll{overflow-y:auto;margin:0 -16px;padding:0 16px;scrollbar-width:thin}.nav-scroll::-webkit-scrollbar{width:5px}.nav-scroll::-webkit-scrollbar-thumb{background:#373f3d;border-radius:4px}.nav-group{margin-top:14px}.nav-label{font-size:10px;letter-spacing:.18em;color:#6c7471;padding:0 10px 8px;font-weight:500}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:11px;color:#b0bab7;font-size:13.5px;font-weight:500;position:relative;transition:background .15s,color .15s;cursor:pointer}.nav-item:hover{background:#27302d;color:#fff}.nav-item.active{background:linear-gradient(100deg,#203f36,#23312d);color:#fff}.nav-item.active:before{content:"";position:absolute;left:-16px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--mint-400)}.nav-item.active .ic{color:var(--mint-400)}.ic{width:19px;height:19px;flex-shrink:0;stroke-width:1.7;color:#7f8985}.nav-item .badge{margin-left:auto;background:var(--mint-500);color:var(--ink-900);font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:20px;font-family:Outfit}.nav-item .badge.alt{background:var(--danger);color:#fff}.sidebar-foot{margin-top:auto;padding-top:14px;border-top:1px solid oklch(.32 .012 174)}.user-chip{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:11px;transition:background .15s}.user-chip:hover{background:#27302d}.avatar{border-radius:50%;background:var(--mint-300);color:var(--ink-900);display:grid;place-items:center;font-weight:700;flex-shrink:0;font-family:Outfit;overflow:hidden}.user-chip .avatar{width:34px;height:34px;font-size:13px;background:linear-gradient(150deg,var(--mint-300),var(--mint-500))}.user-chip .meta{min-width:0}.user-chip .meta b{display:block;font-size:12.5px;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip .meta span{font-size:10.5px;color:#7a8280}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:#f5fbf9d1;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:14px 30px}.search{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:9px 14px;width:340px;max-width:38vw;color:var(--muted);transition:border-color .15s,box-shadow .15s}.search:focus-within{border-color:var(--mint-400);box-shadow:0 0 0 4px var(--mint-100)}.search input{border:none;outline:none;background:none;font-family:inherit;font-size:13px;color:var(--text);width:100%}.search .ic{width:17px;height:17px;color:var(--faint)}.search kbd{margin-left:auto;font-family:Outfit;font-size:11px;color:var(--faint);border:1px solid var(--line);border-radius:6px;padding:1px 6px;background:var(--bg)}.topbar-spacer{flex:1}.icon-btn{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--line);background:var(--card);color:var(--ink-700);position:relative;transition:background .15s,border-color .15s,color .15s}.icon-btn:hover{background:var(--mint-50);border-color:var(--mint-200);color:var(--mint-700)}.icon-btn .ic{width:19px;height:19px}.icon-btn .dot{position:absolute;top:9px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--mint-600);border:2px solid var(--card)}.btn-primary{display:flex;align-items:center;gap:8px;background:var(--ink-900);color:#fff;font-weight:600;font-size:13px;padding:0 18px;height:40px;border-radius:11px;transition:transform .12s,box-shadow .15s,background .15s;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--ink-800);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary .ic{width:17px;height:17px;color:var(--mint-400)}.btn{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:0 16px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink-800);transition:.15s}.btn:hover{background:var(--mint-50);border-color:var(--mint-200);color:var(--mint-700)}.btn .ic{width:16px;height:16px}.btn.ghost{border-color:transparent;background:transparent}.btn.mint{background:var(--mint-600);border-color:var(--mint-600);color:#fff}.btn.mint:hover{background:var(--mint-700);border-color:var(--mint-700);color:#fff}.btn.mint .ic{color:#fff}.btn.dark{background:var(--ink-900);border-color:var(--ink-900);color:#fff}.btn.dark:hover{background:var(--ink-800);border-color:var(--ink-800)}.btn.dark .ic{color:var(--mint-400)}.btn.sm{height:32px;font-size:12px;padding:0 12px;border-radius:9px}.btn.danger{color:var(--danger);border-color:transparent}.btn.danger:hover{background:var(--danger-bg);border-color:transparent}.content{padding:26px 30px 48px;max-width:1480px;width:100%}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;flex-wrap:wrap}.greet h1{font-size:24px;font-weight:700;letter-spacing:.01em;color:var(--ink-900)}.greet p{color:var(--muted);font-size:13.5px;margin-top:3px}.head-actions{display:flex;gap:10px;align-items:center}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0}.card-head h3{font-size:14.5px;font-weight:700;color:var(--ink-900);letter-spacing:.01em}.card-head .sub{font-size:11.5px;color:var(--muted);margin-top:1px}.card-pad{padding:18px 20px 20px}.link-more{font-size:12px;font-weight:600;color:var(--mint-700);display:flex;align-items:center;gap:3px;transition:gap .15s;cursor:pointer}.link-more:hover{gap:6px}.link-more .ic{width:14px;height:14px}.pill{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:20px;letter-spacing:.02em}.pill.mint{color:var(--mint-700);background:var(--mint-100)}.pill.gray{color:var(--ink-700);background:var(--line)}.pill.danger{color:var(--danger);background:var(--danger-bg)}.pill.warn{color:oklch(.5 .12 75);background:var(--warn-bg)}.pill.info{color:var(--info);background:var(--info-bg)}.pill .ic{width:11px;height:11px}.tag{display:inline-flex;align-items:center;font-size:11px;font-weight:600;color:var(--mint-700);background:var(--mint-50);border:1px solid var(--mint-200);padding:3px 9px;border-radius:8px}.ai-card{background:linear-gradient(150deg,oklch(.97 .03 172),var(--card) 60%);border:1px solid var(--mint-200)}.ai-badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--mint-700);background:var(--mint-100);padding:3px 9px;border-radius:20px;letter-spacing:.04em}.ai-badge .ic{width:12px;height:12px}.pf{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;color:#fff}.pf svg{width:20px;height:20px;fill:currentColor}.pf.fb{background:#2769b7}.pf.ig{background:linear-gradient(135deg,#d55948,#bf2a82)}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:600;color:var(--ink-800);margin-bottom:6px}.input,textarea.input,select.input{width:100%;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--text);outline:none;transition:.15s}.input:focus,textarea.input:focus,select.input:focus{border-color:var(--mint-400);box-shadow:0 0 0 4px var(--mint-100)}textarea.input{resize:vertical;line-height:1.6}.set-grid{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start}.set-nav{position:sticky;top:88px}.set-nav a{display:block;padding:9px 13px;border-radius:10px;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:3px;transition:.12s}.set-nav a.active{background:var(--mint-50);color:var(--mint-700)}.set-nav a:not(.active):hover{background:var(--bg);color:var(--ink-800)}.conn-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line-2)}.conn-row:last-child{border-bottom:none}.conn-row .c-info{flex:1;min-width:0}.conn-row .c-info b{font-size:13.5px;color:var(--ink-900);font-weight:600;display:block}.conn-row .c-info span{font-size:11.5px;color:var(--muted)}.grid-2{display:grid;grid-template-columns:1.62fr 1fr;gap:18px;margin-bottom:18px}.grid-2e{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.flow{display:flex;align-items:center;gap:0;margin:4px 0}.flow .step{display:flex;align-items:center;gap:8px;flex:1}.flow .dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:700;font-family:Outfit}.flow .dot.done{background:var(--mint-600);color:#fff}.flow .dot.cur{background:var(--mint-100);color:var(--mint-700);border:2px solid var(--mint-500)}.flow .dot.wait{background:var(--line);color:var(--muted)}.flow .step small{font-size:11px;color:var(--muted);font-weight:600;white-space:nowrap}.flow .conn{height:2px;flex:1;background:var(--line);margin:0 6px}.flow .conn.done{background:var(--mint-400)}.audit{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid var(--line-2)}.audit:last-child{border-bottom:none}.audit .a-line{width:30px;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.audit .a-line .a-dot{width:10px;height:10px;border-radius:50%;background:var(--mint-400);margin-top:5px}.audit .a-line .a-bar{width:2px;flex:1;background:var(--line-2);margin-top:4px}.audit .a-content b{font-size:12.5px;color:var(--ink-900);font-weight:600}.audit .a-content p{font-size:12px;color:var(--muted);margin-top:2px}.audit .a-content .a-time{font-size:10.5px;color:var(--faint);margin-top:4px}.muted{color:var(--muted)}footer.foot{padding:18px 30px 30px;color:var(--faint);font-size:11.5px;display:flex;justify-content:space-between}.public-page{min-height:100vh;display:flex;flex-direction:column}.public-header{display:flex;align-items:center;gap:14px;padding:18px 30px;border-bottom:1px solid var(--line);background:var(--card)}.public-header .brand-name{color:var(--ink-900)}.public-header nav{margin-left:auto;display:flex;gap:16px}.public-header nav a{font-size:13px;font-weight:600;color:var(--muted);transition:color .15s}.public-header nav a:hover{color:var(--mint-700)}.public-content{flex:1;max-width:800px;margin:0 auto;padding:48px 30px;width:100%}.public-content h1{font-size:28px;font-weight:700;color:var(--ink-900);margin-bottom:8px}.public-content h2{font-size:18px;font-weight:700;color:var(--ink-900);margin:28px 0 10px}.public-content h3{font-size:15px;font-weight:700;color:var(--ink-900);margin:20px 0 8px}.public-content p{margin-bottom:12px;line-height:1.7}.public-content ul,.public-content ol{padding-left:24px;margin-bottom:12px}.public-content li{margin-bottom:6px;line-height:1.6}.public-footer{padding:24px 30px;border-top:1px solid var(--line);color:var(--faint);font-size:11.5px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.public-footer a{color:var(--muted);transition:color .15s}.public-footer a:hover{color:var(--mint-700)}.hero{text-align:center;padding:80px 30px 60px;max-width:720px;margin:0 auto}.hero h1{font-size:36px;font-weight:700;color:var(--ink-900);line-height:1.3;margin-bottom:16px}.hero p{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:28px}.hero .cta-group{display:flex;gap:12px;justify-content:center}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:0 auto;padding:0 30px 60px}.feature-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}.feature-card h3{font-size:14px;font-weight:700;color:var(--ink-900);margin-bottom:6px}.feature-card p{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:0}@media(max-width:860px){.app{grid-template-columns:1fr}.sidebar{display:none}.set-grid,.features{grid-template-columns:1fr}}@media(max-width:1180px){.grid-2,.grid-2e{grid-template-columns:1fr}}