#lichngaytot-app,
#lichngaytot-app * {
    box-sizing: border-box;
}

#lichngaytot-app{
    font-family:"Times New Roman",serif;
    background:transparent;
    color:#FFD700;
    text-align:center;
    padding:60px 20px;
}

#lichngaytot-app .container{
    width:100%;
    max-width:900px;
    margin:0 auto;
    padding:40px;
    border-radius:20px;
    border:3px solid rgba(255,215,0,0.8);
    background:linear-gradient(145deg,#7a0000,#3d0000);
    box-shadow:
        0 0 15px rgba(255,215,0,0.5),
        0 0 40px rgba(255,215,0,0.3),
        inset 0 0 15px rgba(255,215,0,0.15);
}

#lichngaytot-app .section{
    margin-top:20px;
    padding:20px;
    border:1px solid rgba(255,215,0,0.6);
    border-radius:14px;
    background:rgba(255,215,0,0.08);
    box-shadow:0 0 12px rgba(255,215,0,0.25);
    transition:all 0.3s ease;
}

#lichngaytot-app .section:hover{
    box-shadow:0 0 20px rgba(255,215,0,0.5);
    transform:translateY(-2px);
}

#lichngaytot-app .bold{
    font-weight:bold;
    font-size:18px;
}

#lichngaytot-app input,
#lichngaytot-app button{
    padding:8px 12px;
    font-size:16px;
    border-radius:8px;
    border:none;
    margin:5px;
}

#lichngaytot-app input{
    background:#fff8dc;
    color:#8B0000;
}

#lichngaytot-app button{
    background:#FFD700;
    color:#8B0000;
    font-weight:bold;
    cursor:pointer;
    transition:all 0.3s ease;
}

#lichngaytot-app button:hover{
    background:white;
    box-shadow:0 0 10px rgba(255,215,0,0.8);
}

.good{
    color:#00FF7F;
    font-weight:bold;
}

.bad{
    color:#FF4C4C;
    font-weight:bold;
}

.hour-good{
    color:#00FF7F;
}

.hour-bad{
    color:#FF4C4C;
}
#lichngaytot-app h2{
    background:linear-gradient(180deg,#fff9c4,#FFD700,#ffcc00);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    text-shadow:
        0 0 8px rgba(255,215,0,0.9),
        0 0 20px rgba(255,215,0,0.6);
}