body {
    display: none;
    min-height: 100vh;
    margin: 0;
    color: #132634;
    font-family: "Trebuchet MS", "Gill Sans", sans-serif;
    background:
        radial-gradient(circle at 12% 16%, rgba(245, 158, 11, 0.22), transparent 24rem),
        radial-gradient(circle at 86% 8%, rgba(20, 184, 166, 0.22), transparent 22rem),
        linear-gradient(135deg, #0f172a 0%, #124349 44%, #ecfeff 100%);
}

body::before {
    content: "New CMS";
    position: fixed;
    top: 16px;
    right: 18px;
    z-index: 10000;
    padding: 7px 12px;
    border-radius: 999px;
    color: #12313a;
    background: linear-gradient(135deg, #facc15, #fb923c);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.22);
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.75rem;
}

#banner {
    text-align: center;
    margin: 2.5rem auto 1rem;
    padding: 1rem 1.5rem;
    width: fit-content;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 24px;
    color: #f8fafc;
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.9), rgba(21, 94, 117, 0.92));
    font-size: 3em;
    font-family: Abril Fatface;
    letter-spacing: 0.03em;
    text-shadow: 0 4px 14px rgba(15, 23, 42, 0.35);
    box-shadow: 0 22px 55px rgba(15, 23, 42, 0.28);
}

#logindiv {
    display: none;
}

#logindiv table {
    border-collapse: separate;
    border-spacing: 0 0.65rem;
}

#logindiv input {
    border: 1px solid rgba(15, 118, 110, 0.35);
    border-radius: 10px;
    padding: 0.45rem 0.55rem;
    background: #f8fafc;
    color: #132634;
    outline: none;
}

#logindiv input:focus {
    border-color: #0f766e;
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.18);
}

button,
.ui-dialog .ui-dialog-buttonpane button {
    border: 0;
    border-radius: 999px;
    padding: 0.45rem 1rem;
    color: white;
    background: linear-gradient(135deg, #0f766e, #155e75);
    box-shadow: 0 8px 18px rgba(15, 118, 110, 0.25);
    font-weight: 700;
    cursor: pointer;
}

button:hover,
.ui-dialog .ui-dialog-buttonpane button:hover {
    background: linear-gradient(135deg, #0d9488, #0f766e);
}

.ui-dialog {
    border: 1px solid rgba(15, 118, 110, 0.3) !important;
    border-radius: 18px !important;
    overflow: hidden;
    box-shadow: 0 26px 70px rgba(15, 23, 42, 0.34) !important;
}

.ui-dialog .ui-dialog-titlebar {
    border: 0;
    color: white;
    background: linear-gradient(135deg, #0f766e, #155e75);
    font-weight: 800;
}

.ui-dialog .ui-dialog-content {
    background: rgba(255, 255, 255, 0.94);
}

.admintable td {
    padding-right: 20px;
}
.finaninfo:hover {
    cursor: pointer;
    text-decoration: underline;
}