#particles-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
}

.glass-body {
    position: relative;
}

.glass-body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.45);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    z-index: -1;
}

body {
    background: transparent !important;
}

#sidebar, .sidebar-header, .user-info-panel,
#topbar, .top-header, .main-header, .page-header,
.content-wrapper, #page-content, #main-content,
.content-card, .content-section, .card, .apply-form-card,
.link-card, .api-card, .stat-card, .chart-container,
.footer-info, .announcement-bar, .form-grid .main-form,
.form-grid .sidebar-form, .section-content, .url-box,
.info-bar, .links-grid, .api-grid {
    background: rgba(255, 255, 255, 0.55) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

#sidebar, .sidebar-header {
    border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
}

#topbar, .top-header, .main-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.card, .content-card, .content-section, .apply-form-card,
.link-card, .api-card, .stat-card, .chart-container,
.footer-info, .info-bar, .section-content {
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.08) !important;
}

.btn, .btn-primary, .btn-submit, .btn-details, .btn-test, .btn-visit, .apply-link-btn,
button[type="submit"], .btn-logout, .btn-login, .btn-register {
    background: transparent !important;
    color: inherit !important;
    border: 1.5px solid rgba(128, 128, 128, 0.45) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

.btn:hover, .btn-primary:hover, .btn-submit:hover, .btn-details:hover,
.btn-test:hover, .btn-visit:hover, .apply-link-btn:hover,
button[type="submit"]:hover {
    border-color: rgba(80, 80, 80, 0.6) !important;
    background: rgba(128, 128, 128, 0.08) !important;
    transform: translateY(-1px);
}

.btn-logout {
    border-color: rgba(200, 50, 50, 0.35) !important;
    color: #b91c1c !important;
}
.btn-logout:hover {
    border-color: rgba(200, 50, 50, 0.6) !important;
    background: rgba(200, 50, 50, 0.06) !important;
}

.btn-login {
    border-color: rgba(74, 105, 189, 0.35) !important;
    color: #4a69bd !important;
}
.btn-register {
    border-color: rgba(74, 105, 189, 0.5) !important;
    background: rgba(74, 105, 189, 0.08) !important;
    color: #4a69bd !important;
}

.form-control, .form-select, .form-textarea, input[type="text"],
input[type="url"], input[type="email"], input[type="number"],
input[type="password"], select, textarea {
    background: rgba(255, 255, 255, 0.45) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    border: 1px solid rgba(128, 128, 128, 0.25) !important;
}

table, .table, .param-table {
    background: rgba(255, 255, 255, 0.3) !important;
}

th {
    background: rgba(255, 255, 255, 0.4) !important;
}

#sidebar-overlay {
    background: rgba(0, 0, 0, 0.3) !important;
}

.user-dropdown, .dropdown-menu {
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.response-area {
    background: rgba(30, 30, 30, 0.85) !important;
}