:root{--primary-color: #1a3b5d;--secondary-color: #3b4556;--accent-blue: #3498db;--accent-red: #e74c3c;--accent-green: #2ecc71;--accent-yellow: #f1c40f;--bg-color: #f4f7fa;--panel-bg-color: #ffffff;--border-color: #e9ecef;--shadow: 0 4px 6px rgba(0, 0, 0, .07);--cat-jyuchu: #fecaca;--text-jyuchu: #991b1b;--cat-zenshin: #fed7aa;--text-zenshin: #9a3412;--cat-anken: #bfdbfe;--text-anken: #1e40af;--cat-shodan: #bbf7d0;--text-shodan: #166534;--cat-other: #e5e7eb;--text-other: #374151}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);margin:0;color:var(--secondary-color)}.app-container{max-width:2400px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px;flex-wrap:wrap;gap:15px}.header h1{font-size:26px;color:var(--primary-color);margin:0}.header-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.salesperson-selector label,.fiscal-year-selector label,.snapshot-selector label{font-size:14px;margin-right:5px}.salesperson-selector select,.fiscal-year-selector select,.snapshot-selector select{padding:5px;border-radius:5px;border:1px solid #cdd5df}.navigation a{margin-left:15px;color:var(--primary-color);text-decoration:none;font-weight:500}.navigation a:hover{text-decoration:underline}.time-switch button{padding:8px 18px;border:1px solid #cdd5df;background-color:var(--panel-bg-color);border-radius:20px;cursor:pointer;font-size:14px;transition:all .2s}.time-switch button:hover{background-color:#f0f2f5}.time-switch button.active{background-color:var(--primary-color);color:var(--panel-bg-color);border-color:var(--primary-color)}.view-panel{background-color:var(--panel-bg-color);border-radius:12px;padding:25px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:25px}.view-panel h2{font-size:22px;margin:0;padding-bottom:15px;border-bottom:2px solid #f0f2f5;display:flex;align-items:center;color:var(--primary-color)}.section-title{font-size:18px;color:#34495e;margin:0 0 15px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.clickable{cursor:pointer;text-decoration:underline;color:var(--accent-blue);font-weight:700}.clickable:hover{color:#2980b9}.data-table{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:10px;display:block;overflow-x:auto;white-space:nowrap}.data-table th,.data-table td{border:1px solid #ddd;padding:8px;text-align:left}.data-table th{background-color:#f2f2f2}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.modal-overlay.visible{opacity:1;visibility:visible}.modal-content{background:#fff;padding:30px;border-radius:10px;width:90%;max-width:1200px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;transform:scale(.95);transition:transform .3s}.modal-overlay.visible .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:20px;flex-shrink:0}.modal-header h3{margin:0}.modal-close{font-size:24px;font-weight:700;cursor:pointer;border:none;background:none}.modal-body{overflow-y:auto}.yearly-progress{background:var(--panel-bg-color);padding:20px;border-radius:12px;box-shadow:var(--shadow);margin-bottom:20px}.yearly-progress h3{margin:0 0 10px;font-size:16px;color:var(--primary-color)}.progress-bar-bg{width:100%;height:25px;background-color:var(--border-color);border-radius:5px}.progress-bar-fill{height:100%;background-color:var(--accent-blue);border-radius:5px;text-align:center;line-height:25px;color:#fff;font-weight:700;font-size:14px;transition:width .5s ease-in-out}.progress-label{display:flex;justify-content:space-between;font-size:12px;margin-top:5px}.dashboard-container{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:20px}.kpi-section{margin-bottom:15px}.kpi-main{font-size:24px;font-weight:700;margin-bottom:5px}.kpi-sub{font-size:14px;color:#7f8c8d}.gauge-container{width:100%;height:20px;background:var(--border-color);border-radius:10px;overflow:hidden}.gauge-bar{height:100%;background-color:var(--accent-green);border-radius:10px}.portfolio-charts{display:flex;gap:20px}.portfolio-chart{flex:1}.portfolio-chart .chart-title{font-size:14px;font-weight:600;text-align:center;margin-bottom:10px}.portfolio-chart ul{list-style:none;padding:0;margin:0;font-size:13px}.portfolio-chart li{display:flex;justify-content:space-between;padding:5px 0}.portfolio-chart .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.summary-item{background:#f8f9fa;padding:10px;border-radius:6px;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}.summary-item:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000000f}.summary-item .count{font-size:20px;font-weight:700;color:var(--primary-color)}.summary-item .label{font-size:12px;color:#7f8c8d}.issue-card{background-color:#fff9f9;border:1px solid #f5c6cb;border-left:5px solid var(--accent-red);border-radius:4px;padding:15px}.issue-card h4{margin:0 0 8px;font-size:16px;color:#c0392b}.issue-card p{margin:0;font-size:14px;line-height:1.6}.alert-section{display:flex;gap:15px;text-align:center}.alert-item{flex:1;background:#fff4e6;padding:15px;border-radius:8px;border:1px solid #ffe8cc}.alert-item .count{font-size:28px;font-weight:700;color:#e67e22}.alert-item .label{font-size:13px}.action-needed{text-align:center;background:#e8f4fd;padding:15px;border-radius:8px;border:1px solid #d0e8fc}.action-needed p{margin:0}.action-needed strong{font-size:24px;color:var(--accent-blue)}.mission{background-color:#f8f9fa;border-radius:6px;padding:15px;margin-bottom:15px}.mission-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.priority-circle{width:30px;height:30px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.p1{border-left:4px solid #c0392b}.p1 .priority-circle{background-color:#c0392b}.p2{border-left:4px solid #e67e22}.p2 .priority-circle{background-color:#e67e22}.p3{border-left:4px solid #f1c40f}.p3 .priority-circle{background-color:#f1c40f;color:#333}.mission h4{margin:0;font-size:16px;flex-grow:1}.action-btn{padding:5px 10px;font-size:12px;background-color:#27ae60;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.action-btn:hover{background-color:#229954}.action-btn:disabled{background-color:#7f8c8d;cursor:not-allowed}#weekly-todo{margin-top:25px}#weekly-todo-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#weekly-todo-list li{background:var(--panel-bg-color);border:1px solid var(--border-color);border-radius:5px;padding:10px}#weekly-todo-list label{font-weight:700;font-size:13px;display:block;margin-bottom:5px}#weekly-todo-list textarea{width:100%;height:100px;border:1px solid #ccc;border-radius:4px;resize:vertical;font-size:13px;padding:5px;box-sizing:border-box}.outlook-btn{display:block;width:100%;margin-top:15px;padding:10px;background-color:var(--primary-color);color:#fff;text-align:center;border:none;border-radius:5px;cursor:pointer;font-weight:700}.boost-plan{border-top:2px dashed #e0e0e0;padding-top:20px;margin-top:20px}.boost-item{margin-bottom:20px}.boost-item h5{font-size:15px;margin:0 0 10px}.boost-item .description{font-size:13px;color:#555;background-color:#f0f2f5;padding:8px;border-radius:4px;margin:0 0 10px}.download-button{display:inline-block;padding:8px 15px;font-size:13px;font-weight:700;color:#fff;background-color:#27ae60;border:none;border-radius:5px;cursor:pointer;text-decoration:none;transition:background-color .2s}.download-button:hover{background-color:#229954}.week-selector{display:flex;align-items:center;gap:8px}.week-selector label{font-size:14px;font-weight:500}.week-selector select{padding:5px 10px;border-radius:5px;border:1px solid var(--border-color)}.main-content-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:flex-start}.rank-container{text-align:center;padding:20px;background:#fdfdfd;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 2px 4px #0000000d}.rank-container h3{margin:0 0 15px;color:var(--secondary-color)}.rank-container h3 span{font-size:1.8em;color:var(--primary-color);margin-left:8px;font-weight:800}.rank-image-wrapper{position:relative;width:100%;max-width:300px;margin:0 auto 15px;aspect-ratio:9 / 16;border-radius:8px;overflow:hidden;background-color:#e0e0e0;border:4px solid #fff;box-shadow:0 4px 10px #0000001a}.rank-image{width:100%;height:100%;object-fit:cover}.old-rank-image,.flash-effect{position:absolute;top:0;left:0;width:100%;height:100%}.old-rank-image{animation:fadeOutShrink 1.2s forwards cubic-bezier(.22,1,.36,1);z-index:2}.new-rank-image-effect{animation:fadeInGrow 1.2s forwards .3s cubic-bezier(.22,1,.36,1)}.flash-effect{background:#fff;opacity:0;animation:flash .8s forwards .1s;z-index:3;pointer-events:none}@keyframes fadeOutShrink{0%{opacity:1;transform:scale(1);filter:brightness(1)}to{opacity:0;transform:scale(.9);filter:brightness(2)}}@keyframes fadeInGrow{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes flash{0%{opacity:.8}to{opacity:0}}.mission-evaluation-container{padding-left:20px}.todo-evaluation-list .day-group{margin-bottom:20px}.todo-evaluation-list h5{font-size:16px;margin-bottom:8px;padding-left:5px;border-left:3px solid var(--accent-blue)}.todo-evaluation-list ul{list-style:none;padding:0;margin:0}.task-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin-bottom:8px;border-radius:6px;background-color:#f8f9fa;border:1px solid var(--border-color);border-left:5px solid #bdc3c7;transition:all .3s ease}.task-item.status-complete{background-color:#f0fff4;border-left-color:var(--accent-green)}.task-item.status-incomplete{background-color:#fff8f8;border-left-color:var(--accent-red)}.task-text{flex-grow:1;padding-right:15px;font-size:15px}.mission-actions{display:flex;gap:8px;flex-shrink:0}.mission-actions button{padding:6px 12px;font-size:13px;font-weight:700;border:2px solid;border-radius:20px;cursor:pointer;transition:all .2s;background-color:transparent}.complete-btn{border-color:var(--accent-green);color:var(--accent-green)}.incomplete-btn{border-color:var(--accent-red);color:var(--accent-red)}.task-item.status-complete .complete-btn{background-color:var(--accent-green);color:#fff}.task-item.status-incomplete .incomplete-btn{background-color:var(--accent-red);color:#fff}.mission-actions button:disabled{opacity:.5;cursor:not-allowed}.evaluation-footer{margin-top:30px;text-align:right;padding-top:20px;border-top:1px solid var(--border-color)}.evaluate-button{padding:12px 30px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--accent-blue));border:none;border-radius:30px;cursor:pointer;box-shadow:0 4px 10px #1a3b5d4d;transition:transform .2s,box-shadow .2s}.evaluate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #1a3b5d66}.evaluate-button:disabled{background:#bdc3c7;cursor:not-allowed;box-shadow:none;transform:none}.evaluated-message{font-size:18px;font-weight:700;color:var(--primary-color);display:flex;align-items:center;justify-content:flex-end}.evaluated-message:before{content:"笨�";margin-right:8px}.unevaluated-message{font-size:16px;font-weight:500;color:#7f8c8d;text-align:right}.old-data-container{font-size:15px}.old-data-notice{background-color:#fffbe6;border:1px solid #ffe58f;border-left:5px solid #fadb14;padding:15px;border-radius:8px;margin-bottom:20px}.old-data-notice strong{display:block;margin-bottom:5px;font-size:16px;color:#d46b08}.old-data-notice p{margin:0}.old-data-container h5{font-size:16px;color:var(--primary-color);margin-bottom:10px}.old-mission-list{list-style:none;padding:0;margin:0}.old-mission-list li{background-color:#f8f9fa;padding:10px 15px;border-radius:4px;margin-bottom:8px;border:1px solid var(--border-color)}.no-mission-notice{background-color:#e8f4fd;border:1px solid #d0e8fc;border-left:5px solid var(--accent-blue);padding:20px;border-radius:8px}.no-mission-notice p{margin:0;line-height:1.6}.no-mission-notice p:first-child{margin-bottom:10px}@media (max-width: 1200px){.dashboard-container{grid-template-columns:1fr 1.3fr}#current-status{grid-column:1 / -1}}@media (max-width: 900px){.dashboard-container,.main-content-grid,#weekly-todo-list{grid-template-columns:1fr}.portfolio-charts{flex-direction:column}.mission-evaluation-container{padding-left:0;margin-top:30px}.rank-image-wrapper{max-width:200px}}@media (max-width: 768px){.app-container{padding:10px}.header{flex-direction:column;align-items:flex-start}.header-controls{width:100%;justify-content:space-between}.modal-content{width:95%}}.summary-item.active{background-color:#eff6ff}.summary-item.active .summary-item.active{background-color:#eff6ff;border-color:#3b82f6}.summary-item.active .summary-item.clickable{cursor:pointer;transition:background .2s}.summary-item.active .summary-item.clickable:hover{background-color:#f9fafb}.summary-item.active .header-controls{width:100%;justify-content:space-between}.summary-item.active .modal-content{width:95%}.issue-card.critical-alert{background-color:#e2d757;color:#fff;border:1px solid #843534;border-left:8px solid #d9534f;animation:pulse-animation 1.5s infinite}.issue-card.critical-alert h4{color:#fff;display:flex;align-items:center;font-size:18px}.issue-card.critical-alert h4:before{content:"�圷";margin-right:10px;font-size:20px}.issue-card.critical-alert p{font-size:15px;font-weight:500}@keyframes pulse-animation{0%{box-shadow:0 0 #d9534fb3}70%{box-shadow:0 0 0 10px #d9534f00}to{box-shadow:0 0 #d9534f00}}.page-container{max-width:1600px;margin:0 auto;padding:30px}.page-container h2{margin-bottom:10px;color:var(--primary-color);font-size:26px}.page-container .description{margin-bottom:25px;color:#64748b;font-size:.9rem}.legend{display:flex;gap:20px;margin-bottom:20px;background:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 1px 2px #0000000d;font-size:.85rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;cursor:default}.legend-box{width:12px;height:12px;border-radius:2px;border:1px solid #ccc}.line-mark{width:25px;height:3px;background:var(--accent-yellow);position:relative}.line-mark:after{content:"";width:8px;height:8px;background:#fff;border:2px solid var(--accent-yellow);border-radius:50%;position:absolute;left:8px;top:-2.5px}.monitor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:2500px;margin:0 auto}@media (max-width: 1200px){.monitor-grid{grid-template-columns:1fr}}.performance-card{background:var(--panel-bg-color);border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;height:320px;overflow:hidden;border:1px solid #e2e8f0}.performance-info{width:210px;background:#f8fafc;padding:15px;display:flex;flex-direction:column;border-right:1px solid #e2e8f0;flex-shrink:0;font-size:.85rem}.person-name{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:#0f172a}.target-section{margin-bottom:15px}.progress-container{width:100%;height:6px;background:#e2e8f0;border-radius:3px;margin-top:4px}.progress-bar{height:100%;background:var(--accent-yellow);width:0%;border-radius:3px;transition:width .5s ease-in-out}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:15px;border-top:1px dashed #cbd5e1}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:.7rem;color:#64748b;margin-bottom:2px}.stat-val{font-weight:700;font-size:1.1rem}.chart-area{flex:1;display:flex;position:relative;padding-top:40px;padding-bottom:5px;background-color:#fff}.svg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.sales-line{fill:none;stroke:var(--accent-yellow);stroke-width:3;stroke-linejoin:round;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1))}.sales-dot{fill:#fff;stroke:var(--accent-yellow);stroke-width:2;r:4}.target-line{stroke:#cbd5e1;stroke-width:1;stroke-dasharray:4}.monthly-columns{display:flex;width:100%;height:100%;position:relative}.month-column{flex:1;border-right:1px solid #f1f5f9;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;transition:all .2s}.month-column:last-child{border-right:none}.month-column.low-activity{background-color:#fee2e2}.month-column.gap-issue{background-color:#fef9c3}.month-column.low-activity:hover{background-color:#fca5a5}.month-column.gap-issue:hover{background-color:#fde047}.bar-activity{background:var(--accent-blue);opacity:.6}.bar-stock{background:var(--accent-green)}.month-label{position:absolute;bottom:4px;width:100%;text-align:center;font-size:.7rem;color:#64748b;font-weight:700;pointer-events:none}.month-column:hover .tooltip{opacity:1}:root{--chart-bar1: #94a3b8;--chart-bar2: #3b82f6;--chart-line: #f59e0b}.won-markers{position:absolute;top:5px;left:50%;transform:translate(-50%);display:flex;gap:2px;pointer-events:none;z-index:15}.won-marker{font-size:14px;animation:heartbeat 1.5s ease-in-out infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.month-label{position:absolute;bottom:4px;width:100%;text-align:center;font-size:.7rem;color:#64748b;font-weight:700;pointer-events:none;z-index:5}:root{--bg-body: #f1f5f9;--panel-bg: #ffffff;--bar-activity: #94a3b8;--bar-stock: #3b82f6;--line-sales: #f59e0b;--status-low-bg: #fee2e2;--status-gap-bg: #fef9c3;--text-main: #334155}.rep-panel{background:var(--panel-bg);border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;height:320px;overflow:hidden;border:1px solid #e2e8f0}.rep-info{width:210px;background:#f8fafc;padding:15px;display:flex;flex-direction:column;border-right:1px solid #e2e8f0;flex-shrink:0;font-size:.85rem}.rep-name{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:#0f172a}.month-col{flex:1;border-right:1px solid #f1f5f9;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;transition:all .2s}.month-col:last-child{border-right:none}.month-col.low_activity{background-color:var(--status-low-bg);cursor:pointer}.month-col.gap_issue{background-color:var(--status-gap-bg);cursor:pointer}.month-col.low_activity:hover{background-color:#fca5a5}.month-col.gap_issue:hover{background-color:#fde047}.bar-wrapper{width:85%;height:100%;position:relative;display:flex;justify-content:center;align-items:flex-end;gap:4px;margin-bottom:20px}.bar{width:45%;border-radius:3px 3px 0 0;transition:height .5s;pointer-events:none}.bar-act{background:var(--bar-activity);opacity:.6}.bar-stock{background:var(--bar-stock)}.tooltip{position:absolute;bottom:85%;left:50%;transform:translate(-50%);background:#0f172af2;color:#fff;padding:8px 12px;border-radius:6px;font-size:.75rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s;z-index:20;box-shadow:0 4px 10px #00000026}.month-col:hover .tooltip{opacity:1}.modal-header{font-size:1.2rem;font-weight:700;margin-bottom:15px;display:flex;align-items:center;gap:10px}.modal-close{position:absolute;top:15px;right:20px;font-size:1.5rem;cursor:pointer;color:#999}.modal-close:hover{color:#333}.modal-content h4{margin:15px 0 5px;color:#475569;font-size:.9rem;border-bottom:1px solid #eee;padding-bottom:5px}.modal-content p{margin:0;font-size:.95rem;line-height:1.6;color:#333}.modal-tag{display:inline-block;padding:4px 10px;border-radius:4px;font-size:.8rem;font-weight:700}.tag-red{background:var(--status-low-bg);color:#b91c1c;border:1px solid #fecaca}.tag-yellow{background:var(--status-gap-bg);color:#854d0e;border:1px solid #fde047}.won-marker{position:absolute;top:5px;font-size:16px;pointer-events:none;z-index:15;animation:heartbeat 1.5s ease-in-out infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.box{width:12px;height:12px;border-radius:2px;border:1px solid #ccc}.line-mark{width:25px;height:3px;background:var(--line-sales);position:relative}.line-mark:after{content:"";width:8px;height:8px;background:#fff;border:2px solid var(--line-sales);border-radius:50%;position:absolute;left:8px;top:-2.5px}.status-grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.status-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:15px;box-shadow:0 1px 3px #0000000d}.status-item.full-width{grid-column:span 2}.status-item.highlight-item{border-left:5px solid var(--accent-blue);background:#f8fafc}.status-item .kpi-main{font-size:28px;color:var(--primary-color);font-weight:800;margin-bottom:5px}.status-item .target-val{font-size:16px;color:#94a3b8;font-weight:400}.status-item .progress-val{font-size:18px;color:var(--accent-blue);margin-left:5px}.status-item .sub-info{font-size:12px;color:#64748b;margin-left:10px;font-weight:400}.status-item .info-link{font-size:12px;margin-left:10px;color:var(--accent-blue);text-decoration:none}.status-item .info-link:hover{text-decoration:underline}.simple-list{list-style:none;padding:0;margin:0}.simple-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed #f1f5f9;font-size:14px}.simple-list li:last-child{border-bottom:none}.simple-list .label{color:#64748b}.simple-list .val{font-weight:700;font-size:16px}.simple-list .target{font-size:12px;color:#94a3b8;margin-left:5px}.portfolio-charts.compact .chart-title{font-size:13px;color:#64748b;text-align:left;margin-bottom:5px;border-bottom:1px solid #f1f5f9;padding-bottom:3px}.summary-grid.compact{gap:15px}.summary-grid.compact .summary-item{padding:8px;background:#fff;box-shadow:none;border:1px solid #f1f5f9}.summary-grid.compact .count{font-size:22px}.analysis-flex{display:flex;gap:20px}.analysis-col{flex:1}.analysis-result ul{list-style:none;padding:0;margin:10px 0 0;font-size:13px}.analysis-result li{display:flex;justify-content:space-between;margin-bottom:5px}.mission-summary{display:flex;gap:20px;padding:15px;background:#f8f9fa;border-radius:8px;margin-bottom:20px;border:1px solid var(--border-color)}.mission-summary .summary-item{display:flex;flex-direction:column;align-items:center;flex:1}.mission-summary .summary-label{font-size:.85rem;color:#6c757d;margin-bottom:5px;font-weight:500}.mission-summary .summary-value{font-size:1.8rem;font-weight:700;color:var(--primary-color)}.mission-summary .summary-value.complete{color:var(--accent-green)}.mission-summary .summary-value.incomplete{color:var(--accent-red)}.calendar-mission-list{display:flex;flex-direction:column;gap:12px}.mission-item{border:1px solid var(--border-color);border-radius:6px;padding:12px;background:#fff;transition:box-shadow .2s}.mission-item:hover{box-shadow:0 2px 8px #00000014}.mission-item.status-complete{border-left:4px solid var(--accent-green);background:#f0fff4}.mission-item.status-incomplete{border-left:4px solid var(--accent-red);background:#fff8f8}.mission-item.status-pending{border-left:4px solid #bdc3c7}.mission-item .mission-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.mission-day{background:#6c757d;color:#fff;padding:3px 10px;border-radius:4px;font-size:.8rem;font-weight:600;flex-shrink:0}.mission-category{padding:3px 10px;border-radius:4px;font-size:.75rem;font-weight:600;flex-shrink:0}.mission-category.cat-jyuchu{background:#ffe5e5;color:#dc2626}.mission-category.cat-zenshin{background:#fff3cd;color:#f59e0b}.mission-category.cat-anken{background:#e3f2fd;color:#2563eb}.mission-category.cat-shodan{background:#d1fae5;color:#059669}.mission-category.cat-memo{background:#e5e7eb;color:#6b7280}.mission-item .mission-title{font-weight:600;flex:1;font-size:.95rem}.mission-detail{font-size:.85rem;color:#6c757d;margin-bottom:8px;padding-left:10px;border-left:2px solid #e0e0e0;line-height:1.5}.day-group-container{margin-bottom:20px}.day-header{font-size:1.1rem;font-weight:700;color:#374151;border-bottom:2px solid #e5e7eb;padding-bottom:5px;margin-bottom:10px;margin-top:0}.mission-item-compact{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin-bottom:8px;box-shadow:0 1px 2px #0000000d;transition:all .2s}.mission-item-compact:hover{box-shadow:0 4px 6px #0000001a}.mission-item-compact.status-complete{background-color:#f0fdf4;border-color:#86efac}.mission-item-compact.status-incomplete{background-color:#fef2f2;border-color:#fecaca}.mission-row{display:flex;justify-content:space-between;align-items:center;width:100%}.mission-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.mission-category{font-size:.75rem;padding:2px 8px;border-radius:12px;font-weight:600;white-space:nowrap}.mission-category.cat-jyuchu{background-color:var(--cat-jyuchu);color:var(--text-jyuchu)}.mission-category.cat-zenshin{background-color:var(--cat-zenshin);color:var(--text-zenshin)}.mission-category.cat-anken{background-color:var(--cat-anken);color:var(--text-anken)}.mission-category.cat-shodan{background-color:var(--cat-shodan);color:var(--text-shodan)}.mission-category.cat-other,.badge.b-other,.badge-mini.b-other{background-color:var(--cat-other);color:var(--text-other)}.mission-title{font-weight:600;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission-actions-compact{display:flex;gap:5px;margin-left:10px;flex-shrink:0}.action-btn{padding:4px 12px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s;font-weight:700}.action-btn.complete{color:#10b981;border-color:#10b981}.action-btn.incomplete{color:#ef4444;border-color:#ef4444}.action-btn:hover:not(:disabled){background-color:#f3f4f6}.action-btn.complete.active{background-color:#10b981;color:#fff;border-color:#059669}.action-btn.incomplete.active{background-color:#ef4444;color:#fff;border-color:#dc2626}.mission-detail-row{margin-top:8px;font-size:.9rem;color:#6b7280;padding-left:5px;border-left:2px solid #e5e7eb;margin-left:2px;line-height:1.4;white-space:pre-wrap}.category-breakdown{margin-bottom:20px;background:#fff;padding:10px;border-radius:8px;border:1px solid #e5e7eb}.breakdown-table{width:100%;border-collapse:collapse;font-size:.9rem}.breakdown-table th,.breakdown-table td{text-align:left;padding:6px 10px;border-bottom:1px solid #f3f4f6}.breakdown-table th{color:#6b7280;font-weight:600}.text-complete{color:#10b981;font-weight:700}.text-incomplete{color:#ef4444;font-weight:700}.summary-item.active{background-color:#eff6ff;border-color:#3b82f6}.summary-item.clickable{cursor:pointer;transition:background .2s}.summary-item.clickable:hover{background-color:#f9fafb}.view-toggle button{transition:all .2s}.day-group-container{margin-bottom:24px}.day-header{background-color:#f3f4f6;padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:.95rem;font-weight:600;color:#374151;border-left:4px solid #9ca3af}.mission-item-compact{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:10px 14px;margin-bottom:8px;transition:all .2s;display:flex;flex-direction:column;gap:6px}.mission-item-compact:hover{box-shadow:0 2px 4px #0000000d}.mission-item-compact.status-complete{border-left:4px solid var(--accent-green);background-color:#f0fdf4}.mission-item-compact.status-incomplete{border-left:4px solid var(--accent-red);background-color:#fef2f2}.mission-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.mission-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.mission-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:.95rem}.mission-date-badge{background-color:#f3f4f6;padding:2px 8px;border-radius:4px;font-size:.75rem;color:#6b7280;font-weight:600;flex-shrink:0}.mission-actions-compact{display:flex;gap:8px}.action-btn{border:1px solid #d1d5db;background:#fff;padding:4px 10px;font-size:.75rem;border-radius:4px;cursor:pointer;transition:all .2s;font-weight:500}.action-btn:hover{background:#f9fafb;border-color:#9ca3af}.action-btn.complete.active,.action-btn.complete:hover{background:var(--accent-green);color:#fff;border-color:var(--accent-green)}.action-btn.incomplete.active,.action-btn.incomplete:hover{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.mission-detail-row{font-size:.85rem;color:#6b7280;padding-left:8px;border-left:2px solid #e5e7eb;margin-left:4px}.cat-header-jyuchu{border-left-color:var(--text-jyuchu)!important;background-color:var(--cat-jyuchu)!important;color:var(--text-jyuchu)!important}.cat-header-zenshin{border-left-color:var(--text-zenshin)!important;background-color:var(--cat-zenshin)!important;color:var(--text-zenshin)!important}.cat-header-anken{border-left-color:var(--text-anken)!important;background-color:var(--cat-anken)!important;color:var(--text-anken)!important}.cat-header-shodan{border-left-color:var(--text-shodan)!important;background-color:var(--cat-shodan)!important;color:var(--text-shodan)!important}.cat-header-other{border-left-color:var(--text-other)!important;background-color:var(--cat-other)!important;color:var(--text-other)!important}:root{--c-jyuchu: #DC2626;--c-zenshin: #F59E0B;--c-anken: #2563EB;--c-shodan: #059669;--c-memo: #6B7280;--bg: #F3F4F6;--card-bg: #FFFFFF;--text-main: #1F2937;--text-sub: #6B7280;--border: #E5E7EB;--bar-fill: #4F86F7;--bar-pred: #D1FAE5}.new-action-planner{background-color:var(--bg);color:var(--text-main);padding:15px;height:100vh;display:flex;flex-direction:column}.ap-header{background:var(--card-bg);padding:15px 25px;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:15px;flex-shrink:0}.header-top{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-sub);margin-bottom:5px;align-items:center}.saving-indicator{color:var(--c-anken);font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:4px}.progress-container{height:18px;background-color:#e5e7eb;border-radius:4px;overflow:hidden;position:relative;margin-bottom:10px;display:flex}.prog-fill{background-color:var(--bar-fill);height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:700;z-index:2;transition:width .5s ease}.prog-pred{background-color:var(--bar-pred);height:100%;transition:width .5s ease;z-index:1}.header-main{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.header-main h1{margin:0;font-size:1.5rem;font-weight:700}.highlight-num{color:#c0392b;font-size:2.2rem;font-weight:800;margin:0 5px;font-family:Arial,sans-serif}.sub-msg{color:var(--text-sub);font-size:.8rem}.main-container{display:flex;gap:15px;flex:1;min-height:0}.col-20{width:15%;display:flex;flex-direction:column}.col-30{width:35%;display:flex;flex-direction:column}.col-50{width:50%;display:flex;flex-direction:column}.panel{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.panel-header{padding:10px 15px;background:#f9fafb;border-bottom:1px solid var(--border);font-weight:700;font-size:.95rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.panel-body{padding:10px;overflow-y:auto;flex:1}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.kpi-container{display:flex;flex-direction:column;gap:10px;height:100%}.kpi-card{border:1px solid var(--border);border-radius:8px;padding:10px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;transition:all .2s}.kpi-card.completed{background:#ecfdf5;border-color:var(--c-shodan)}.kpi-title{font-size:.9rem;color:var(--text-sub);font-weight:700;margin-bottom:5px}.kpi-val{font-size:3rem;font-weight:800;line-height:1;margin:5px 0;font-family:Arial,sans-serif}.kpi-sub{font-size:1rem;color:#ccc;font-weight:600;margin-left:2px}.kpi-jyuchu .kpi-val{color:var(--c-jyuchu)}.kpi-zenshin .kpi-val{color:var(--c-zenshin)}.kpi-anken .kpi-val{color:var(--c-anken)}.kpi-shodan .kpi-val{color:var(--c-shodan)}.search-wrap{padding:10px;border-bottom:1px solid var(--border)}.search-box{position:relative;width:100%}.search-box i{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input{width:100%;padding:8px 10px 8px 30px;border:1px solid #D1D5DB;border-radius:6px;outline:none}.tabs{display:flex;border-bottom:1px solid var(--border);background:#f9fafb}.tab{flex:1;padding:10px 0;text-align:center;font-size:.8rem;font-weight:600;color:var(--text-sub);cursor:pointer;border-bottom:2px solid transparent}.tab:hover{background:#e5e7eb}.tab.active{background:#fff;color:var(--text-main);border-bottom-color:var(--c-anken)}.card{background:#fff;border:1px solid var(--border);border-radius:6px;padding:8px;margin-bottom:8px;cursor:grab;border-left:4px solid #ccc;display:flex;align-items:center;gap:8px;font-size:.85rem;transition:box-shadow .2s}.card:hover{box-shadow:0 2px 5px #0000001a}.card:active{cursor:grabbing}.card[data-type=jyuchu]{border-left-color:var(--c-jyuchu)}.card[data-type=zenshin]{border-left-color:var(--c-zenshin)}.card[data-type=anken]{border-left-color:var(--c-anken)}.card[data-type=shodan]{border-left-color:var(--c-shodan)}.card[data-type=memo]{border-left-color:var(--c-memo);background:#f9fafb}.badge{font-size:.7rem;padding:2px 8px;text-align:center;border-radius:3px;color:#fff;font-weight:600;flex-shrink:0}.b-jyuchu{background:var(--c-jyuchu)}.b-zenshin{background:var(--c-zenshin)}.b-anken{background:var(--c-anken)}.b-shodan{background:var(--c-shodan)}.b-memo{background:var(--c-memo)}.c-title{flex:1;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-stage{background:#f3f4f6;color:#4b5563;padding:2px 6px;border-radius:4px;font-size:.75rem}.c-amount{font-weight:700;margin-left:5px;font-size:.75rem}.calendar-rows{display:flex;flex-direction:column;gap:10px}.day-row{display:flex;background:#fff;border:1px solid var(--border);border-radius:6px;min-height:100px}.day-left{width:70px;background:#f9fafb;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0;flex-shrink:0}.date-num{font-size:1.4rem;font-weight:700;line-height:1;color:var(--text-main)}.date-day{font-size:.8rem;font-weight:600;color:var(--text-sub);margin-bottom:5px}.memo-btn{font-size:.7rem;color:var(--c-anken);border:1px solid transparent;background:none;cursor:pointer;padding:2px 4px;border-radius:3px}.memo-btn:hover{background:#eff6ff;border-color:var(--c-anken)}.day-drop{flex:1;padding:8px;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;position:relative}.day-drop:empty:before{content:"ここに予定をドロップ";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#e5e7eb;font-weight:700;font-size:.9rem;pointer-events:none}.day-drop.drag-over{background:#eff6ff}.card.expanded{width:100%;margin-bottom:8px;display:flex;flex-direction:column;gap:6px}.card-row-top{display:flex;align-items:center;gap:8px;position:relative}.c-title-editable{flex:1;font-weight:700;border:none;background:transparent;outline:none;font-size:.85rem;font-family:inherit;padding:2px 4px}.c-title-editable:focus{background:#f3f4f6;border-radius:3px}.card-remove{background:#ef4444;color:#fff;border:none;border-radius:3px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;line-height:1;flex-shrink:0}.card-remove:hover{background:#dc2626}.detail-box{width:100%}.detail-input{width:100%;min-height:50px;padding:6px;border:1px solid #D1D5DB;border-radius:4px;resize:vertical;font-size:.8rem;font-family:inherit;outline:none}.detail-input:focus{border-color:var(--c-anken);background:#f9fafb}.sort-toggle{background:#f3f4f6;border:1px solid #D1D5DB;border-radius:4px;padding:4px 10px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:5px;font-weight:600;color:#374151;transition:all .2s}.sort-toggle:hover{background:#e5e7eb;border-color:var(--c-anken)}.sort-toggle i{font-size:.7rem}.c-title.clickable{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.c-title.clickable:hover{color:var(--c-anken);text-decoration-style:solid}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%}.card-mini{background:#fff;border:1px solid #E5E7EB;border-radius:6px;padding:8px;cursor:pointer;transition:all .2s;position:relative;display:flex;flex-direction:column;gap:4px;min-height:60px}.card-mini:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.card-mini[data-type=jyuchu]{border-left:3px solid var(--c-jyuchu)}.card-mini[data-type=zenshin]{border-left:3px solid var(--c-zenshin)}.card-mini[data-type=anken]{border-left:3px solid var(--c-anken)}.card-mini[data-type=shodan]{border-left:3px solid var(--c-shodan)}.card-mini[data-type=memo]{border-left:3px solid #6B7280}.badge-mini{font-size:.65rem;padding:2px 6px;border-radius:3px;font-weight:700;text-transform:uppercase;align-self:flex-start}.badge-mini.b-jyuchu{background:var(--bg-jyuchu);color:var(--c-jyuchu)}.badge-mini.b-zenshin{background:var(--bg-zenshin);color:var(--c-zenshin)}.badge-mini.b-anken{background:var(--bg-anken);color:var(--c-anken)}.badge-mini.b-shodan{background:var(--bg-shodan);color:var(--c-shodan)}.badge-mini.b-memo{background:#f3f4f6;color:#6b7280}.c-title-mini{font-size:.75rem;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.card-remove-mini{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;line-height:1;opacity:0;transition:opacity .2s}.card-mini:hover .card-remove-mini{opacity:1}.card-remove-mini:hover{background:#dc2626}.modal-overlay{position:fixed!important;inset:0!important;background:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;opacity:1!important;visibility:visible!important;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff!important;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:700px;width:90%;max-height:80vh;display:flex!important;flex-direction:column;animation:slideUp .3s;position:relative!important;z-index:99999!important}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:20px 24px;border-bottom:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.25rem;color:#111827}.modal-close{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#374151}.mode-toggle{display:flex;background:#e5e7eb;border-radius:20px;padding:2px}.mode-btn{border:none;background:transparent;padding:2px 10px;border-radius:16px;font-size:.75rem;font-weight:600;cursor:pointer;color:#6b7280;transition:all .2s}.mode-btn.active.stable{background:#fff;color:#059669;box-shadow:0 1px 2px #0000001a}.mode-btn.active.serious{background:#dc2626;color:#fff;box-shadow:0 1px 2px #0000001a}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid #E5E7EB;display:flex;justify-content:flex-end;gap:10px}.deal-detail-table{width:100%;border-collapse:collapse;font-size:.875rem}.deal-detail-table th,.deal-detail-table td{padding:12px;text-align:left;border-bottom:1px solid #F3F4F6}.deal-detail-table th{background:#f9fafb;font-weight:600;color:#6b7280;width:30%;white-space:nowrap}.deal-detail-table td{color:#1f2937;word-break:break-word}.deal-detail-table tr:last-child th,.deal-detail-table tr:last-child td{border-bottom:none}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:.875rem}.form-input,.form-textarea{width:100%;padding:10px 12px;border:1px solid #D1D5DB;border-radius:6px;font-size:.875rem;font-family:inherit;outline:none;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:var(--c-anken);box-shadow:0 0 0 3px #2563eb1a}.form-textarea{resize:vertical;min-height:120px}.zoho-link-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.875rem;transition:all .2s}.zoho-link-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.modal-btn-primary{background:var(--c-anken);color:#fff;padding:10px 24px;border:none;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.modal-btn-primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.modal-btn-secondary{background:#f3f4f6;color:#374151;padding:10px 24px;border:1px solid #D1D5DB;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.modal-btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.modal-title-link{color:#2c3e50;text-decoration:none;transition:color .2s;display:inline-flex;align-items:center}.modal-title-link:hover{color:#3498db;text-decoration:underline}