@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#0f1419;--bg-secondary:#161b22;--bg-card:#1d232bb3;--bg-card-hover:#252c37bf;--border-color:#30374180;--border-glow:#e8ba3038;--text-primary:#f1f0ee;--text-secondary:#c0c6ce;--text-dim:#868d98;--primary:#5598f6;--primary-hover:#77adf8;--primary-glow:#5598f659;--accent:#e8ba30;--accent-hover:#edc95e;--accent-glow:#e8ba304d;--success:#31c46e;--success-bg:#31c46e26;--warning:#f6a823;--warning-bg:#f6a82326;--danger:#f04251;--danger-bg:#f0425126;--glass-blur:blur(16px);--shadow-premium:0 10px 40px -10px #0009, 0 0 1px 1px #ffffff0d inset;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1);--transition-fast:all .15s ease;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Outfit", sans-serif}[data-theme=light]{--bg-primary:#f0f2f5;--bg-secondary:#f6f7f8;--bg-card:#ffffffd9;--bg-card-hover:#fffffffa;--border-color:#ccd0d78c;--border-glow:#c99e1d29;--text-primary:#151d28;--text-secondary:#455468;--text-dim:#7e8895;--primary:#1162d4;--primary-hover:#0f53b3;--primary-glow:#1162d433;--accent:#d49a11;--accent-hover:#b3820f;--accent-glow:#d49a112e;--success:#209752;--success-bg:#2097521a;--warning:#d48d11;--warning-bg:#d48d111a;--danger:#c91d2b;--danger-bg:#c91d2b1a;--shadow-premium:0 10px 30px -15px #0000001f, 0 0 1px 1px #ffffffd9 inset}*{box-sizing:border-box;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);flex-direction:column;min-height:100vh;font-size:14px;line-height:1.6;transition:background-color .4s,color .4s;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-fade{animation:.4s cubic-bezier(.25,.8,.25,1) forwards fadeIn}#app{flex-direction:column;width:100%;max-width:1440px;min-height:100vh;margin:0 auto;padding:0 20px;display:flex}.demo-control-bar{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-premium);z-index:100;border-top:none;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 24px;animation:.5s fadeIn;display:flex}.demo-title-area{align-items:center;gap:12px;display:flex}.demo-badge{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 0 12px var(--primary-glow);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700}.demo-title{font-family:var(--font-heading);letter-spacing:.5px;font-size:15px;font-weight:700}.demo-actions{align-items:center;gap:12px;display:flex}.btn-theme-toggle{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;width:36px;height:36px;transition:var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:#e8ba301a}.role-switch-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:30px;padding:3px;display:flex}.role-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:600;display:flex}.role-btn.active{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-hover));box-shadow:0 4px 12px var(--primary-glow)}.btn-reset-demo{color:var(--danger);cursor:pointer;transition:var(--transition-fast);background:#ef394826;border:1px solid #ef39484d;border-radius:30px;padding:6px 12px;font-size:11px;font-weight:600}.btn-reset-demo:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.portal-container{flex-grow:1;grid-template-columns:240px 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=900px){.portal-container{grid-template-columns:1fr}}.portal-sidebar{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-premium);border-radius:16px;flex-direction:column;gap:20px;height:fit-content;padding:20px 14px;display:flex}.user-profile-widget{text-align:center;border-bottom:1px solid var(--border-color);flex-direction:column;align-items:center;padding-bottom:16px;display:flex}.user-avatar-glow{background:linear-gradient(135deg, var(--primary), var(--accent));width:64px;height:64px;box-shadow:0 0 16px var(--primary-glow);border-radius:50%;margin-bottom:10px;padding:2px;position:relative}.user-avatar-inner{background:var(--bg-secondary);width:100%;height:100%;color:var(--text-primary);font-size:20px;font-weight:800;font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;display:flex}.user-name{font-family:var(--font-heading);color:var(--text-primary);font-size:14px;font-weight:700}.user-dept{color:var(--text-secondary);margin-top:2px;font-size:11px}.user-badge{background:var(--border-color);color:var(--text-primary);border-radius:10px;margin-top:6px;padding:1px 8px;font-size:9px;font-weight:700;display:inline-block}.sidebar-tabs{flex-direction:column;gap:4px;display:flex}.tab-nav-btn{color:var(--text-secondary);cursor:pointer;text-align:left;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.tab-nav-btn:hover{color:var(--primary);background:#5598f614;transform:translate(4px)}.tab-nav-btn.active{color:var(--primary);border-left:3px solid var(--primary);background:linear-gradient(90deg,#5598f61f,#0000);border-radius:0 8px 8px 0;font-weight:700;transform:none}.tab-nav-btn svg{stroke-width:2.2px;width:16px;height:16px}.portal-workspace{flex-direction:column;gap:20px;min-width:0;display:flex}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-premium);transition:var(--transition-smooth);border-radius:16px;padding:20px}.glass-card:hover{border-color:var(--border-glow)}.glass-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{font-family:var(--font-heading);letter-spacing:.3px;color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.card-title svg{color:var(--accent);width:18px;height:18px}.info-banner{text-align:left;color:var(--text-secondary);background:#5598f614;border:1px solid #5598f633;border-radius:10px;padding:10px 14px;font-size:12px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.metric-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-premium);border-radius:14px;justify-content:space-between;align-items:center;padding:16px;display:flex}.metric-left{text-align:left}.metric-label{color:var(--text-secondary);font-size:11px;font-weight:600}.metric-number{font-family:var(--font-heading);color:var(--text-primary);margin-top:2px;font-size:24px;font-weight:800}.metric-badge{border-radius:4px;margin-top:4px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.metric-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.metric-icon-wrapper.blue{color:var(--primary);background:#5598f61f}.metric-icon-wrapper.gold{color:var(--accent);background:#e8ba301f}.metric-icon-wrapper.purple{color:#be5eed;background:#be5eed1f}.kanban-board{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;display:grid}@media (width<=1024px){.kanban-board{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.kanban-board{grid-template-columns:1fr}}.kanban-column{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:12px;min-height:400px;padding:12px;display:flex}.kanban-column-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:8px;display:flex}.kanban-column:first-child .kanban-column-header{border-color:var(--text-dim)}.kanban-column:nth-child(2) .kanban-column-header{border-color:var(--primary)}.kanban-column:nth-child(3) .kanban-column-header{border-color:var(--accent)}.kanban-column:nth-child(4) .kanban-column-header{border-color:var(--success)}.column-title{color:var(--text-primary);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.column-count{background:var(--border-color);color:var(--text-secondary);border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.kanban-card-list{flex-direction:column;flex-grow:1;gap:10px;display:flex}.kanban-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-fast);text-align:left;border-radius:10px;padding:12px}.kanban-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.kanban-card-title{color:var(--text-primary);font-size:13px;font-weight:700}.kanban-card-company{color:var(--text-secondary);margin-top:1px;font-size:11px}.kanban-card-amount{font-family:var(--font-heading);color:var(--accent);justify-content:space-between;align-items:center;margin-top:8px;font-size:14px;font-weight:700;display:flex}.kanban-card-footer{color:var(--text-dim);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:8px;padding-top:6px;font-size:10px;display:flex}.kanban-card-actions{gap:4px;margin-top:6px;display:flex}.btn-card-action{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.btn-card-action:hover{border-color:var(--primary);color:var(--primary)}.timeline{text-align:left;flex-direction:column;gap:16px;padding-left:20px;display:flex;position:relative}.timeline:before{content:"";background:var(--border-color);width:2px;position:absolute;top:4px;bottom:4px;left:6px}.timeline-item{position:relative}.timeline-badge{background:var(--bg-secondary);border:3px solid var(--primary);width:14px;height:14px;box-shadow:0 0 0 3px var(--bg-primary);border-radius:50%;position:absolute;top:3px;left:-20px}.timeline-item.meeting .timeline-badge{border-color:var(--accent)}.timeline-item.call .timeline-badge{border-color:#be5eed}.timeline-item.deal .timeline-badge{border-color:var(--success)}.timeline-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:10px 14px}.timeline-header{justify-content:space-between;align-items:center;font-size:11px;display:flex}.timeline-title{color:var(--text-primary);font-weight:700}.timeline-date{color:var(--text-dim)}.timeline-details{color:var(--text-secondary);margin-top:4px;font-size:12px}.timeline-author{color:var(--text-dim);text-align:right;margin-top:4px;font-size:10px}.split-grid{grid-template-columns:1fr 1.2fr;gap:20px;display:grid}@media (width<=900px){.split-grid{grid-template-columns:1fr}}.form-group{text-align:left;margin-bottom:16px}.form-label{color:var(--text-secondary);letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.form-input,.form-textarea,.form-select{background:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:var(--transition-fast);border-radius:8px;padding:10px 12px;font-size:13px}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.form-textarea{resize:vertical;min-height:80px}.form-help{color:var(--text-dim);margin-top:4px;font-size:10px}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;cursor:pointer;transition:var(--transition-fast);box-shadow:0 4px 12px var(--primary-glow);border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex}.btn-primary:hover{box-shadow:0 6px 16px var(--primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.search-filter-bar{gap:12px;margin-bottom:16px;display:flex}.search-input-wrapper{flex-grow:1;position:relative}.search-input-wrapper input{padding-left:34px}.search-input-wrapper svg{width:14px;height:14px;color:var(--text-dim);position:absolute;top:10px;left:12px}.directory-list{flex-direction:column;gap:8px;display:flex}.directory-row{background:var(--bg-primary);border:1px solid var(--border-color);transition:var(--transition-fast);cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;padding:12px;display:flex}.directory-row:hover{border-color:var(--primary);background:var(--bg-secondary)}.emp-row-left{align-items:center;gap:12px;display:flex}.emp-avatar-dot{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 8px #00000026}.emp-row-info{text-align:left}.emp-row-name{color:var(--text-primary);font-size:13px;font-weight:700}.emp-row-meta{color:var(--text-secondary);font-size:11px}.status-badge{text-transform:uppercase;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.status-badge.lead{background:var(--border-color);color:var(--text-secondary)}.status-badge.proposal{color:var(--primary);background:#5598f626}.status-badge.negotiation{color:var(--accent);background:#e8ba3026}.status-badge.won{background:var(--success-bg);color:var(--success)}.status-badge.lost{background:var(--danger-bg);color:var(--danger)}.status-badge.pending{background:var(--warning-bg);color:var(--warning)}.status-badge.approved{background:var(--success-bg);color:var(--success)}.profile-detail-panel{text-align:left;flex-direction:column;gap:16px;display:flex}.profile-header{border-bottom:1px solid var(--border-color);margin-bottom:4px;padding-bottom:12px}.profile-company{font-family:var(--font-heading);color:var(--text-primary);justify-content:space-between;align-items:center;font-size:20px;font-weight:800;display:flex}.profile-contact{color:var(--text-secondary);margin-top:2px;font-size:13px}.profile-info-grid{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;grid-template-columns:1fr 1fr;gap:12px;padding:12px;font-size:12px;display:grid}.info-field-label{color:var(--text-dim);font-weight:600}.info-field-val{color:var(--text-primary);margin-top:2px;font-weight:700}.charts-split-grid{grid-template-columns:1fr 1.2fr;gap:20px;display:grid}@media (width<=900px){.charts-split-grid{grid-template-columns:1fr}}.chart-visual-box{justify-content:center;align-items:center;height:200px;display:flex;position:relative}.donut-svg{width:160px;height:160px;transform:rotate(-90deg)}.donut-bg{fill:none;stroke:var(--border-color);stroke-width:12px}.donut-segment-1{fill:none;stroke:var(--primary);stroke-width:14px;stroke-dasharray:440;stroke-dashoffset:110px;transition:stroke-dashoffset .6s}.donut-segment-2{fill:none;stroke:var(--accent);stroke-width:14px;stroke-dasharray:440;stroke-dashoffset:330px;transition:stroke-dashoffset .6s}.donut-center-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.donut-number{font-family:var(--font-heading);color:var(--text-primary);font-size:24px;font-weight:800}.donut-label{color:var(--text-dim);text-transform:uppercase;font-size:10px}.css-bars-container{justify-content:space-around;align-items:flex-end;width:100%;height:140px;padding:0 10px;display:flex}.bar-wrapper{flex-direction:column;flex-grow:1;align-items:center;gap:8px;display:flex}.bar-fill{background:linear-gradient(0deg, var(--primary), var(--accent));width:24px;box-shadow:0 0 10px var(--primary-glow);border-radius:4px 4px 0 0;transition:height .6s cubic-bezier(.25,.8,.25,1)}.bar-label{color:var(--text-dim);font-size:10px}.leaderboard-list{flex-direction:column;gap:10px;display:flex}.leaderboard-row{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.leaderboard-left{align-items:center;gap:10px;display:flex}.leaderboard-rank{font-family:var(--font-heading);color:var(--accent);width:18px;font-size:13px;font-weight:800}.leaderboard-name{font-weight:700}.leaderboard-bar-outer{background:var(--border-color);vertical-align:middle;border-radius:3px;width:80px;height:6px;margin-left:8px;display:inline-block;overflow:hidden}.leaderboard-bar-inner{background:linear-gradient(90deg, var(--primary), var(--accent));height:100%}.terminal-box{border:1px solid var(--border-color);color:#63e9a6;text-align:left;background:#090c11;border-radius:10px;min-height:180px;max-height:240px;padding:12px;font-family:monospace;font-size:11px;overflow-y:auto}.log-entry{word-break:break-all;margin-bottom:6px;line-height:1.4}.log-time{color:var(--text-dim);margin-right:6px}.toast-container{z-index:1000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-left:4px solid var(--primary);box-shadow:var(--shadow-premium);text-align:left;border-radius:10px;align-items:center;gap:12px;min-width:280px;max-width:400px;padding:12px 16px;display:flex}.toast.成功{border-left-color:var(--success)}.toast.警告{border-left-color:var(--warning)}.toast.エラー{border-left-color:var(--danger)}.toast-content{flex-grow:1}.toast-title{color:var(--text-primary);font-size:12px;font-weight:700}.toast-message{color:var(--text-secondary);margin-top:1px;font-size:11px}.btn-toast-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.btn-toast-close:hover{color:var(--text-primary)}.portal-footer{border-top:1px solid var(--border-color);justify-content:center;margin-top:auto;padding:24px 0;display:flex}.loki-attribution{color:var(--text-dim);letter-spacing:.5px;font-size:11px}.loki-attribution strong{color:var(--text-secondary)}.loki-dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:4px;height:4px;margin:0 8px;display:inline-block}.req-actions{gap:6px;display:flex}.btn-action-circle{cursor:pointer;color:#fff;width:30px;height:30px;transition:var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-action-circle.approve{background:var(--success)}.btn-action-circle.approve:hover{transform:scale(1.1)}.btn-action-circle.reject{background:var(--danger)}.btn-action-circle.reject:hover{transform:scale(1.1)}.btn-action-circle svg{width:14px;height:14px}