:root{--green: #35624A;--green-dark: #2A4A3A;--green-light: #4a7d63;--bg: #F6F7F4;--card: #ffffff;--text: #26332c;--muted: #68766d;--border: #DCE1DA;--danger: #AE3F2B;--gold: #A8842C;--green-bg: #E7EFE9;--red-bg: #F6E4E0;--yellow-bg: #F7EFD9;--gold-bg: #F5EEDC;--gray-bg: #EEF1ED}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:Yu Gothic UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-size:15px;line-height:1.6}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted);font-size:14px}.center{text-align:center}.app-shell{min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;background:var(--green-dark);color:#fff;display:flex;flex-direction:column;z-index:30}.sidebar-brand{padding:20px 18px 16px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-brand .brand-title{font-size:17px;font-weight:700;letter-spacing:.04em}.sidebar-brand .brand-sub{font-size:11px;opacity:.7;margin-top:2px}.sidebar-nav{flex:1;overflow-y:auto;padding:10px 8px}.sidebar-nav button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;color:#ffffffd1;font-size:15px;padding:10px 12px;border-radius:8px;cursor:pointer;text-align:left;margin-bottom:2px}.sidebar-nav button:hover{background:#ffffff14;color:#fff}.sidebar-nav button.active{background:var(--green);color:#fff;font-weight:700}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#ffffff1f;font-size:13px;flex-shrink:0}.sidebar-nav button.active .nav-icon{background:#ffffff38}.sidebar-foot{padding:12px 18px;font-size:11px;opacity:.6;border-top:1px solid rgba(255,255,255,.12)}.content-wrap{margin-left:240px;min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--card);border-bottom:1px solid var(--border);padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.topbar-title{font-size:17px;font-weight:700;color:var(--green-dark)}.topbar-user{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)}.content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px}.mobile-tabbar{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.mobile-tabbar button{flex:1;background:none;border:none;padding:7px 2px 9px;font-size:11px;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px}.mobile-tabbar .tab-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:var(--gray-bg);font-size:14px}.mobile-tabbar button.active{color:var(--green);font-weight:700}.mobile-tabbar button.active .tab-icon{background:var(--green);color:#fff}@media (max-width: 1023px){.sidebar{display:none}.content-wrap{margin-left:0}.topbar{padding:0 14px}.topbar-email{display:none}.content{padding:14px 12px 90px}.mobile-tabbar{display:flex}}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:14px}.card h2{font-size:16px;color:var(--green-dark);margin-bottom:10px}.card h3{font-size:15px;margin-bottom:6px}.ui-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.ui-card-head h2{margin-bottom:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px;font-weight:700;color:var(--green-dark);margin:20px 0 10px}.section-title:first-child{margin-top:0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:18px}.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;text-align:left;cursor:pointer;transition:box-shadow .15s,border-color .15s}.kpi-card:hover{border-color:var(--green);box-shadow:0 2px 8px #2a4a3a1f}.kpi-value{font-size:30px;font-weight:700;line-height:1.2;color:var(--green-dark)}.kpi-card.tone-red .kpi-value{color:var(--danger)}.kpi-card.tone-yellow .kpi-value{color:#8a6a1d}.kpi-card.tone-gold .kpi-value{color:var(--gold)}.kpi-card.tone-green .kpi-value{color:var(--green)}.kpi-label{font-size:13px;color:var(--text);margin-top:2px}.kpi-sub{font-size:12px;color:var(--muted);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-badge{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:1px 10px;white-space:nowrap}.ui-badge.tone-gray{background:var(--gray-bg);color:var(--muted)}.ui-badge.tone-green{background:var(--green-bg);color:var(--green)}.ui-badge.tone-red{background:var(--red-bg);color:var(--danger)}.ui-badge.tone-yellow{background:var(--yellow-bg);color:#8a6a1d}.ui-badge.tone-gold{background:var(--gold-bg);color:var(--gold)}.badge{display:inline-block;background:var(--green);color:#fff;border-radius:999px;font-size:12px;padding:2px 10px;margin-left:6px}.badge.warn{background:var(--gold)}.chip{display:inline-block;font-size:12px;border-radius:999px;padding:2px 10px;border:1px solid var(--border);color:var(--muted);margin-right:6px}.chip.pending{background:var(--yellow-bg);border-color:var(--gold);color:#8a6a1d}.chip.approved{background:var(--green-bg);border-color:var(--green);color:var(--green)}.btn{display:inline-block;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;text-align:center}.btn:hover{background:var(--green-light);border-color:var(--green-light)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost,.btn.secondary{background:#fff;color:var(--green);border:1px solid var(--green)}.btn.ghost:hover,.btn.secondary:hover{background:var(--green-bg)}.btn.danger{background:var(--danger);border-color:var(--danger)}.btn.danger:hover{background:#93331f;border-color:#93331f}.btn.small{padding:4px 12px;font-size:13px;border-radius:6px}.btn.block{display:block;width:100%}.field{margin-bottom:12px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px;font-weight:600}.field .req{color:var(--danger);margin-left:4px}.field input,.field textarea,.field select{width:100%;font-size:15px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text)}.field textarea{min-height:90px;resize:vertical}.field .hint{font-size:12px;color:var(--muted);margin-top:3px}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;align-items:center}.filter-bar select,.filter-bar input{font-size:13px;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:#fff;color:var(--text)}.filter-bar .filter-label{font-size:12px;color:var(--muted)}.ui-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px;background:var(--card)}.ui-table{width:100%;border-collapse:collapse;min-width:640px;font-size:14px}.ui-table th{text-align:left;font-size:12px;font-weight:700;color:var(--muted);background:#fafbf9;border-bottom:1px solid var(--border);padding:9px 12px;white-space:nowrap}.ui-table td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:top}.ui-table tbody tr:last-child td{border-bottom:none}.ui-table tbody tr:hover td{background:#f7f9f6}.ui-table tr.clickable{cursor:pointer}.row-done{color:var(--muted)}.row-done .cell-title{text-decoration:line-through}.ui-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e282273;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.ui-modal{background:#fff;border-radius:10px;width:100%;max-width:560px;box-shadow:0 8px 32px #0003}.ui-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.ui-modal-head h2{font-size:16px;color:var(--green-dark)}.ui-modal-close{background:none;border:none;font-size:20px;color:var(--muted);cursor:pointer;line-height:1;padding:4px}.ui-modal-body{padding:16px 18px}.ui-modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border);flex-wrap:wrap}.ui-empty,.empty{color:var(--muted);text-align:center;padding:24px 8px;font-size:14px}.note{background:var(--green-bg);border-left:4px solid var(--green);padding:10px 12px;border-radius:0 8px 8px 0;font-size:13px;margin-bottom:14px}.warn-note{background:var(--red-bg);border-left:4px solid var(--danger);color:var(--danger);padding:10px 12px;border-radius:0 8px 8px 0;font-size:13px;font-weight:600;margin-bottom:14px}.error-msg{color:var(--danger);font-size:13px;margin-top:8px}.ok-msg{color:var(--green);font-size:13px;margin-top:8px}.report-content{white-space:pre-wrap;font-size:14px;background:#fbfcfa;border:1px solid var(--border);border-radius:8px;padding:12px;margin-top:8px;overflow-x:auto}.list-row{padding:12px 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}.row-actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.seg{display:flex;border:1px solid var(--green);border-radius:8px;overflow:hidden;margin-bottom:12px;max-width:480px}.seg button{flex:1;padding:8px 4px;background:#fff;color:var(--green);border:none;font-size:13px;cursor:pointer}.seg button.active{background:var(--green);color:#fff;font-weight:700}.md-view{font-size:15px;line-height:1.8}.md-view h2{font-size:18px;color:var(--green);margin:14px 0 6px}.md-view h3{font-size:16px;color:var(--green);margin:12px 0 4px}.md-view h4{font-size:15px;margin:10px 0 4px}.md-view p{margin:2px 0}.md-view ul{margin:4px 0;padding-left:22px}.md-view hr{border:none;border-top:1px solid var(--border);margin:12px 0}.other-list{display:flex;flex-direction:column;gap:10px}.other-list button{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;text-align:left}.other-list button:hover{border-color:var(--green)}.other-list .nav-icon{background:var(--green);color:#fff;width:32px;height:32px;font-size:15px}.other-list .arrow{margin-left:auto;color:var(--muted)}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 900px){.dash-grid{grid-template-columns:1fr}}.driver-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.driver-card{background:var(--card);border:1px solid var(--border);border-left:4px solid var(--gold);border-radius:10px;padding:14px 16px}.driver-card .driver-no{font-size:12px;font-weight:700;color:var(--gold)}.driver-card .driver-title{font-size:15px;font-weight:700;margin:2px 0 4px}.driver-card .driver-sub{font-size:13px;color:var(--muted)}.upcoming-row{display:flex;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px}.upcoming-row:last-child{border-bottom:none}.upcoming-row .u-date{font-weight:700;white-space:nowrap}.month-head{font-size:15px;font-weight:700;color:var(--green-dark);margin:18px 0 8px}.month-head:first-of-type{margin-top:0}.kd-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.kd-row:last-child{border-bottom:none}.kd-row input[type=checkbox]{width:20px;height:20px;margin-top:3px;accent-color:var(--green);flex-shrink:0}.kd-row .kd-date{font-weight:700;white-space:nowrap;min-width:88px}.kd-row.kd-done .kd-title{text-decoration:line-through;color:var(--muted)}.kd-urgent{color:var(--danger)}.kd-soon{color:#8a6a1d}.auth-wrap{padding:48px 20px;max-width:420px;margin:0 auto}.auth-logo{width:72px;height:72px;border-radius:16px;background:var(--green);color:#fff;font-size:40px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}