theme_ocean = r'''/* ============================================================
   THEME: OCEAN - Deep Sea Explorer
   ============================================================ */
.theme-ocean {
    --bg: linear-gradient(180deg, #001e3c 0%, #003c6e 30%, #0066a1 60%, #004d7a 100%);
    --surface: rgba(0, 40, 80, 0.85);
    --surface2: rgba(0, 55, 100, 0.70);
    --surface3: rgba(0, 70, 120, 0.55);
    --surface4: rgba(0, 90, 150, 0.35);
    --text: #e0f7fa;
    --text2: #b2ebf2;
    --text3: #4dd0e1;
    --text4: #00bcd4;
    --border: rgba(0, 188, 212, 0.25);
    --accent: #00e5ff;
    --accent2: #00b8d4;
    --accent-light: rgba(0, 229, 255, 0.15);
    --danger: #ff5252;
    --danger-light: rgba(255, 82, 82, 0.15);
    --success: #69f0ae;
    --success-light: rgba(105, 240, 174, 0.15);
    --warning: #ffd740;
    --warning-light: rgba(255, 215, 64, 0.15);
    --info: #40c4ff;
    --info-light: rgba(64, 196, 255, 0.15);
    --radius: 30px 8px 30px 8px;
    --radius-sm: 20px 6px 20px 6px;
    --shadow: 0 4px 24px rgba(0, 30, 60, 0.4);
    --shadow-lg: 0 16px 56px rgba(0, 40, 80, 0.5);
    --shadow-glow: 0 0 50px rgba(0, 229, 255, 0.2);
    --transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    --glass: blur(20px) saturate(1.8);
    --chart-color1: #00e5ff;
    --chart-color2: #00b8d4;
    --chart-color3: #40c4ff;
    --chart-color4: #80deea;
}

.theme-ocean body::before {
    background: 
        radial-gradient(circle at 15% 85%, rgba(0, 229, 255, 0.1) 0%, transparent 45%),
        radial-gradient(circle at 85% 15%, rgba(0, 184, 212, 0.08) 0%, transparent 45%),
        radial-gradient(circle at 50% 50%, rgba(64, 196, 255, 0.05) 0%, transparent 50%);
}

.theme-ocean .auth-page::before {
    background: radial-gradient(circle, rgba(0, 229, 255, 0.2) 0%, transparent 70%);
}

.theme-ocean .auth-page::after {
    background: radial-gradient(circle, rgba(0, 184, 212, 0.15) 0%, transparent 70%);
}

.theme-ocean .auth-card {
    background: linear-gradient(145deg, rgba(0, 50, 90, 0.9), rgba(0, 35, 70, 0.85));
    border: 1px solid rgba(0, 188, 212, 0.3);
    box-shadow: 0 24px 64px rgba(0, 30, 60, 0.4), 0 0 40px rgba(0, 229, 255, 0.1);
}

.theme-ocean .sidebar {
    background: linear-gradient(180deg, rgba(0, 45, 85, 0.9), rgba(0, 30, 60, 0.95));
    border-left: 1px solid rgba(0, 188, 212, 0.2);
}

.theme-ocean .nav-item.active {
    background: linear-gradient(135deg, #0097a7, #006064);
    box-shadow: 0 4px 20px rgba(0, 151, 167, 0.4), inset 0 1px 0 rgba(255,255,255,0.1);
}

.theme-ocean .nav-item::before {
    background: linear-gradient(180deg, #00e5ff, #00b8d4);
}

.theme-ocean .header {
    background: linear-gradient(90deg, rgba(0, 45, 85, 0.9), rgba(0, 55, 95, 0.85));
    border-bottom: 1px solid rgba(0, 188, 212, 0.2);
}

.theme-ocean .card {
    background: linear-gradient(145deg, rgba(0, 50, 90, 0.9), rgba(0, 35, 70, 0.85));
    border: 1px solid rgba(0, 188, 212, 0.2);
    box-shadow: 0 8px 32px rgba(0, 30, 60, 0.3), inset 0 1px 0 rgba(255,255,255,0.05);
    border-radius: var(--radius);
}

.theme-ocean .card::before {
    background: linear-gradient(90deg, #00e5ff, #00b8d4, #40c4ff);
}

.theme-ocean .stat-card {
    background: linear-gradient(145deg, rgba(0, 50, 90, 0.9), rgba(0, 35, 70, 0.85));
    border: 1px solid rgba(0, 188, 212, 0.2);
    border-radius: var(--radius);
}

.theme-ocean .stat-card::after {
    background: radial-gradient(circle, rgba(0, 229, 255, 0.1) 0%, transparent 70%);
}

.theme-ocean .btn-primary {
    background: linear-gradient(135deg, #0097a7, #006064);
    box-shadow: 0 4px 20px rgba(0, 151, 167, 0.35);
}

.theme-ocean .btn-primary:hover {
    box-shadow: 0 8px 32px rgba(0, 229, 255, 0.4);
}

.theme-ocean .search-box {
    background: rgba(0, 55, 100, 0.6);
    border: 1px solid rgba(0, 188, 212, 0.2);
    border-radius: 50px;
}

.theme-ocean .search-box:focus-within {
    border-color: #00e5ff;
    box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.2);
}

.theme-ocean .form-group input,
.theme-ocean .form-group select,
.theme-ocean .form-group textarea {
    background: rgba(0, 55, 100, 0.6);
    border: 1px solid rgba(0, 188, 212, 0.2);
    color: #e0f7fa;
    border-radius: var(--radius-sm);
}

.theme-ocean .form-group input:focus,
.theme-ocean .form-group select:focus,
.theme-ocean .form-group textarea:focus {
    border-color: #00e5ff;
    box-shadow: 0 0 0 3px rgba(0, 229, 255, 0.2);
}

.theme-ocean .modal {
    background: linear-gradient(145deg, rgba(0, 45, 85, 0.95), rgba(0, 30, 60, 0.95));
    border: 1px solid rgba(0, 188, 212, 0.25);
    border-radius: var(--radius);
}

.theme-ocean .modal-overlay {
    background: rgba(0, 15, 30, 0.6);
}

.theme-ocean .product-card {
    background: linear-gradient(145deg, rgba(0, 55, 100, 0.8), rgba(0, 40, 75, 0.7));
    border: 1px solid rgba(0, 188, 212, 0.15);
    border-radius: var(--radius-sm);
}

.theme-ocean .product-card .thumb {
    background: linear-gradient(135deg, rgba(0, 70, 120, 0.6), rgba(0, 55, 100, 0.5));
    border: 1px solid rgba(0, 188, 212, 0.2);
    border-radius: 20px 6px 20px 6px;
}

.theme-ocean .shamel-card {
    background: linear-gradient(145deg, rgba(0, 50, 90, 0.9), rgba(0, 35, 70, 0.85));
    border: 1px solid rgba(0, 188, 212, 0.15);
    border-radius: var(--radius);
}

.theme-ocean .invoice-modern {
    background: linear-gradient(145deg, rgba(0, 50, 90, 0.95), rgba(0, 35, 70, 0.9));
    border: 1px solid rgba(0, 188, 212, 0.2);
    border-radius: var(--radius);
}

.theme-ocean .tabs {
    background: rgba(0, 55, 100, 0.5);
    border-bottom: 2px solid rgba(0, 188, 212, 0.15);
    border-radius: var(--radius-sm);
}

.theme-ocean .tab.active {
    background: linear-gradient(135deg, #0097a7, #006064);
    box-shadow: 0 4px 20px rgba(0, 151, 167, 0.3);
    border-radius: var(--radius-sm);
}

.theme-ocean .table-wrap {
    border: 1px solid rgba(0, 188, 212, 0.15);
    border-radius: var(--radius-sm);
}

.theme-ocean th {
    background: rgba(0, 55, 100, 0.7);
    border-bottom: 2px solid rgba(0, 188, 212, 0.2);
}

.theme-ocean tr:hover td {
    background: rgba(0, 70, 120, 0.3);
}

.theme-ocean .progress-track {
    background: rgba(0, 55, 100, 0.5);
}

.theme-ocean .cart-item:hover {
    background: rgba(0, 70, 120, 0.3);
}

.theme-ocean .cart-item .ci-qty {
    background: rgba(0, 55, 100, 0.5);
}

.theme-ocean .cart-item .ci-qty input {
    background: rgba(0, 40, 80, 0.7);
    border: 1px solid rgba(0, 188, 212, 0.2);
    color: #e0f7fa;
}

.theme-ocean .theme-dot.active {
    border-color: #00e5ff;
    box-shadow: 0 0 0 4px rgba(0, 229, 255, 0.2), 0 8px 24px rgba(0, 229, 255, 0.2);
}

.theme-ocean .nav-item.active {
    background: linear-gradient(135deg, #00838f, #006064);
}
'''

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

print('theme-ocean.css created')