Logo

STAFF ACCESS

Invalid Username or Password

OIH DESIGNER

PREMIUM ID SUITE
Choose Photo... ✕
--gold: #c9a035; --bg-dark: #000000; --panel-bg: rgba(20, 20, 20, 0.95); --input-fill: #e0f2fe; --danger: #ef4444; } body { margin: 0; font-family: 'Inter', sans-serif; background: var(--bg-dark); color: #fff; overflow-x: hidden; touch-action: none; } .wrap { max-width: 1240px; margin: auto; padding: 20px; display: grid; grid-template-columns: 350px 1fr; gap: 25px; } .panel { background: var(--panel-bg); border-radius: 20px; padding: 25px; height: fit-content; position: sticky; top: 20px; border: 1px solid rgba(255,255,255,0.1); } .header-area { cursor: pointer; user-select: none; margin-bottom: 20px; text-align: center; } .ui-logo { width: 100%; max-height: 80px; object-fit: contain; margin-bottom: 10px; display: block; } h1 { font-size: 18px; color: var(--gold); margin: 0; letter-spacing: 1px; font-weight: 800; } .sub-tag { font-size: 9px; opacity: 0.5; display: block; letter-spacing: 2px; } label { font-size: 10px; font-weight: 800; margin-top: 15px; display: block; text-transform: uppercase; } .file-box { display: flex; align-items: center; justify-content: space-between; background: var(--input-fill); color: #000; border: 2px solid var(--gold); border-radius: 8px; margin-top: 5px; padding: 8px 12px; font-weight: 700; font-size: 13px; cursor: pointer; overflow: hidden; } .file-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; } .inline-clear { color: var(--danger); font-size: 18px; margin-left: 10px; cursor: pointer; padding: 0 5px; display: none; } input[type="text"] { width: 100%; padding: 10px; border-radius: 8px; margin-top: 5px; box-sizing: border-box; background: var(--input-fill); color: #000; border: 2px solid var(--gold); font-weight: 700; } .ai-btn { width: 100%; margin-top: 10px; padding: 12px; border-radius: 10px; background: #6366f1; color: #fff; border: none; cursor: pointer; font-weight: 700; } .action-row { display: flex; gap: 10px; margin-top: 20px; } .icon-btn { flex: 1; height: 45px; border-radius: 10px; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 20px; transition: 0.2s; } .save-btn { background: #10b981; color: white; } .print-btn { background: #3b82f6; color: white; } .lock-btn { background: #374151; color: white; border: 1px solid rgba(255,255,255,0.1); display: none; } .lock-btn.unlocked { background: var(--gold); } canvas { width: 100%; max-width: 1011px; height: auto; border-radius: 14px; background: #1a1a1a; display: block; border: 1px solid #333; margin-bottom: 20px; } @media print { @page { margin: 0; size: auto; } body { background: white !important; } .panel { display: none !important; } .wrap { display: block; padding: 0; margin: 0; } canvas { border: none !important; margin: 0 !important; page-break-after: always; width: 100% !important; } }

OIH ID CARD DESIGNER

PREMIUM ID SUITE
Choose Photo... ✕