/* Cursor Dark Theme - Global Styles */
body {
    background: #18181c !important;
    color: #fff !important;
    font-family: 'Inter', 'HarmonyOS Sans', 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
}

/* Card & Panel Styles */
.layui-card, .layui-panel, .layui-form, .layui-table, .layui-tab-content, .layui-tab-title {
    background: #23232b !important;
    color: #fff !important;
    border-radius: 16px !important;
    border: 1px solid #2a2a32 !important;
    box-shadow: 0 4px 32px rgba(0,0,0,0.45);
}

/* Button Styles */
.layui-btn {
    background: linear-gradient(90deg,#ff6f6f,#f88c8c) !important;
    border: none !important;
    color: #fff !important;
    font-weight: bold;
    border-radius: 8px !important;
    transition: all 0.3s ease;
}

.layui-btn:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

.layui-btn-primary {
    background: #23232b !important;
    color: #ffb3a7 !important;
    border: 1px solid #444 !important;
}

/* Form Styles */
.layui-input, .layui-textarea {
    background: #23232b !important;
    border: 1px solid #333 !important;
    color: #fff !important;
    border-radius: 8px !important;
    transition: all 0.3s ease;
}

.layui-input:focus, .layui-textarea:focus {
    border-color: #ffb3a7 !important;
    background: #23232b !important;
    color: #fff !important;
    box-shadow: 0 0 0 2px rgba(255,179,167,0.2);
}

.layui-form-label {
    color: #bbb !important;
    background: none !important;
}

/* Table Styles */
.layui-table {
    border-radius: 16px !important;
    overflow: hidden;
}

.layui-table th, .layui-table td {
    background: #23232b !important;
    color: #fff !important;
    border-color: #2a2a32 !important;
}

.layui-table th {
    font-weight: bold !important;
    color: #ffb3a7 !important;
    background: #1a1a1f !important;
}

.layui-table tr:hover td {
    background: #2a2a32 !important;
}

/* Navigation & Sidebar */
.layui-side, .layui-nav, .layui-nav-child {
    background: #23232b !important;
    color: #fff !important;
    border-radius: 16px !important;
}

.layui-nav .layui-nav-item a {
    color: #fff !important;
}

.layui-nav .layui-this a, .layui-nav .layui-nav-itemed > a {
    background: #18181c !important;
    color: #ffb3a7 !important;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    background: #23232b;
}

::-webkit-scrollbar-thumb {
    background: #2a2a32;
    border-radius: 8px;
}

/* Links */
a {
    color: #ffb3a7 !important;
    transition: all 0.3s ease;
}

a:hover {
    color: #ff6f6f !important;
}

/* Tabs */
.layui-tab-title {
    border-bottom: 1px solid #2a2a32 !important;
}

.layui-tab-title .layui-this {
    color: #ffb3a7 !important;
    border-bottom: 2px solid #ffb3a7 !important;
}

/* Pagination */
.layui-pagination .layui-laypage-curr .layui-laypage-em {
    background: #ffb3a7 !important;
    color: #fff !important;
}

.layui-pagination a, .layui-pagination span {
    background: #23232b !important;
    color: #fff !important;
}

/* Select & Dropdown */
.layui-form-select dl {
    background: #23232b !important;
    border: 1px solid #2a2a32 !important;
}

.layui-form-select dl dd.layui-this {
    background: #ffb3a7 !important;
    color: #fff !important;
}

/* Date Picker */
.laydate-main {
    background: #23232b !important;
    border: 1px solid #2a2a32 !important;
}

.laydate-main .laydate-header {
    background: #1a1a1f !important;
}

.laydate-main .laydate-content td {
    color: #fff !important;
}

.laydate-main .laydate-content td.laydate-selected {
    background: #ffb3a7 !important;
    color: #fff !important;
}

/* File Upload */
.layui-upload-button {
    background: #23232b !important;
    border: 1px solid #333 !important;
    color: #fff !important;
}

/* Modal & Dialog */
.layui-layer {
    background: #23232b !important;
    border-radius: 16px !important;
}

.layui-layer-title {
    background: #1a1a1f !important;
    color: #fff !important;
    border-bottom: 1px solid #2a2a32 !important;
}

/* Mobile Responsive */
@media screen and (max-width: 768px) {
    .layui-card, .layui-panel, .layui-form {
        margin: 10px !important;
        border-radius: 12px !important;
    }
    
    .layui-btn {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
}