.kanban-header {
            background: rgba(0,40,105,.30) !important;
            border-bottom: 1px solid rgba(0,200,255,.09) !important;
            border-radius: 18px 18px 0 0 !important;
        }
        .kanban-count {
            background: rgba(0,200,255,.13) !important;
            border: 1px solid rgba(0,200,255,.22) !important;
            color: rgba(0,230,255,.85) !important;
            box-shadow: 0 0 8px rgba(0,200,255,.09) !important;
            font-weight: 800 !important;
        }

        /* ── Tables ── */
        .table-container {
            background: rgba(4,12,42,.62) !important;
            backdrop-filter: blur(22px) !important;
            -webkit-backdrop-filter: blur(22px) !important;
            border: 1px solid rgba(0,200,255,.11) !important;
            border-radius: 16px !important;
            box-shadow: 0 4px 24px rgba(0,0,0,.28) !important;
        }
        th {
            background: rgba(0,40,112,.36) !important;
            border-bottom: 1px solid rgba(0,200,255,.12) !important;
            color: rgba(0,210,255,.68) !important;
        }
        td { border-bottom: 1px solid rgba(0,200,255,.05) !important; color: rgba(255,255,255,.83) !important; }
        tr:hover { background: rgba(0,100,200,.07) !important; }

        /* ── Modals ── */
        .modal {
            background: rgba(3,10,38,.93) !important;
            backdrop-filter: blur(38px) !important;
            -webkit-backdrop-filter: blur(38px) !important;
            border: 1px solid rgba(0,200,255,.17) !important;
            border-radius: 22px !important;
            box-shadow: 0 30px 80px rgba(0,0,0,.65),
                        0 0 0 1px rgba(0,200,255,.06),
                        0 0 60px rgba(0,150,255,.06),
                        inset 0 1px 0 rgba(0,240,255,.10) !important;
        }
        .modal-overlay {
            backdrop-filter: blur(12px) !important;
            -webkit-backdrop-filter: blur(12px) !important;
            background: rgba(0,5,20,.78) !important;
        }

        /* ── Sidebar ── */
        .sidebar {
            background: rgba(2,7,24,.90) !important;
            backdrop-filter: blur(34px) !important;
            -webkit-backdrop-filter: blur(34px) !important;
            border-right: 1px solid rgba(0,220,255,.09) !important;
            box-shadow: 4px 0 36px rgba(0,0,0,.52), 0 0 0 1px rgba(0,200,255,.04), inset -1px 0 0 rgba(0,240,255,.04) !important;
        }
        .sidebar-avatar { box-shadow: 0 0 24px rgba(0,212,255,.55), 0 0 48px rgba(0,212,255,.22), 0 0 8px rgba(0,212,255,.9) !important; }
        .sidebar-item { border-radius: 11px !important; transition: all .2s ease !important; }
        .sidebar-item:hover { background: rgba(0,220,255,.09) !important; color: rgba(0,240,255,.92) !important; box-shadow: inset 0 0 20px rgba(0,220,255,.04) !important; }
        .sidebar-item.active { background: rgba(0,220,255,.13) !important; color: #00F0FF !important; border-left-color: #00F0FF !important; box-shadow: inset 0 0 20px rgba(0,240,255,.09), 2px 0 0 rgba(0,240,255,.32) !important; }

        /* ── Header ── */
        .header {
            background: rgba(2,6,20,.74) !important;
            backdrop-filter: blur(30px) !important;
            -webkit-backdrop-filter: blur(30px) !important;
            border-bottom: 1px solid rgba(0,220,255,.08) !important;
            box-shadow: 0 1px 0 rgba(0,240,255,.05), 0 4px 30px rgba(0,0,0,.26) !important;
        }

        /* ── Chat panels ── */
        .chat-sidebar, .chat-main {
            background: rgba(4,12,42,.60) !important;
            backdrop-filter: blur(24px) !important;
            -webkit-backdrop-filter: blur(24px) !important;
            border: 1px solid rgba(0,200,255,.10) !important;
            border-radius: 14px !important;
            box-shadow: 0 4px 24px rgba(0,0,0,.28) !important;
        }
        .chat-tab { transition: all .18s ease !important; }
        .chat-tab:hover { background: rgba(0,200,255,.07) !important; }
        .chat-tab.active { background: rgba(0,200,255,.10) !important; border-left-color: #00DDFF !important; box-shadow: inset 0 0 14px rgba(0,200,255,.06) !important; }
        .chat-textarea-input {
            background: rgba(0,24,68,.46) !important;
            border: 1px solid rgba(0,200,255,.13) !important;
            border-radius: 12px !important;
        }
        .chat-textarea-input:focus { border-color: rgba(0,220,255,.44) !important; box-shadow: 0 0 0 3px rgba(0,200,255,.08), 0 0 20px rgba(0,200,255,.06) !important; }
        .chat-btn-send { border-radius: 10px !important; box-shadow: 0 4px 16px rgba(0,200,255,.30) !important; transition: all .2s !important; }
        .chat-btn-send:hover { box-shadow: 0 6px 22px rgba(0,200,255,.48) !important; transform: translateY(-1px) !important; }

        /* ── Map order list ── */
        .map-order-list {
            background: rgba(4,12,42,.62) !important;
            border: 1px solid rgba(0,200,255,.10) !important;
            border-radius: 14px !important;
            box-shadow: 0 4px 20px rgba(0,0,0,.28) !important;
        }
        .map-order-item:hover { background: rgba(0,200,255,.08) !important; }
        .map-order-item.selected { background: rgba(0,200,255,.13) !important; border-left: 3px solid rgba(0,220,255,.68) !important; box-shadow: inset 0 0 14px rgba(0,200,255,.06) !important; }

        /* ── Notification panel ── */
        .notification-panel {
            background: rgba(2,8,30,.98) !important;
            border: 1px solid rgba(0,200,255,.17) !important;
            border-radius: 16px !important;
            box-shadow: 0 20px 60px rgba(0,0,0,.65), 0 0 24px rgba(0,150,255,.09) !important;
            backdrop-filter: blur(34px) !important;
            -webkit-backdrop-filter: blur(34px) !important;
        }
        .notification-item:hover { background: rgba(0,150,255,.07) !important; }
        .notification-item.unread { border-left: 3px solid #00DDFF !important; background: rgba(0,200,255,.04) !important; }

        /* ── Form inputs ── */
        .form-input, .form-select, .form-textarea {
            background: rgba(0,24,68,.42) !important;
            border: 1px solid rgba(0,200,255,.14) !important;
            border-radius: 10px !important;
            transition: all .22s ease !important;
        }
        .form-input:focus, .form-select:focus, .form-textarea:focus {
            background: rgba(0,40,110,.38) !important;
            border-color: rgba(0,220,255,.46) !important;
            box-shadow: 0 0 0 3px rgba(0,220,255,.09), 0 0 22px rgba(0,200,255,.07) !important;
        }

        /* ── Buttons ── */
        .btn-primary {
            background: linear-gradient(135deg, #00C8EE 0%, #007ECC 100%) !important;
            box-shadow: 0 2px 16px rgba(0,180,230,.44), inset 0 1px 0 rgba(255,255,255,.22) !important;
            border-radius: 10px !important;
        }
        .btn-primary:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 28px rgba(0,180,230,.60), 0 0 36px rgba(0,200,255,.24) !important; }
        .btn-secondary { background: rgba(0,220,255,.07) !important; border: 1px solid rgba(0,220,255,.19) !important; border-radius: 10px !important; }
        .btn-secondary:hover { background: rgba(0,220,255,.14) !important; border-color: rgba(0,220,255,.38) !important; box-shadow: 0 0 18px rgba(0,220,255,.13) !important; }

        /* ── Login card ── */
        .login-card {
            background: rgba(3,10,38,.92) !important;
            border: 1px solid rgba(0,200,255,.17) !important;
            border-radius: 22px !important;
            box-shadow: 0 36px 80px rgba(0,0,0,.65), 0 0 0 1px rgba(0,200,255,.06), inset 0 1px 0 rgba(0,240,255,.10) !important;
        }

        /* ── Act table ── */
        .act-table-container { background: rgba(0,18,55,.40) !important; border: 1px solid rgba(0,200,255,.11) !important; border-radius: 14px !important; }