:root {
    --orange: #f39200;
    --bg-black: #000000;
}

/* SECURITY: PREVENT PRINTING */
@media print { body { display: none !important; } }

body {
    background-color: #1a1a1a;
    margin: 0;
    font-family: 'Arial Black', sans-serif;
    user-select: none;
    -webkit-user-select: none;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

/* LOGIN OVERLAY */
#login-overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: #000; z-index: 1000;
    display: flex; justify-content: center; align-items: center;
}

.login-box {
    text-align: center; border: 3px solid var(--orange);
    padding: 50px; border-radius: 20px; color: white;
}

.hub-tag { background: var(--orange); color: black; padding: 0 10px; border-radius: 8px; }

input[type="password"] {
    padding: 15px; width: 250px; border-radius: 8px; border: none;
    margin: 20px 0; font-size: 18px; text-align: center;
}

.login-btn {
    background: var(--orange); color: black; border: none;
    padding: 15px 40px; font-weight: 900; border-radius: 8px; cursor: pointer;
}

/* FLYER CONTENT */
#page-content { display: none; padding: 20px; }

.flyer {
    width: 850px;
    background-color: var(--bg-black);
    background-image: linear-gradient(45deg, #111 25%, transparent 25%, transparent 75%, #111 75%, #111);
    background-size: 60px 60px;
    padding: 40px; color: white; border: 1px solid #333;
}

.ribbon {
    background-color: var(--orange); color: black; width: 180px;
    padding: 25px 10px 50px 10px; text-align: center; font-weight: 900;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 88%, 0 100%);
}

.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }

.card {
    background: white; color: black; border-radius: 12px;
    display: flex; padding: 12px; height: 90px; align-items: center;
}

.p-amt { color: var(--orange); font-size: 26px; font-weight: 900; }
.gsm { background: black; color: white; padding: 2px 8px; font-size: 12px; display: inline-block; margin: 4px 0; }