body {
            background-color: #121214;
            color: #E1E1E6;
            -webkit-tap-highlight-color: transparent;
        }
        
        /* Ocultar scrollbar mas manter funcionalidade */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: transparent; }
        ::-webkit-scrollbar-thumb { background: #323238; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #4D4D57; }

        .view-section:not(.active) {
            display: none !important;
        }
        .view-section.active {
            animation: fadeIn 0.3s ease-in-out;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Checkbox customizado estilo Apple/Moderno */
        .custom-checkbox {
            appearance: none;
            background-color: #202024;
            margin: 0;
            font: inherit;
            color: currentColor;
            width: 1.5em;
            height: 1.5em;
            border: 2px solid #323238;
            border-radius: 0.35em;
            display: grid;
            place-content: center;
            transition: 0.2s all ease-in-out;
            cursor: pointer;
        }
        .custom-checkbox::before {
            content: "";
            width: 0.8em;
            height: 0.8em;
            transform: scale(0);
            transition: 120ms transform ease-in-out;
            box-shadow: inset 1em 1em var(--tw-color-dark);
            background-color: #121214;
            transform-origin: center;
            clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
        }
        .custom-checkbox:checked {
            background-color: #00B37E;
            border-color: #00B37E;
        }
        .custom-checkbox:checked::before {
            transform: scale(1);
        }

        /* Toast de notificação */
        #toast-container {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 50;
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .toast {
            background: #29292E;
            color: #fff;
            padding: 12px 20px;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.5);
            display: flex;
            align-items: center;
            gap: 8px;
            border-left: 4px solid #00B37E;
            transform: translateX(120%);
            transition: transform 0.3s ease-out;
        }
        .toast.show {
            transform: translateX(0);
        }
        .toast.error { border-color: #F75A68; }

        /* Loader global */
        #loader {
            display: flex;
            position: fixed;
            inset: 0;
            background: rgba(18, 18, 20, 0.9);
            z-index: 100;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }
        .spinner {
            width: 40px;
            height: 40px;
            border: 4px solid #323238;
            border-top-color: #00B37E;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }
        @keyframes spin { to { transform: rotate(360deg); } }