:root{--tk-green: #4ca845;--tk-green-600: #3d8f38;--tk-green-700: #2f7a2b;--tk-green-800: #23561d;--tk-green-50: #f2f9f0;--tk-green-100: #e0f0dc;--tk-green-200: #c2e2bb;--ink: #16211a;--ink-2: #46524a;--ink-3: #6d7a72;--line: #dfe4e0;--line-2: #eceeec;--bg: #f5f7f5;--card: #ffffff;--amber: #c07d12;--amber-bg: #fdf5e6;--red: #c0392b;--red-bg: #fdeeec;--blue: #1f6fb2;--blue-bg: #eef5fb;--radius: 8px;--radius-sm: 5px;--shadow-1: 0 1px 2px rgba(22, 33, 26, .06), 0 1px 3px rgba(22, 33, 26, .05);--shadow-2: 0 4px 16px rgba(22, 33, 26, .1);--header-h: 58px;--font: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.65;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}a{color:var(--tk-green-700)}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}.shell{display:flex;flex-direction:column;min-height:100%}.appbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;height:var(--header-h);padding:0 18px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 1px #16211a05}.appbar__logo{height:24px;width:auto;display:block}.appbar__divider{width:1px;height:26px;background:var(--line)}.appbar__title{font-size:14.5px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.appbar__title small{display:block;font-size:11px;font-weight:500;color:var(--ink-3);letter-spacing:.04em}.appbar__spacer{flex:1}.userchip{display:flex;align-items:center;gap:9px}.userchip__avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--tk-green-100);color:var(--tk-green-800);font-weight:700;font-size:12px}.userchip__meta{line-height:1.3}.userchip__name{font-weight:700;font-size:12.5px}.userchip__sub{font-size:11px;color:var(--ink-3)}.body{display:flex;flex:1;min-height:0}.nav{width:218px;flex:none;padding:14px 10px;background:#fff;border-right:1px solid var(--line)}.nav__group{margin-bottom:16px}.nav__label{font-size:10.5px;font-weight:700;color:var(--ink-3);letter-spacing:.09em;padding:0 10px 6px}.nav a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--ink-2);text-decoration:none;font-weight:500;font-size:13.5px}.nav a:hover{background:var(--tk-green-50);color:var(--tk-green-800)}.nav a.is-active{background:var(--tk-green-50);color:var(--tk-green-800);font-weight:700;box-shadow:inset 3px 0 0 var(--tk-green)}.nav a .count{margin-left:auto;background:var(--tk-green);color:#fff;font-size:11px;font-weight:700;border-radius:999px;min-width:20px;text-align:center;padding:0 6px}.main{flex:1;min-width:0;padding:22px 24px 60px}.page-head{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:16px}.page-head h1{font-size:19px}.page-head p{margin:3px 0 0;color:var(--ink-3);font-size:12.5px}.page-head__actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1)}.card+.card{margin-top:14px}.card__head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line-2)}.card__head h2{font-size:14px}.card__head .sub{font-size:12px;color:var(--ink-3)}.card__head .right{margin-left:auto;display:flex;gap:8px;align-items:center}.card__body{padding:16px}.card__body--flush{padding:0}.grid{display:grid;gap:14px}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--main{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start}.stat{padding:14px 16px}.stat__label{font-size:11.5px;color:var(--ink-3);font-weight:500}.stat__value{font-size:26px;font-weight:700;letter-spacing:-.01em;line-height:1.2}.stat__value small{font-size:12px;font-weight:500;color:var(--ink-3);margin-left:3px}.stat--accent .stat__value{color:var(--tk-green-700)}.stat--warn .stat__value{color:var(--amber)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 15px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:700;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover:not(:disabled){background:var(--bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--tk-green);border-color:var(--tk-green);color:#fff}.btn--primary:hover:not(:disabled){background:var(--tk-green-600);border-color:var(--tk-green-600)}.btn--danger{background:#fff;border-color:#e6bdb7;color:var(--red)}.btn--danger:hover:not(:disabled){background:var(--red-bg)}.btn--lg{padding:12px 22px;font-size:15px}.btn--block{width:100%}.btn--sm{padding:5px 10px;font-size:12px}.btn--ghost{border-color:transparent;background:transparent;color:var(--tk-green-700)}.btn--ghost:hover:not(:disabled){background:var(--tk-green-50)}.field{margin-bottom:14px}.field__label{display:block;font-weight:700;font-size:12.5px;margin-bottom:5px}.field__label .req{color:var(--red);margin-left:4px;font-size:11px}.field__hint{font-size:11.5px;color:var(--ink-3);margin-top:4px}.input,.select,.textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--tk-green);box-shadow:0 0 0 3px var(--tk-green-100)}.textarea{min-height:92px;resize:vertical}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236d7a72' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:30px}.dropzone{border:2px dashed var(--line);border-radius:var(--radius);padding:26px 18px;text-align:center;background:#fcfdfc;cursor:pointer;transition:.12s}.dropzone:hover,.dropzone.is-over{border-color:var(--tk-green);background:var(--tk-green-50)}.dropzone__icon{font-size:26px;line-height:1}.dropzone__main{font-weight:700;margin-top:6px}.dropzone__sub{font-size:12px;color:var(--ink-3)}.filelist{list-style:none;margin:12px 0 0;padding:0}.filelist li{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:7px;background:#fff}.filelist li.is-ng{border-color:#e6bdb7;background:var(--red-bg)}.filelist li.is-ok{border-color:var(--tk-green-200);background:var(--tk-green-50)}.filelist__name{font-weight:700;word-break:break-all;font-size:13px}.filelist__meta{font-size:11.5px;color:var(--ink-3)}.filelist__x{margin-left:auto}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table.tbl{width:100%;min-width:880px;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:11.5px;font-weight:700;color:var(--ink-3);letter-spacing:.03em;padding:9px 12px;border-bottom:1px solid var(--line);background:#fafbfa;white-space:nowrap}.tbl td{padding:10px 12px;border-bottom:1px solid var(--line-2);vertical-align:middle}.tbl tbody tr:hover{background:var(--tk-green-50)}.tbl tbody tr.is-stale{background:var(--amber-bg)}.tbl tbody tr.is-stale:hover{background:#fbeed6}.tbl a{font-weight:700;text-decoration:none}.tbl a:hover{text-decoration:underline}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;border:1px solid transparent}.badge--received{background:var(--blue-bg);color:var(--blue);border-color:#cfe2f1}.badge--in_review{background:var(--amber-bg);color:var(--amber);border-color:#f0dfbb}.badge--auto_rejected,.badge--rejected{background:var(--red-bg);color:var(--red);border-color:#f0cbc5}.badge--approved{background:var(--tk-green-50);color:var(--tk-green-700);border-color:var(--tk-green-200)}.badge--stored{background:var(--tk-green);color:#fff;border-color:var(--tk-green)}.badge--muted{background:var(--line-2);color:var(--ink-3);border-color:var(--line)}.badge--stale{background:var(--amber);color:#fff}.chip{display:inline-block;padding:1px 8px;border-radius:4px;background:var(--line-2);font-size:11.5px;font-weight:700;color:var(--ink-2)}.chip--code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--tk-green-50);color:var(--tk-green-800)}.stepper{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.stepper__item{display:flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid var(--line);font-size:12px;font-weight:700;color:var(--ink-3);background:#fff}.stepper__item.is-done{background:var(--tk-green-50);border-color:var(--tk-green-200);color:var(--tk-green-700)}.stepper__item.is-current{background:var(--amber-bg);border-color:#f0dfbb;color:var(--amber)}.stepper__item.is-rejected{background:var(--red-bg);border-color:#f0cbc5;color:var(--red)}.stepper__no{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--line-2);font-size:10.5px}.stepper__item.is-done .stepper__no{background:var(--tk-green);color:#fff}.stepper__item.is-current .stepper__no{background:var(--amber);color:#fff}.stepper__arrow{color:var(--ink-3);font-size:11px}.alert{border-radius:var(--radius);padding:12px 14px;font-size:13px;border:1px solid}.alert--error{background:var(--red-bg);border-color:#f0cbc5;color:#8c2a1e}.alert--ok{background:var(--tk-green-50);border-color:var(--tk-green-200);color:var(--tk-green-800)}.alert--info{background:var(--blue-bg);border-color:#cfe2f1;color:#17527f}.alert--warn{background:var(--amber-bg);border-color:#f0dfbb;color:#8a5a0c}.alert h4{font-size:13px;margin-bottom:4px}.alert ul{margin:6px 0 0;padding-left:18px}.alert li{margin-bottom:3px}.alert+.alert{margin-top:10px}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--line)}.timeline li{position:relative;padding:0 0 16px 28px}.timeline li:last-child{padding-bottom:0}.timeline__dot{position:absolute;left:2px;top:4px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--line)}.timeline li.is-approve .timeline__dot{border-color:var(--tk-green)}.timeline li.is-reject .timeline__dot{border-color:var(--red)}.timeline li.is-system .timeline__dot{border-color:var(--blue)}.timeline__when{font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}.timeline__what{font-weight:700;font-size:13px}.timeline__detail{font-size:12.5px;color:var(--ink-2);white-space:pre-wrap;word-break:break-word}.timeline__comment{margin-top:5px;padding:8px 11px;background:var(--bg);border-left:3px solid var(--line);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:12.5px;white-space:pre-wrap}.dl{display:grid;grid-template-columns:110px 1fr;gap:7px 12px;font-size:13px}.dl dt{color:var(--ink-3);font-weight:500;font-size:12.5px}.dl dd{margin:0;font-weight:500;word-break:break-word}.bell{position:relative}.bell__btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff;cursor:pointer;display:grid;place-items:center;font-size:16px}.bell__btn:hover{background:var(--tk-green-50)}.bell__dot{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;border-radius:999px;background:var(--red);color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center;padding:0 4px}.popover{position:absolute;right:0;top:calc(100% + 8px);width:min(380px,calc(100vw - 24px));max-height:70vh;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-2);z-index:60}.popover__item{padding:11px 14px;border-bottom:1px solid var(--line-2);display:block;color:inherit;text-decoration:none}.popover__item:hover,.popover__item.is-unread{background:var(--tk-green-50)}.popover__title{font-weight:700;font-size:12.5px}.popover__body{font-size:12px;color:var(--ink-2);white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.popover__when{font-size:11px;color:var(--ink-3)}.login{min-height:100%;display:grid;place-items:center;padding:28px 16px;background:linear-gradient(160deg,var(--tk-green-50) 0%,var(--bg) 55%)}.login__box{width:min(420px,100%)}.login__brand{text-align:center;margin-bottom:22px}.login__logo{width:min(260px,74%);height:auto}.login__sys{margin-top:12px;font-size:15px;font-weight:700}.login__sub{font-size:12px;color:var(--ink-3)}.login__accounts{margin-top:14px}.acct{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;cursor:pointer;margin-bottom:6px}.acct:hover{border-color:var(--tk-green);background:var(--tk-green-50)}.acct__role{font-weight:700;font-size:12.5px}.acct__mail{font-size:11.5px;color:var(--ink-3)}.acct__go{margin-left:auto;color:var(--tk-green-700);font-weight:700;font-size:12px}.muted{color:var(--ink-3)}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.empty{padding:38px 16px;text-align:center;color:var(--ink-3)}.empty__icon{font-size:30px;opacity:.45}.spinner{width:18px;height:18px;border:2px solid var(--tk-green-200);border-top-color:var(--tk-green);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;gap:10px;padding:34px;justify-content:center;color:var(--ink-3)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row--end{justify-content:flex-end}.stack>*+*{margin-top:10px}.tree{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.85}.tree__dir{color:var(--ink-3)}.tree__file{color:var(--tk-green-800);font-weight:700;text-decoration:none}.tree__file:hover{text-decoration:underline}.tree__meta{color:var(--ink-3);font-weight:400}@media(max-width:900px){.grid--main,.grid--2,.grid--3,.grid--4{grid-template-columns:minmax(0,1fr)}.grid--stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.body{flex-direction:column}.nav{width:auto;border-right:none;border-bottom:1px solid var(--line);display:flex;gap:6px;overflow-x:auto;padding:8px 10px;position:sticky;top:var(--header-h);z-index:30}.nav__group{margin:0;display:flex;gap:6px}.nav__label{display:none}.nav a{white-space:nowrap;padding:7px 12px;border:1px solid var(--line)}.nav a.is-active{box-shadow:none;border-color:var(--tk-green-200)}.main{padding:16px 14px 70px}.appbar{padding:0 12px;gap:10px}.appbar__title small{display:none}.appbar__title{font-size:12.5px}.userchip__meta{display:none}.dl{grid-template-columns:88px 1fr}.btn--lg{width:100%}.card__body .row .select{flex:1 1 46%;min-width:0!important}.page-head h1{font-size:17px}}