:root { font-family: Arial, Helvetica, sans-serif; color: #333; background: #f5f6f8; }
    * { box-sizing: border-box; }
    body { margin: 0; font-size: 14px; }
    .prototype-switch { display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 5px 20px; background: #263238; color: #d7e0e4; font-size: 12px; }
    .prototype-switch span { margin-right: 8px; white-space: nowrap; }
    .prototype-switch a { padding: 5px 10px; border-radius: 3px; color: #d7e0e4; text-decoration: none; white-space: nowrap; }
    .prototype-switch a:hover, .prototype-switch a.active { background: #fff; color: #263238; }
    button, input, select { font: inherit; }
    button { cursor: pointer; }
    .header { height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; background: #fff; border-bottom: 1px solid #ececec; }
    .brand { display: flex; align-items: center; font-size: 17px; white-space: nowrap; }
    .bag { display: inline-grid; place-items: center; width: 24px; height: 26px; margin-right: 6px; border-radius: 2px; color: #fff; background: #ee4d2d; font-weight: bold; }
    .brand strong { color: #ee4d2d; font-weight: 500; margin-right: 4px; }
    .operator { font-size: 13px; }
    .layout { display: grid; grid-template-columns: 264px minmax(0, 1fr); min-height: calc(100vh - 92px); }
    .sidebar { background: #fff; border-right: 1px solid #e9e9e9; padding: 20px 0; }
    .sidebar-group { padding: 11px 22px; color: #888; font-size: 13px; }
    .sidebar-link { display: block; padding: 11px 22px 11px 56px; color: #555; text-decoration: none; }
    .sidebar-link.active { color: #ee4d2d; background: #fff4f1; font-weight: 600; }
    .sidebar-section { padding: 16px 22px; color: #ee4d2d; background: #fff8f6; font-weight: 600; }
    .main { min-width: 0; padding: 24px 32px; }
    .card { max-width: 1360px; min-height: 660px; margin: 0 auto; padding: 26px 28px 34px; background: #fff; }
    h1 { margin: 0 0 8px; font-size: 22px; font-weight: 600; }
    .subtitle { margin: 0 0 26px; color: #777; }
    .filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 22px; margin-bottom: 18px; }
    .field label { display: block; margin-bottom: 8px; font-size: 13px; }
    .field input, .field select { width: 100%; height: 35px; padding: 0 12px; border: 1px solid #dedede; border-radius: 3px; color: #333; background: #fff; }
    .field input::placeholder { color: #aaa; }
    .actions { display: flex; gap: 12px; margin-bottom: 27px; }
    .primary, .secondary { min-height: 34px; padding: 0 18px; border-radius: 3px; font-size: 13px; }
    .primary { border: 1px solid #ee4d2d; background: #ee4d2d; color: #fff; }
    .secondary { border: 1px solid #ddd; background: #fff; color: #444; }
    .summary { margin: 0 0 14px; font-weight: 600; }
    .table-wrap { width: 100%; overflow-x: auto; border: 1px solid #e6e6e6; }
    table { width: 100%; border-collapse: collapse; text-align: left; }
    th { padding: 11px 12px; background: #f7f7f7; color: #666; white-space: nowrap; font-size: 12px; font-weight: 500; }
    td { padding: 14px 12px; border-top: 1px solid #eee; vertical-align: top; }
    tbody tr:hover { background: #fcfcfc; }
    .nowrap { white-space: nowrap; }
    .status { display: inline-block; padding: 3px 7px; border-radius: 3px; white-space: nowrap; font-size: 12px; }
    .status.reviewing, .status.whitelisting { color: #bf651f; background: #fff3e7; }
    .status.rejected { color: #ca4242; background: #fff0ef; }
    .status.pending { color: #436fb1; background: #edf4ff; }
    .status.whitelisted { color: #258257; background: #ebf8ef; }
    .attention { display: block; margin-top: 6px; color: #c5483f; font-size: 12px; white-space: nowrap; }
    .details-button { padding: 0; border: 0; background: none; color: #1677c6; text-decoration: none; }
    .details-button:hover, .back-link:hover { text-decoration: underline; }
    .empty { padding: 58px 10px; text-align: center; color: #999; }
    .footnote { margin-top: 14px; color: #999; font-size: 12px; }
    .back-link { display: inline-block; margin-bottom: 19px; color: #1677c6; text-decoration: none; }
    .developer-summary { padding: 19px 20px; border: 1px solid #e6e6e6; background: #fafafa; }
    .detail-section-title { margin: 27px 0 14px; font-size: 17px; }
    .detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 22px; }
    .detail-grid dt { margin-bottom: 3px; color: #888; font-size: 12px; }
    .detail-grid dd { margin: 0; overflow-wrap: anywhere; }
    .detail-meta { margin: 12px 0; color: #666; font-size: 13px; }
    .review-metrics { margin: 12px 0; line-height: 1.7; }
    .not-met { color: #ca4242; font-weight: 600; }
    .pass { color: #258257; }
    .application-card { margin-top: 14px; padding: 20px; border: 1px solid #e6e6e6; border-radius: 3px; }
    .application-card:first-child { margin-top: 0; }
    .application-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }
    .application-heading strong { font-size: 15px; }
    .application-heading .source { margin-left: auto; color: #888; font-size: 12px; }
    .application-card .attention { margin: 10px 0; }
    .application-card p:last-child { margin-bottom: 0; }
    [hidden] { display: none !important; }
    @media (max-width: 950px) { .layout { grid-template-columns: 1fr; } .sidebar { display: none; } .main { padding: 16px; } .card { padding: 20px; } }
    @media (max-width: 600px) { .filters, .detail-grid { grid-template-columns: 1fr; } .header { padding: 0 12px; } .brand { font-size: 14px; } }
    @media (max-width: 600px) { .prototype-switch { padding-inline: 12px; gap: 3px; } .prototype-switch span { margin-right: auto; font-size: 11px; } .prototype-switch a { padding-inline: 7px; font-size: 11px; } }