:root {
        font-family: 'Noto Sans Thai', 'Google Sans', system-ui, sans-serif
    }

    body {
        min-height: 100vh;
        background: radial-gradient(circle at 10% 0%, #fff 0, transparent 34%), radial-gradient(circle at 95% 8%, #dcecff 0, transparent 30%), linear-gradient(145deg, #f7f8fa, #edf0f4 55%, #fafafa);
        color: #172033
    }

    .glass {
        background: rgba(255, 255, 255, .65);
        border: 1px solid rgba(255, 255, 255, .82);
        box-shadow: 0 24px 70px rgba(30, 41, 59, .09), inset 0 1px rgba(255, 255, 255, .9);
        backdrop-filter: blur(26px);
        -webkit-backdrop-filter: blur(26px)
    }

    .soft {
        background: rgba(255, 255, 255, .5);
        border: 1px solid rgba(255, 255, 255, .74);
        backdrop-filter: blur(18px)
    }

    .input {
        width: 100%;
        padding: .8rem 1rem;
        border-radius: 16px;
        background: rgba(248, 250, 252, .88);
        border: 1px solid #e5e7eb;
        outline: none;
        transition: .2s
    }

    .input:focus {
        background: #fff;
        border-color: #94a3b8;
        box-shadow: 0 0 0 4px #94a3b821
    }

    .btn {
        border-radius: 15px;
        padding: .8rem 1rem;
        font-weight: 600;
        transition: .15s
    }

    .btn:active {
        transform: scale(.98)
    }

    .primary {
        background: #111827;
        color: #fff;
        box-shadow: 0 10px 24px #11182724
    }

    .secondary {
        background: #ffffffc7;
        border: 1px solid #e5e7eb
    }

    .num {
        font-variant-numeric: tabular-nums
    }

    .striped tbody tr:nth-child(even) {
        background: rgba(226, 232, 240, .72)
    }

    .striped tbody tr:nth-child(odd) {
        background: rgba(255, 255, 255, .55)
    }

    .datebox {
        font-variant-numeric: tabular-nums
    }

    .toggle {
        min-height: 52px
    }

    .toggle-on {
        background: #111827;
        color: #fff;
        box-shadow: 0 8px 20px rgba(17, 24, 39, .18)
    }

    .toggle-off {
        background: #fff;
        color: #475569;
        box-shadow: 0 3px 10px rgba(15, 23, 42, .07)
    }

    @media print {
        .no-print {
            display: none !important
        }

        body {
            background: #fff
        }

        .glass,
        .soft {
            box-shadow: none;
            background: #fff;
            border-color: #ddd
        }
    }