/* 布局重置 */
        body { margin: 0; padding: 0; display: flex; height: 100vh; overflow: hidden; background-color: #f3f4f6; color: #334155; font-family: sans-serif; }
        
        /* 左侧导航栏 */
        .sidebar { width: 240px; background-color: #1e293b; color: #cbd5e1; display: flex; flex-direction: column; flex-shrink: 0; }
        .sidebar .logo { padding: 20px; font-size: 18px; font-weight: bold; color: #fff; border-bottom: 1px solid #334155; margin-bottom: 10px; letter-spacing: 1px; }
        .nav-item { padding: 15px 20px; cursor: pointer; border-left: 4px solid transparent; transition: all 0.2s; }
        .nav-item:hover { background-color: #334155; }
        .nav-item.active { background-color: #0f172a; border-left-color: #0284c7; color: #fff; font-weight: bold; }
        
        /* 禁用状态的导航菜单样式 */
        .nav-item.disabled { 
            opacity: 0.4; 
            cursor: not-allowed; 
        }
        .nav-item.disabled:hover {
            background-color: transparent;
        }

        .logout-btn { padding: 15px 20px; cursor: pointer; color: #f87171; border-top: 1px solid #334155; }
        .logout-btn:hover { background-color: #334155; }
        .logged-in-account { margin-top: auto; padding: 12px 20px 8px; color: #cbd5e1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

        /* 右侧主内容区 */
        .main-content { flex: 1; padding: 30px; overflow-y: auto; }
        .page-panel { display: none; animation: fadeIn 0.3s; }
        .page-panel.active { display: block; }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(5px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* 卡片与组件样式 */
        .panel { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); }
        h2 { color: #0284c7; margin-top: 0; border-bottom: 1px solid #e5e7eb; padding-bottom: 10px; }
        input, select { padding: 8px 12px; background: #ffffff; border: 1px solid #cbd5e1; color: #334155; border-radius: 4px; outline: none; margin-right: 8px; transition: border-color 0.2s; box-sizing: border-box; }
        input:focus, select:focus { border-color: #0284c7; }
        button { padding: 8px 12px; background: #0284c7; color: white; cursor: pointer; border: none; border-radius: 4px; font-weight: bold; margin-right: 8px; }
        button:hover { background: #0369a1; }
        .btn-success { background: #16a34a; }
        .btn-success:hover { background: #15803d; }
        .btn-danger { background: #dc2626; }
        .btn-warning { background: #d97706; }
        .btn-warning:hover { background: #b45309; }
        .btn-danger:hover { background: #b91c1c; }
        table { width: 100%; border-collapse: collapse; margin-top: 15px; font-size: 14px; }
        th, td { border: 1px solid #e5e7eb; padding: 10px; text-align: left; vertical-align: top; }
        .sales-date-cell { cursor: pointer; }
        .sales-date-cell:hover, .sales-date-cell:focus-visible { background-color: #eff6ff; outline: 1px solid #0284c7; }
        .tracking-number-cell { cursor: pointer; }
        .tracking-number-cell:hover, .tracking-number-cell:focus-visible { background-color: #eff6ff; outline: 1px solid #0284c7; }
        th { background: #f8fafc; color: #475569; font-weight: bold; }
        tr:nth-child(even) { background-color: #fafafa; }
        .udi-list { margin: 0; padding-left: 20px; color: #334155; }
        .udi-time { color: #64748b; font-size: 12px; margin-left: 8px; }
        .divider { display: inline-block; border-left: 1px solid #cbd5e1; margin: 0 15px; height: 24px; vertical-align: middle; }

        /* 分页控件样式 */
        .pagination { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; font-size: 14px; color: #475569; }
        .pagination button { padding: 6px 12px; background: #ffffff; border: 1px solid #cbd5e1; color: #334155; border-radius: 4px; font-weight: normal; margin: 0 4px; }
        .pagination button:disabled { background: #f1f5f9; color: #94a3b8; cursor: not-allowed; border-color: #e2e8f0; }
        .pagination button:not(:disabled):hover { background: #f8fafc; border-color: #0284c7; color: #0284c7; }