:root{--bg-base:#080d18;--bg:#0f172a;--bg-panel:#1e293b;--bg-surface:#0f172a;--bg-raised:#1e3a5f;--bg-hover:#1c2a4a;--border:#64748b33;--border-light:#64748b26;--border-glow:#3b82f666;--accent:#3b82f6;--accent-light:#60a5fa;--accent-dark:#1d4ed8;--accent-glow:#3b82f640;--teal:#14b8a6;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--r-sm:6px;--r-md:10px;--sidebar-w:220px;--shadow-sm:0 1px 6px #0006;--shadow-md:0 4px 16px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-base);color:var(--text-primary);font-family:Segoe UI,Meiryo,sans-serif;overflow:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{to{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}@keyframes dotPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pinIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 12px var(--accent-glow)}50%{box-shadow:0 0 28px #3b82f680}}.fade-in{animation:.55s forwards fadeIn}.fade-out{animation:.45s forwards fadeOut}.pin-overlay{background:radial-gradient(ellipse at 35% 25%, #1d4ed82e 0%, transparent 65%), var(--bg-base);z-index:200;justify-content:center;align-items:center;animation:.4s pinIn;display:flex;position:fixed;inset:0}.pin-overlay.closing{pointer-events:none;animation:.45s forwards fadeOut}.pin-card{background:var(--bg-panel);border:1px solid var(--border-glow);border-radius:18px;flex-direction:column;align-items:center;gap:0;width:300px;padding:36px 32px 28px;display:flex;box-shadow:0 12px 60px #000000a6,0 0 100px #3b82f612}.pin-brand{align-items:center;gap:14px;margin-bottom:28px;display:flex}.pin-brand-icon{background:linear-gradient(135deg, var(--accent-dark), var(--accent));border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;animation:3s ease-in-out infinite glow;display:flex}.pin-brand-name{color:var(--text-primary);font-size:15px;font-weight:700}.pin-brand-sub{color:var(--teal);letter-spacing:.04em;margin-top:3px;font-size:12px;font-weight:600}.pin-dots{gap:16px;margin-bottom:6px;display:flex}.pin-dot{border:2px solid var(--border-glow);background:0 0;border-radius:50%;width:13px;height:13px;transition:background .15s,border-color .15s,box-shadow .15s}.pin-dot.filled{background:var(--accent);border-color:var(--accent);animation:.18s dotPop;box-shadow:0 0 12px #3b82f699}.pin-error{color:var(--danger);height:18px;margin-bottom:2px;font-size:12px;font-weight:600;animation:.2s fadeIn}.pin-keypad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-top:18px;display:grid}.pin-key{background:var(--bg-surface);border:1px solid var(--border);height:52px;color:var(--text-primary);border-radius:10px;justify-content:center;align-items:center;font-size:22px;font-weight:600;transition:background .1s,border-color .1s,transform 80ms;display:flex}.pin-key:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-glow)}.pin-key:active:not(:disabled){transform:scale(.91)}.pin-key-del{color:var(--text-muted);font-size:17px}.pin-key-enter{opacity:0;pointer-events:none}.pin-shake{animation:.5s shake}.pin-hint{color:var(--text-muted);letter-spacing:.07em;margin-top:18px;font-size:11px}.shell{background:var(--bg-base);height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);border-right:1px solid var(--border-light);background:linear-gradient(#0d1a2e 0%,#090e1c 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.sidebar:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.6;height:1px;position:absolute;top:0;left:0;right:0}.sidebar-header{border-bottom:1px solid var(--border);padding:18px 16px 14px}.brand{align-items:center;gap:10px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--accent-dark), var(--accent));border-radius:var(--r-sm);width:34px;height:34px;box-shadow:0 2px 8px var(--accent-glow);flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:flex}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-name{color:var(--text-primary);letter-spacing:.03em;font-size:13px;font-weight:700}.brand-sub{color:var(--text-muted);letter-spacing:.05em;font-size:10px}.status-row{align-items:center;gap:6px;margin-top:10px;display:flex}.status-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 6px var(--success);border-radius:50%;animation:2.5s infinite pulse}.status-text{color:var(--success);letter-spacing:.04em;font-size:11px}.status-org{color:var(--text-muted);letter-spacing:.03em;white-space:nowrap;margin-left:auto;font-size:10px}.nav{flex:1;padding:10px 0;overflow-y:auto}.nav-section{padding:12px 12px 4px}.nav-section-label{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.nav-divider{background:var(--border);height:1px;margin:6px 12px}.nav-item{border-radius:var(--r-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;align-items:center;gap:10px;margin:1px 6px;padding:9px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex;position:relative;overflow:hidden}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border)}.nav-item.active{color:var(--accent-light);border-color:var(--border-glow);background:linear-gradient(90deg,#3b82f62e 0%,#3b82f60f 100%);font-weight:600}.nav-item.active:before{content:"";background:var(--accent);width:3px;box-shadow:0 0 8px var(--accent);border-radius:0 3px 3px 0;position:absolute;top:4px;bottom:4px;left:0}.nav-icon{text-align:center;flex-shrink:0;width:18px;font-size:15px}.nav-label{text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding:12px;display:flex}.user-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-sm);align-items:center;gap:10px;padding:10px 12px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--accent-dark), var(--teal));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.user-info{flex:1;overflow:hidden}.user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.user-role{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:600}.sample-user-note{color:var(--warning);text-align:center;letter-spacing:.04em;font-size:10px;font-weight:700}.main{background:radial-gradient(ellipse at 80% 0%, #3b82f60f 0%, transparent 60%), var(--bg-base);flex:1;overflow-y:auto}.main-inner{max-width:1280px;padding:24px 28px}.sample-banner{background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:10px 20px;display:flex;box-shadow:0 4px 16px #f59e0b59}.sample-banner-text{color:#fff;letter-spacing:.05em;flex:1;font-size:14px;font-weight:700}.sample-badge{color:#fff;letter-spacing:.1em;background:#0000004d;border:1px solid #ffffff4d;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:900}.sample-loc{color:#ffffffb3;white-space:nowrap;font-size:12px}.notice-banner{border-radius:var(--r-md);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#7f1d1d,#991b1b,#b91c1c);border:1px solid #ef444459;margin-bottom:16px;padding:14px 18px}.notice-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.notice-title{color:#fff;letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:800}.notice-badge{color:#fff;text-align:center;background:#fff3;border-radius:99px;min-width:22px;padding:2px 8px;font-size:11px;font-weight:700}.notice-item{border-top:1px solid #ffffff14;align-items:baseline;gap:10px;padding:6px 0;display:flex}.notice-date{color:#fff9;white-space:nowrap;min-width:36px;font-size:11px}.notice-text{color:#ffffffe6;flex:1;font-size:12px;line-height:1.5}.notice-tag{white-space:nowrap;color:#fffc;background:#ffffff26;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700}.grid3{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.card{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--r-md);box-shadow:var(--shadow-sm);padding:16px 18px}.card-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.card-icon{flex-shrink:0;font-size:15px}.card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.card-sub{color:var(--text-muted);font-size:11px}.add-btn{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:14px;font-weight:700;transition:all .15s;display:flex}.add-btn:hover{border-color:var(--accent);color:var(--accent)}.gcal-btn{color:var(--accent-light);background:#3b82f61f;border:1px solid #3b82f64d;border-radius:4px;flex-shrink:0;margin-left:6px;padding:3px 8px;font-size:10px;font-weight:600;transition:all .15s}.gcal-btn:hover{background:#3b82f640}.card-link-btn{color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:4px;padding:2px 6px;font-size:11px;transition:all .15s}.card-link-btn:hover{color:var(--text-primary);border-color:var(--border-glow)}.badge-red-num{color:var(--danger);background:#ef444433;border:1px solid #ef444466;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:700}.schedule-list{list-style:none}.schedule-item{border:1px solid var(--border);background:var(--bg-surface);cursor:default;border-radius:6px;align-items:center;gap:10px;margin-bottom:4px;padding:7px 8px;transition:border-color .15s;display:flex}.schedule-item:hover{border-color:var(--accent)}.schedule-time{color:var(--teal);white-space:nowrap;min-width:36px;font-size:12px;font-weight:700}.schedule-summary{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.schedule-item-link{cursor:pointer;text-decoration:none}.schedule-item-link:hover{border-color:var(--accent);background:var(--bg-raised)}.schedule-item-link:hover .schedule-summary{color:var(--accent-light)}.schedule-gcal-icon{opacity:0;flex-shrink:0;font-size:11px;transition:opacity .15s}.schedule-item-link:hover .schedule-gcal-icon{opacity:1}.kadai-list{list-style:none}.kadai-item{background:var(--bg-surface);cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:flex-start;gap:8px;margin-bottom:4px;padding:8px 10px;transition:background .15s,border-color .15s;display:flex}.kadai-item:hover{background:var(--bg-hover);border-color:var(--border-glow)}.kadai-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:3px}.dot-high{background:var(--danger);box-shadow:0 0 6px var(--danger)}.dot-mid{background:var(--warning);box-shadow:0 0 6px var(--warning)}.dot-low{background:var(--text-muted)}.kadai-content{flex:1;min-width:0}.kadai-title{color:var(--text-secondary);font-size:12px;line-height:1.4;display:block}.kadai-store{color:var(--text-muted);margin-top:2px;font-size:10px}.kadai-badge{white-space:nowrap;border:1px solid;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.badge-open{color:var(--danger);background:#ef444426;border-color:#ef44444d}.badge-progress{color:var(--warning);background:#f59e0b26;border-color:#f59e0b4d}.badge-submitted{color:var(--teal);background:#14b8a626;border-color:#14b8a64d}.badge-done{color:var(--success);background:#22c55e26;border-color:#22c55e4d}.badge-rejected{color:#c084fc;background:#a855f726;border-color:#a855f74d}.kadai-trail{border:1px solid var(--border);background:#1e3a5f80;border-radius:4px;flex-wrap:wrap;align-items:center;gap:3px;margin-top:5px;padding:4px 7px;display:flex}.trail-step{align-items:center;gap:3px;display:flex}.trail-sep{color:var(--text-muted);font-size:10px}.trail-who{color:var(--accent-light);font-size:10px;font-weight:700}.trail-what{color:var(--text-muted);font-size:10px}.kadai-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a6;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.kadai-modal-box{background:var(--bg-panel);border:1px solid var(--border-glow);border-radius:12px;width:420px;max-width:90vw;padding:20px;animation:.2s fadeIn;box-shadow:0 8px 32px #0009}.kadai-modal-hdr{align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.kadai-modal-title{color:var(--text-primary);flex:1;font-size:14px;font-weight:700;line-height:1.4}.kadai-modal-close{color:var(--text-muted);background:0 0;border:none;flex-shrink:0;padding:0;font-size:18px;line-height:1}.kadai-modal-close:hover{color:var(--text-primary)}.kadai-modal-meta{color:var(--text-muted);margin-bottom:10px;font-size:11px}.kadai-history{background:var(--bg-surface);border-radius:6px;margin-bottom:12px;padding:8px 10px}.kadai-history-label{color:var(--text-muted);letter-spacing:.08em;margin-bottom:5px;font-size:10px;font-weight:700}.kadai-history-row{border-top:1px solid var(--border);align-items:baseline;gap:6px;padding:3px 0;font-size:11px;display:flex}.h-actor{color:var(--accent-light);flex-shrink:0;font-weight:600}.h-change{color:var(--text-secondary);flex-shrink:0}.h-memo{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.h-ts{color:var(--text-muted);flex-shrink:0}.kadai-update{flex-direction:column;gap:8px;display:flex}.kadai-status-sel{background:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:6px;padding:7px 10px;font-size:13px}.kadai-status-sel:focus{border-color:var(--accent);outline:none}.kadai-memo-input{background:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--text-primary);resize:none;border-radius:6px;padding:7px 10px;font-family:inherit;font-size:13px;line-height:1.5}.kadai-memo-input:focus{border-color:var(--accent);outline:none}.kadai-memo-input::placeholder{color:var(--text-muted)}.kadai-modal-btns{justify-content:flex-end;gap:8px;display:flex}.kadai-save-btn{background:linear-gradient(135deg, var(--accent), var(--accent-dark));border:1px solid var(--accent-light);color:#fff;border-radius:6px;padding:7px 18px;font-size:13px;font-weight:600}.kadai-cancel-btn{border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:6px;padding:7px 14px;font-size:13px}.kadai-cancel-btn:hover{border-color:var(--border-glow);color:var(--text-primary)}.msg-section{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.msg-section:last-child{margin-bottom:0}.msg-label{color:var(--text-muted);letter-spacing:.05em;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.msg-bar{background:var(--accent);border-radius:2px;flex-shrink:0;width:3px;height:14px}.msg-bar.teal{background:var(--teal)}.msg-text{color:var(--text-secondary);white-space:pre-wrap;background:var(--bg-surface);border-radius:6px;padding:8px 10px;font-size:13px;line-height:1.65}.msg-meta{color:var(--text-muted);text-align:right;font-size:10px}.sha-list{flex-direction:column;gap:8px;display:flex}.sha-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:7px;flex-direction:column;gap:6px;padding:10px 12px;transition:border-color .15s;display:flex}.sha-item:hover{border-color:var(--border-glow)}.sha-item-replied{border-color:#22c55e40}.sha-hdr{flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;display:flex}.sha-from{color:var(--accent-light);font-weight:700}.sha-arrow{color:var(--text-muted)}.sha-to{color:var(--text-secondary);font-weight:600}.sha-tag{border:1px solid;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.sha-done{color:var(--success);background:#22c55e26;border-color:#22c55e4d}.sha-due{color:var(--text-muted);background:var(--bg-raised);white-space:nowrap;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:10px}.sha-msg{color:var(--text-secondary);font-size:12px;line-height:1.5}.sha-reply{background:var(--bg-raised);border-left:2px solid var(--teal);border-radius:0 4px 4px 0;align-items:center;gap:6px;padding:5px 8px;font-size:11px;display:flex}.sha-reply-icon{color:var(--teal);flex-shrink:0}.sha-reply-from{color:var(--teal);flex-shrink:0;font-weight:700}.sha-reply-msg{color:var(--text-secondary)}.sha-reply-btn{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:5px;align-self:flex-start;padding:4px 10px;font-size:11px;transition:all .15s}.sha-reply-btn:hover{border-color:var(--accent);color:var(--accent-light)}.countdown{border:1px solid #3b82f64d;border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;transition:background .5s;display:flex}.cd-label{color:var(--text-muted);font-size:11px}.cd-days{color:var(--accent-light);font-size:26px;font-weight:900;line-height:1}.cd-unit{color:var(--text-secondary);font-size:12px}.kpi-list{flex-direction:column;gap:10px;display:flex}.kpi-divider{border:none;border-top:1px solid var(--border);margin:4px 0}.kpi-row{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.kpi-label{color:var(--text-secondary);font-size:12px}.kpi-val{color:var(--text-primary);font-size:13px;font-weight:700}.kpi-goal{color:var(--text-muted);font-size:11px}.kpi-bar-bg{background:#64748b33;border-radius:99px;height:5px;margin-bottom:3px;overflow:hidden}.kpi-bar{border-radius:99px;height:100%}.bar-g{background:var(--success)}.bar-y{background:var(--warning)}.bar-r{background:var(--danger)}.kpi-pct{font-size:11px}.pct-g{color:var(--success)}.pct-y{color:var(--warning)}.pct-r{color:var(--danger)}.kpi-daily{color:var(--text-muted)}.news-card{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--r-md);box-shadow:var(--shadow-sm);margin-bottom:18px;padding:18px 20px}.news-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;display:flex}.news-tag{color:var(--warning);background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600}.news-auto{color:var(--text-muted);margin-left:auto;font-size:10px}.news-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;display:grid}.news-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:7px;flex-direction:column;gap:4px;padding:10px 12px;text-decoration:none;transition:border-color .15s;display:flex}.news-item:hover{border-color:var(--accent)}.news-date{color:var(--text-muted);font-size:10px}.news-title{color:var(--text-secondary);flex:1;font-size:12px;line-height:1.45}.news-src{color:var(--text-muted);margin-top:auto;font-size:10px}.news-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;padding:24px;font-size:13px;display:flex}.news-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.news-err{text-align:center;color:var(--text-muted);padding:20px;font-size:12px}