:root{--color-black:#000000;--color-white:#ffffff;--color-bg:#f2f2f7;--color-bg-secondary:#ffffff;--color-bg-tertiary:#f9f9fb;--gray-1:#8e8e93;--gray-2:#aeaeb2;--gray-3:#c7c7cc;--gray-4:#d1d1d6;--gray-5:#e5e5ea;--gray-6:#f2f2f7;--accent:#1c1c1e;--accent-light:#3a3a3c;--accent-blue:#007aff;--accent-green:#34c759;--accent-orange:#ff9500;--accent-red:#ff3b30;--accent-purple:#af52de;--accent-teal:#5ac8fa;--font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;--font-mono:"SF Mono",ui-monospace,SFMono-Regular,monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 2px 8px rgba(0,0,0,0.06),0 0 1px rgba(0,0,0,0.04);--shadow-lg:0 8px 24px rgba(0,0,0,0.08),0 0 1px rgba(0,0,0,0.04);--shadow-xl:0 16px 48px rgba(0,0,0,0.12);--transition:200ms cubic-bezier(0.25,0.1,0.25,1)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-size:15px}a{color:var(--accent-blue);text-decoration:none}a:hover{opacity:.8}button{cursor:pointer;border:none;border-radius:var(--radius-md);padding:10px 20px;font-size:15px;font-weight:600;font-family:var(--font-family);transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover{transform:scale(.98)}button:active{transform:scale(.96)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-black);color:var(--color-white)}.btn-primary:hover{background:var(--accent-light)}.btn-success{background:var(--accent-green);color:var(--color-white)}.btn-warning{background:var(--accent-orange);color:var(--color-white)}.btn-danger{background:var(--accent-red);color:var(--color-white)}.btn-secondary{background:var(--gray-5);color:var(--color-black)}.btn-ghost{background:transparent;color:var(--accent-blue);padding:8px 12px}.btn-sm{padding:6px 14px;font-size:13px;border-radius:var(--radius-sm)}.btn-xs{padding:4px 10px;font-size:12px;border-radius:6px}input,select,textarea{border:1px solid var(--gray-4);border-radius:var(--radius-md);padding:10px 14px;font-size:15px;width:100%;font-family:var(--font-family);background:var(--color-white);transition:border-color var(--transition),box-shadow var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(0,122,255,.12)}input::placeholder,textarea::placeholder{color:var(--gray-2)}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:none}.card,.card-flat{background:var(--color-white);padding:var(--space-lg)}.card-flat{border-radius:var(--radius-lg);border:1px solid var(--gray-5)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;letter-spacing:.02em}.badge-blue{background:rgba(0,122,255,.1);color:var(--accent-blue)}.badge-green{background:rgba(52,199,89,.1);color:var(--accent-green)}.badge-yellow{background:rgba(255,149,0,.1);color:var(--accent-orange)}.badge-purple{background:rgba(175,82,222,.1);color:var(--accent-purple)}.badge-red{background:rgba(255,59,48,.1);color:var(--accent-red)}.badge-gray{background:var(--gray-6);color:var(--gray-1)}.grid-2{grid-template-columns:1fr 1fr;grid-gap:var(--space-md)}.grid-2,.grid-3{display:grid;gap:var(--space-md)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-md)}.grid-4{grid-template-columns:repeat(4,1fr);grid-gap:var(--space-md)}.grid-4,.grid-5{display:grid;gap:var(--space-md)}.grid-5{grid-template-columns:repeat(5,1fr);grid-gap:var(--space-md)}.flex-between{justify-content:space-between}.flex-between,.flex-center{display:flex;align-items:center}.flex-center{justify-content:center}.mb-1{margin-bottom:var(--space-sm)}.mb-2{margin-bottom:var(--space-md)}.mb-3{margin-bottom:var(--space-lg)}.mt-1{margin-top:var(--space-sm)}.mt-2{margin-top:var(--space-md)}.gap-1{gap:var(--space-sm)}.gap-2{gap:var(--space-md)}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-muted{color:var(--gray-1)}.text-right{text-align:right}.text-title{font-size:28px;font-weight:700;letter-spacing:-.02em}.text-headline{font-size:20px;font-weight:600;letter-spacing:-.01em}.text-caption{font-size:12px;color:var(--gray-1);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.info-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--radius-full);background:var(--gray-5);color:var(--gray-1);font-size:10px;font-weight:700;cursor:help;margin-left:4px;vertical-align:middle}.info-tip-popup{position:fixed;background:var(--color-black);color:var(--color-white);padding:12px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:400;white-space:normal;width:max-content;max-width:340px;line-height:1.5;pointer-events:none;z-index:10000;text-align:left;box-shadow:var(--shadow-xl)}.industry-dropdown-panel{position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--color-white);border:1px solid var(--gray-4);border-radius:var(--radius-md);max-height:300px;overflow-y:auto;box-shadow:var(--shadow-lg)}.industry-dropdown-panel label:hover{background:var(--gray-6)}.industry-accordion{border:1px solid var(--gray-5);border-radius:var(--radius-md);margin-bottom:8px}.industry-accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:14px}.industry-accordion-header:hover{background:var(--gray-5)}.industry-accordion-body{padding:10px 14px;display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px}.tem-explainer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:640px){.tem-explainer-grid{grid-template-columns:1fr}}.tem-explainer-card{padding:20px;border-radius:var(--radius-lg)}.tem-explainer-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;margin-bottom:12px}.tem-time{background:#f0f5ff}.tem-time .tem-explainer-icon{background:var(--color-black);color:var(--color-white)}.tem-energy{background:#f0fdf4}.tem-energy .tem-explainer-icon{background:var(--accent-green);color:var(--color-white)}.tem-money{background:#fffbeb}.tem-money .tem-explainer-icon{background:var(--accent-orange);color:var(--color-white)}.analytics-section{margin-bottom:var(--space-xl)}.analytics-section-header{font-size:17px;font-weight:600;margin-bottom:var(--space-md);color:var(--color-black);letter-spacing:-.01em}.kpi-value{font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}.kpi-label{font-size:13px;color:var(--gray-1);margin-bottom:4px}.kpi-sub{font-size:12px;color:var(--gray-2);margin-top:2px}.chart-wrapper{width:100%;height:320px}.analytics-table{width:100%;border-collapse:collapse;font-size:14px}.analytics-table th{text-align:left;padding:12px 10px;border-bottom:1px solid var(--gray-5);font-weight:600;color:var(--gray-1);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.analytics-table td{padding:12px 10px;border-bottom:1px solid var(--gray-6)}.skeleton{background:linear-gradient(90deg,var(--gray-6) 25%,var(--gray-5) 50%,var(--gray-6) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:900px){.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid-2,.grid-3,.grid-4,.grid-5,.tem-explainer-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-2)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes highlight-pulse{0%{box-shadow:0 0 0 3px rgba(0,122,255,.4)}50%{box-shadow:0 0 0 6px rgba(0,122,255,.15)}to{box-shadow:0 0 0 0 rgba(0,122,255,0)}}.page-header{margin-bottom:var(--space-xl)}.page-header h1{font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--color-black);margin-bottom:4px}.page-header p{font-size:15px;color:var(--gray-1)}.segment-control{display:inline-flex;background:var(--gray-6);border-radius:var(--radius-sm);padding:2px}.segment-control button{padding:6px 16px;font-size:13px;font-weight:500;background:transparent;color:var(--gray-1);border-radius:6px;border:none}.segment-control button.active{background:var(--color-white);color:var(--color-black);box-shadow:var(--shadow-sm)}.list-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--gray-6)}.list-row:last-child{border-bottom:none}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--gray-1)}.empty-state p{font-size:15px;margin-bottom:var(--space-md)}