@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
    body {
        font-family: 'Inter', system-ui, -apple-system, sans-serif;
        -webkit-tap-highlight-color: transparent;
    }
    .glass-modal {
        background: rgba(15, 23, 42, 0.75);
        backdrop-filter: blur(8px);
    }
    .no-scrollbar::-webkit-scrollbar {
        display: none;
    }
    .no-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .card-hover-effect {
        transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    }

    /* ---------- 共用 PC 導覽列（app.js 注入，樣式在此，後台不載入 app.css） ---------- */
    .pc-nav { display: none; }

    @media (min-width: 1024px) {
        .pc-nav { display: flex; }

        /* 後台是滿版工作區，導覽列內層不跟前台一樣限寬 72rem */
        .pc-nav > div { max-width: none; }

        .pc-shell { padding-top: 3.5rem; }   /* 讓開固定的導覽列 */
        .pc-shell > header { top: 3.5rem; }  /* 後台自己的 sticky header 往下讓 */
    }

    /* ponytail: 手機版用 CSS 把表格轉成卡片，省得把 4 張表的 markup 各寫兩份 */
    @media (max-width: 1023px) {
        .rwd-wrap { border: 0; border-radius: 0; overflow: visible; }
        .rwd-table { min-width: 0 !important; }
        .rwd-table thead { display: none; }
        .rwd-table, .rwd-table tbody, .rwd-table tr, .rwd-table td { display: block; width: 100%; }
        .rwd-table tr {
            background: #fff;
            border: 1px solid #f1f5f9;
            border-radius: 1rem;
            margin-bottom: 0.75rem;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
            overflow: hidden;
        }
        .rwd-table td {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            text-align: right !important;
            padding: 0.5rem 0.875rem !important;
        }
        .rwd-table td::before {
            content: attr(data-label);
            font-size: 10px;
            font-weight: 800;
            color: #94a3b8;
            text-align: left;
            white-space: nowrap;
            margin-right: auto;
        }
        .rwd-table td:first-child {
            display: block;
            text-align: left !important;
            background: #f8fafc;
            border-bottom: 1px solid #f1f5f9;
            padding: 0.75rem 0.875rem !important;
            font-size: 12px;
        }
        .rwd-table td:first-child::before { display: none; }
        .rwd-table td > button, .rwd-table td > a { margin: 0 !important; }
    }
    .card-hover-effect:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 24px -8px rgba(255, 87, 34, 0.12);
    }