@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600&family=Geist+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--white: #ffffff;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d1d1d6;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--black: #09090b;--accent: #2563eb;--accent-light: #eff6ff;--green: #16a34a;--green-light: #f0fdf4;--red: #dc2626;--red-light: #fef2f2;--amber: #d97706;--amber-light: #fffbeb;--font: "Geist", -apple-system, sans-serif;--mono: "Geist Mono", "SF Mono", monospace;--sidebar-w: 220px;--radius: 8px;--radius-lg: 12px;--shadow-md: 0 4px 6px rgba(0,0,0,.05), 0 2px 4px rgba(0,0,0,.04)}html{font-size:14px}body{font-family:var(--font);background:var(--gray-50);color:var(--gray-900);line-height:1.6;-webkit-font-smoothing:antialiased}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50;transition:transform .2s ease;overflow-y:auto}.sidebar-header{padding:20px 16px 16px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--gray-900);letter-spacing:-.01em}.logo-icon{width:26px;height:26px;background:var(--gray-900);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px}.sidebar-nav{padding:8px;flex:1}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius);color:var(--gray-500);font-size:13px;font-weight:450;cursor:pointer;text-decoration:none;transition:background .12s,color .12s;white-space:nowrap}.nav-item:hover{background:var(--gray-100);color:var(--gray-700)}.nav-item.active{background:var(--gray-100);color:var(--gray-900);font-weight:500}.nav-item .icon{font-size:15px;width:18px;text-align:center;flex-shrink:0}.main-content{margin-left:var(--sidebar-w);flex:1;padding:32px;max-width:1100px;min-height:100vh}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:52px;background:var(--white);border-bottom:1px solid var(--gray-200);align-items:center;padding:0 16px;gap:12px;z-index:60}.hamburger{background:none;border:none;cursor:pointer;padding:6px;color:var(--gray-700);font-size:18px;line-height:1;display:flex;align-items:center}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:40}.page-header{margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.page-title{font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--gray-900)}.page-subtitle{font-size:13px;color:var(--gray-400);margin-top:2px}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px}.card-title{font-size:13px;font-weight:500;color:var(--gray-700);margin-bottom:16px;letter-spacing:-.01em}.stat-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:20px}.stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:16px}.stat-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-400);margin-bottom:6px}.stat-value{font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--gray-900);font-variant-numeric:tabular-nums}.stat-meta{font-size:11px;color:var(--gray-400);margin-top:4px}.badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:99px;font-size:11px;font-weight:500}.badge-green{background:var(--green-light);color:var(--green)}.badge-red{background:var(--red-light);color:var(--red)}.badge-amber{background:var(--amber-light);color:var(--amber)}.badge-blue{background:var(--accent-light);color:var(--accent)}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .12s;font-family:var(--font);white-space:nowrap}.btn-primary{background:var(--gray-900);color:var(--white)}.btn-primary:hover:not(:disabled){background:var(--gray-700)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-200)}.btn-ghost:hover{background:var(--gray-50)}.btn-danger{background:var(--white);color:var(--red);border:1px solid var(--gray-200)}.btn-danger:hover{background:var(--red-light);border-color:var(--red)}.btn-sm{padding:5px 10px;font-size:12px}.form-group{margin-bottom:14px}.form-label{display:block;font-size:12px;font-weight:500;color:var(--gray-600);margin-bottom:5px}.form-hint{font-size:11px;color:var(--gray-400);margin-top:4px}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:13px;font-family:var(--font);color:var(--gray-900);background:var(--white);transition:border-color .12s,box-shadow .12s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gray-400);box-shadow:0 0 0 3px #0000000a}input[type=range]{-webkit-appearance:none;height:3px;background:var(--gray-200);border:none;border-radius:2px;padding:0;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--gray-900);border-radius:50%;cursor:pointer}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-wrap{overflow-x:auto;margin:0 -20px;padding:0 20px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:8px 12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-400);border-bottom:1px solid var(--gray-100);white-space:nowrap}td{padding:11px 12px;border-bottom:1px solid var(--gray-100);color:var(--gray-700);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--gray-50)}.td-main{font-weight:500;color:var(--gray-900)}.td-sub{font-size:12px;color:var(--gray-400);margin-top:1px}.td-mono{font-family:var(--mono);font-size:12px}.noise-wrap{display:flex;align-items:center;gap:7px}.noise-track{width:48px;height:3px;background:var(--gray-100);border-radius:2px;overflow:hidden;flex-shrink:0}.noise-fill{height:100%;border-radius:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:24px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-md)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.modal-close{background:none;border:none;cursor:pointer;color:var(--gray-400);font-size:18px;padding:4px;line-height:1;display:flex;border-radius:6px;transition:background .1s}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--gray-100)}.result-panel{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.result-header{padding:16px 20px;border-bottom:1px solid var(--gray-100);display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.result-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr)}.kpi{padding:20px;border-right:1px solid var(--gray-100)}.kpi:last-child{border-right:none}.kpi-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-400);margin-bottom:6px}.kpi-value{font-size:24px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.kpi-sub{font-size:11px;color:var(--gray-400);margin-top:3px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--gray-100)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid var(--gray-100);font-size:13px}.detail-row:nth-child(odd){border-right:1px solid var(--gray-100)}.detail-row:last-child,.detail-row:nth-last-child(2):nth-child(odd){border-bottom:none}.detail-row span:first-child{color:var(--gray-400)}.detail-row span:last-child{font-weight:500;font-family:var(--mono);font-size:12px;color:var(--gray-800)}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.muted{color:var(--gray-400)}.spinner{width:14px;height:14px;border:2px solid var(--gray-200);border-top-color:var(--gray-700);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{border:none;border-top:1px solid var(--gray-100);margin:16px 0}.empty-state{text-align:center;padding:48px 20px;color:var(--gray-400);font-size:13px}.error-msg{background:var(--red-light);color:var(--red);border:1px solid #fecaca;border-radius:var(--radius);padding:8px 12px;font-size:12px;margin-bottom:12px}@media (max-width: 768px){.mobile-header{display:flex}.sidebar{transform:translate(calc(-1 * var(--sidebar-w)))}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-md)}.overlay.open{display:block}.main-content{margin-left:0;padding:72px 16px 24px}.form-grid-2{grid-template-columns:1fr}.result-kpi-grid{grid-template-columns:1fr 1fr}.kpi:nth-child(2){border-right:none}.kpi{border-bottom:1px solid var(--gray-100)}.kpi:nth-child(3),.kpi:last-child{border-bottom:none}.detail-grid{grid-template-columns:1fr}.detail-row:nth-child(odd){border-right:none}.detail-row{border-bottom:1px solid var(--gray-100)!important}.detail-row:last-child{border-bottom:none!important}.stat-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.result-kpi-grid{grid-template-columns:1fr}.kpi{border-right:none!important;border-bottom:1px solid var(--gray-100)!important}.kpi:last-child{border-bottom:none!important}}