#flower-app * { box-sizing: border-box; margin: 0; padding: 0; }
  #flower-app {
    background: #0b1120;
    font-family: 'Segoe UI', system-ui, sans-serif;
    color: #f1f5f9;
    padding-bottom: 40px;
    border-radius: 16px;
    overflow: hidden;
  }
  #flower-app .header {
    background: linear-gradient(135deg, #0f2027 0%, #1a2a3a 50%, #0b1120 100%);
    border-bottom: 1px solid rgba(52,211,153,0.15);
    padding: 28px 20px 20px;
  }
  #flower-app .badge-label {
    font-size: 11px; color: #34d399; letter-spacing: .15em;
    text-transform: uppercase; margin-bottom: 6px;
  }
  #flower-app h1 { font-size: 26px; font-weight: 800; letter-spacing: -.02em; }
  #flower-app .subtitle { color: #64748b; font-size: 13px; margin-top: 6px; }
  #flower-app .profit-badge {
    margin-top: 14px; display: inline-block;
    border-radius: 8px; padding: 6px 14px;
    font-size: 13px; font-weight: 600;
  }
  #flower-app .tabs {
    display: flex; gap: 8px; padding: 12px 16px 0;
    overflow-x: auto; scrollbar-width: none;
  }
  #flower-app .tabs::-webkit-scrollbar { display: none; }
  #flower-app .tab-btn {
    padding: 8px 16px; border-radius: 8px; border: none;
    cursor: pointer; font-size: 13px; font-weight: 600;
    white-space: nowrap; transition: all .2s;
    background: rgba(255,255,255,0.05); color: #94a3b8;
  }
  #flower-app .tab-btn.active { background: #34d399; color: #0b1120; }
  #flower-app .content { padding: 16px; }
  #flower-app .panel {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 14px; padding: 18px; margin-bottom: 12px;
  }
  #flower-app .panel-title {
    color: #34d399; font-size: 11px; font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase; margin-bottom: 14px;
  }
  #flower-app .slider-row { margin-bottom: 14px; }
  #flower-app .slider-labels {
    display: flex; justify-content: space-between;
    margin-bottom: 4px;
  }
  #flower-app .slider-label { color: #94a3b8; font-size: 12px; }
  #flower-app .slider-val { color: #f1f5f9; font-weight: 600; font-size: 12px; }
  #flower-app input[type=range] {
    width: 100%; accent-color: #34d399;
    cursor: pointer; height: 4px;
  }
  #flower-app .kpi-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
    margin-bottom: 12px;
  }
  #flower-app .kpi {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 12px; padding: 14px 16px;
  }
  #flower-app .kpi.highlight {
    background: rgba(52,211,153,0.1);
    border-color: rgba(52,211,153,0.3);
  }
  #flower-app .kpi-label {
    color: #64748b; font-size: 11px;
    text-transform: uppercase; letter-spacing: .05em; margin-bottom: 5px;
  }
  #flower-app .kpi-val { color: #f1f5f9; font-size: 20px; font-weight: 700; }
  #flower-app .kpi.highlight .kpi-val { color: #34d399; }
  #flower-app .be-box {
    background: rgba(248,113,113,0.05);
    border: 1px solid rgba(248,113,113,0.15);
    border-radius: 12px; padding: 16px; margin-bottom: 12px;
  }
  #flower-app .be-title {
    color: #f87171; font-size: 11px; font-weight: 700;
    text-transform: uppercase; letter-spacing: .1em; margin-bottom: 8px;
  }
  #flower-app .be-val { font-size: 18px; font-weight: 700; color: #fca5a5; }
  #flower-app .be-sub { color: #64748b; font-size: 12px; margin-top: 4px; }
  #flower-app .progress-bar {
    height: 6px; background: rgba(255,255,255,0.06);
    border-radius: 4px; overflow: hidden; margin-top: 10px;
  }
  #flower-app .progress-fill {
    height: 100%; border-radius: 4px; transition: width .3s;
  }
  #flower-app .progress-labels {
    display: flex; justify-content: space-between;
    font-size: 11px; color: #64748b; margin-bottom: 4px;
  }
  #flower-app .roi-box {
    background: rgba(52,211,153,0.05);
    border: 1px solid rgba(52,211,153,0.12);
    border-radius: 12px; padding: 16px;
  }
  #flower-app .roi-title {
    color: #34d399; font-size: 11px; font-weight: 700;
    text-transform: uppercase; letter-spacing: .1em; margin-bottom: 12px;
  }
  #flower-app .roi-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
  }
  #flower-app .roi-item-label { color: #64748b; font-size: 11px; margin-bottom: 3px; }
  #flower-app .roi-item-val { font-size: 15px; font-weight: 700; }
  #flower-app .row-item {
    display: flex; justify-content: space-between; align-items: center;
    background: rgba(255,255,255,0.03);
    border-radius: 10px; padding: 11px 14px; margin-bottom: 8px;
  }
  #flower-app .row-item-label { color: #94a3b8; font-size: 13px; }
  #flower-app .row-item-right { text-align: right; }
  #flower-app .row-item-val { font-weight: 600; font-size: 14px; }
  #flower-app .row-item-pct { color: #475569; font-size: 11px; margin-left: 6px; }
  #flower-app .total-row {
    background: rgba(52,211,153,0.1);
    border: 1px solid rgba(52,211,153,0.25);
    border-radius: 12px; padding: 14px 18px;
    display: flex; justify-content: space-between; align-items: center;
    margin-top: 4px;
  }
  #flower-app .total-label { color: #34d399; font-weight: 700; }
  #flower-app .total-val { font-size: 22px; font-weight: 800; color: #34d399; }
  #flower-app .pl-row {
    display: flex; justify-content: space-between;
    padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.04);
  }
  #flower-app .pl-row.total {
    border-top: 1px solid rgba(255,255,255,0.08);
    border-bottom: none; margin-top: 4px;
  }
  #flower-app .pl-label { color: #64748b; font-size: 13px; }
  #flower-app .pl-label.bold { font-weight: 600; }
  #flower-app .pl-val { font-weight: 500; font-size: 14px; }
  #flower-app .pl-val.bold { font-weight: 700; font-size: 18px; }
  #flower-app .cat-card {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 12px; padding: 14px 18px; margin-bottom: 10px;
  }
  #flower-app .cat-header {
    display: flex; justify-content: space-between; margin-bottom: 8px;
  }
  #flower-app .cat-name { font-weight: 700; font-size: 14px; }
  #flower-app .cat-margin { color: #34d399; font-weight: 700; }
  #flower-app .cat-grid {
    display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin-bottom: 8px;
  }
  #flower-app .cat-stat-label { color: #64748b; font-size: 11px; margin-bottom: 2px; }
  #flower-app .cat-stat-val { font-size: 13px; font-weight: 600; }
  #flower-app .cat-tip { color: #475569; font-size: 12px; font-style: italic; }
  #flower-app .season-box {
    background: rgba(251,191,36,0.06);
    border: 1px solid rgba(251,191,36,0.15);
    border-radius: 12px; padding: 16px; margin-bottom: 10px;
  }
  #flower-app .season-title { color: #fbbf24; font-weight: 700; margin-bottom: 10px; }
  #flower-app .season-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 6px;
  }
  #flower-app .season-row {
    display: flex; justify-content: space-between; color: #94a3b8; font-size: 13px;
  }
  #flower-app .season-k { color: #fbbf24; font-weight: 600; }
  #flower-app .warn-note {
    background: rgba(251,191,36,0.06);
    border: 1px solid rgba(251,191,36,0.2);
    border-radius: 10px; padding: 10px 14px;
    color: #fbbf24; font-size: 12px; margin-bottom: 10px;
  }
  #flower-app .tab-section { display: none; }
  #flower-app .tab-section.active { display: block; }