theme_glass = r'''/* ============================================================
   THEME: GLASS - Pure Glassmorphism Crystal
   ============================================================ */
.theme-glass {
    --bg: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0c4a6e 100%);
    --surface: rgba(255, 255, 255, 0.08);
    --surface2: rgba(255, 255, 255, 0.05);
    --surface3: rgba(255, 255, 255, 0.03);
    --surface4: rgba(255, 255, 255, 0.02);
    --text: #f0f9ff;
    --text2: #e0f2fe;
    --text3: #7dd3fc;
    --text4: #38bdf8;
    --border: rgba(255, 255, 255, 0.12);
    --accent: #38bdf8;
    --accent2: #818cf8;
    --accent-light: rgba(56, 189, 248, 0.15);
    --danger: #f87171;
    --danger-light: rgba(248, 113, 113, 0.15);
    --success: #34d399;
    --success-light: rgba(52, 211, 153, 0.15);
    --warning: #fbbf24;
    --warning-light: rgba(251, 191, 36, 0.15);
    --info: #60a5fa;
    --info-light: rgba(96, 165, 250, 0.15);
    --radius: 24px;
    --radius-sm: 16px;
    --shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.3);
    --shadow-glow: 0 0 60px rgba(56, 189, 248, 0.2);
    --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    --glass: blur(24px) saturate(2);
    --chart-color1: #38bdf8;
    --chart-color2: #818cf8;
    --chart-color3: #34d399;
    --chart-color4: #fbbf24;
}

.theme-glass body::before {
    background: 
        radial-gradient(circle at 20% 80%, rgba(56, 189, 248, 0.12) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(129, 140, 248, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(52, 211, 153, 0.06) 0%, transparent 50%);
}

.theme-glass .auth-page::before {
    background: radial-gradient(circle, rgba(56, 189, 248, 0.2) 0%, transparent 70%);
}

.theme-glass .auth-page::after {
    background: radial-gradient(circle, rgba(129, 140, 248, 0.15) 0%, transparent 70%);
}

.theme-glass .auth-card {
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(32px) saturate(2);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255,255,255,0.1);
}

.theme-glass .sidebar {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(32px) saturate(2);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 8px 0 32px rgba(0, 0, 0, 0.2);
}

.theme-glass .nav-item {
    background: transparent;
    border: 1px solid transparent;
}

.theme-glass .nav-item:hover {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.theme-glass .nav-item.active {
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.25), rgba(129, 140, 248, 0.25));
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 32px rgba(56, 189, 248, 0.2), inset 0 1px 0 rgba(255,255,255,0.15);
    backdrop-filter: blur(16px);
}

.theme-glass .nav-item::before {
    background: linear-gradient(180deg, #38bdf8, #818cf8);
}

.theme-glass .header {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(32px) saturate(2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.theme-glass .search-box {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(16px);
}

.theme-glass .search-box:focus-within {
    border-color: rgba(56, 189, 248, 0.5);
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.15), 0 4px 20px rgba(56, 189, 248, 0.1);
    background: rgba(255, 255, 255, 0.1);
}

.theme-glass .card {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(24px) saturate(1.8);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255,255,255,0.08);
}

.theme-glass .card::before {
    background: linear-gradient(90deg, #38bdf8, #818cf8, #34d399);
}

.theme-glass .card:hover {
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3), 0 0 40px rgba(56, 189, 248, 0.1);
}

.theme-glass .stat-card {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.theme-glass .stat-card::after {
    background: radial-gradient(circle, rgba(56, 189, 248, 0.1) 0%, transparent 70%);
}

.theme-glass .btn {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(16px);
}

.theme-glass .btn:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.25);
}

.theme-glass .btn-primary {
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.3), rgba(129, 140, 248, 0.3));
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 20px rgba(56, 189, 248, 0.2), inset 0 1px 0 rgba(255,255,255,0.1);
}

.theme-glass .btn-primary:hover {
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.4), rgba(129, 140, 248, 0.4));
    box-shadow: 0 8px 32px rgba(56, 189, 248, 0.3), inset 0 1px 0 rgba(255,255,255,0.15);
}

.theme-glass .btn-success {
    background: linear-gradient(135deg, rgba(52, 211, 153, 0.3), rgba(16, 185, 129, 0.3));
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.theme-glass .btn-danger {
    background: linear-gradient(135deg, rgba(248, 113, 113, 0.3), rgba(239, 68, 68, 0.3));
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.theme-glass .form-group input,
.theme-glass .form-group select,
.theme-glass .form-group textarea {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #f0f9ff;
    backdrop-filter: blur(16px);
}

.theme-glass .form-group input:focus,
.theme-glass .form-group select:focus,
.theme-glass .form-group textarea:focus {
    border-color: rgba(56, 189, 248, 0.5);
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.15);
    background: rgba(255, 255, 255, 0.1);
}

.theme-glass .modal {
    background: rgba(15, 30, 45, 0.85);
    backdrop-filter: blur(40px) saturate(2);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255,255,255,0.1);
}

.theme-glass .modal-overlay {
    background: rgba(5, 15, 30, 0.5);
    backdrop-filter: blur(16px);
}

.theme-glass .product-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.theme-glass .product-card:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(56, 189, 248, 0.3);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3), 0 0 30px rgba(56, 189, 248, 0.1);
}

.theme-glass .product-card .thumb {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.theme-glass .shamel-card {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.theme-glass .shamel-card:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(56, 189, 248, 0.3);
}

.theme-glass .invoice-modern {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.theme-glass .tabs {
    background: rgba(255, 255, 255, 0.04);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.theme-glass .tab.active {
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.3), rgba(129, 140, 248, 0.3));
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 16px rgba(56, 189, 248, 0.2);
}

.theme-glass .table-wrap {
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.theme-glass th {
    background: rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.theme-glass tr:hover td {
    background: rgba(255, 255, 255, 0.04);
}

.theme-glass .progress-track {
    background: rgba(255, 255, 255, 0.06);
}

.theme-glass .cart-item:hover {
    background: rgba(255, 255, 255, 0.05);
}

.theme-glass .cart-item .ci-qty {
    background: rgba(255, 255, 255, 0.06);
}

.theme-glass .cart-item .ci-qty input {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #f0f9ff;
}

.theme-glass .theme-dot.active {
    border-color: #38bdf8;
    box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.2), 0 8px 24px rgba(56, 189, 248, 0.2);
}

.theme-glass .toast {
    backdrop-filter: blur(24px);
    background: rgba(15, 30, 45, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.15);
}
'''

with open('/mnt/agents/output/theme-glass.css', 'w', encoding='utf-8') as f:
    f.write(theme_glass)

print('theme-glass.css created')