@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary:#c5a059;--primary-hover:#b38f45;--primary-light:#fbf9f4;--primary-glow:#c5a05926;--bg:#f8f9fa;--card-bg:#fff;--border:#e9ecef;--border-focus:#c5a059;--text:#495057;--text-heading:#1e293b;--text-muted:#64748b;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--success:#10b981;--success-bg:#ecfdf5;--success-border:#a7f3d0;--pending:#f59e0b;--pending-bg:#fffbeb;--pending-border:#fde68a;--danger:#ef4444;--danger-bg:#fef2f2;--danger-border:#fecaca;--info:#3b82f6;--info-bg:#eff6ff;--info-border:#bfdbfe;--color-tourist:#10b981;--color-work:#c5a059;--color-student:#3b82f6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-heading);font-family:Outfit,sans-serif;font-weight:600}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.spinner{animation:1s linear infinite spin}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:24px;transition:all .2s}.card:hover{box-shadow:var(--shadow-lg)}.flex{display:flex!important}.flex-col{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap!important}.flex-grow{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}}.gap-0\.5{gap:2px!important}.gap-1{gap:4px!important}.gap-1\.5{gap:6px!important}.gap-2{gap:8px!important}.gap-3{gap:12px!important}.gap-4{gap:16px!important}.gap-6{gap:24px!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-xs{font-size:11px!important}.text-sm{font-size:13px!important}.text-base{font-size:15px!important}.text-lg{font-size:18px!important}.text-xl{font-size:20px!important}.text-2xl{font-size:24px!important}.text-3xl{font-size:30px!important}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.font-extrabold{font-weight:800!important}.font-black{font-weight:900!important}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!important}.capitalize{text-transform:capitalize!important}.truncate{text-overflow:ellipsis;overflow:hidden;white-space:nowrap!important}.block{display:block!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.m-0{margin:0!important}.mt-1{margin-top:4px!important}.mt-2{margin-top:8px!important}.mt-4{margin-top:16px!important}.mt-6{margin-top:24px!important}.mb-1{margin-bottom:4px!important}.mb-2{margin-bottom:8px!important}.mb-4{margin-bottom:16px!important}.mb-6{margin-bottom:24px!important}.my-2{margin-top:8px!important;margin-bottom:8px!important}.my-6{margin-top:24px!important;margin-bottom:24px!important}.p-1{padding:4px!important}.p-2{padding:8px!important}.p-3{padding:12px!important}.p-4{padding:16px!important}.p-6{padding:24px!important}.pt-1\.5{padding-top:6px!important}.pt-2{padding-top:8px!important}.pt-4{padding-top:16px!important}.pb-1\.5{padding-bottom:6px!important}.pb-2{padding-bottom:8px!important}.px-2{padding-left:8px!important;padding-right:8px!important}.py-0\.5{padding-top:2px!important;padding-bottom:2px!important}.py-2{padding-top:8px!important;padding-bottom:8px!important}.text-slate-400{color:#94a3b8!important}.text-slate-500{color:#64748b!important}.text-slate-600{color:#475569!important}.text-slate-700{color:#334155!important}.text-slate-800{color:#1e293b!important}.text-red-500{color:#ef4444!important}.text-red-700{color:#b91c1c!important}.text-emerald-500{color:#10b981!important}.text-emerald-600{color:#059669!important}.text-emerald-800{color:#065f46!important}.text-amber-500{color:#f59e0b!important}.text-amber-700{color:#b45309!important}.text-white{color:#fff!important}.bg-slate-50{background-color:#f8fafc!important}.bg-slate-100{background-color:#f1f5f9!important}.bg-emerald-50{background-color:#ecfdf5!important}.bg-amber-50{background-color:#fffbeb!important}.bg-yellow-50{background-color:#fefce8!important}.bg-red-50{background-color:#fef2f2!important}.bg-white{background-color:#fff!important}.border{border:1px solid var(--border)!important}.border-t{border-top:1px solid var(--border)!important}.border-b{border-bottom:1px solid var(--border)!important}.border-r{border-right:1px solid var(--border)!important}.rounded{border-radius:4px!important}.rounded-md{border-radius:6px!important}.rounded-lg{border-radius:8px!important}.rounded-full{border-radius:9999px!important}.w-8{width:32px!important}.h-8{height:32px!important}.w-12{width:48px!important}.h-12{height:48px!important}.w-14{width:56px!important}.h-18{height:72px!important}.w-15{width:60px!important}.h-15{height:60px!important}.w-18{width:72px!important}.h-22{height:88px!important}.w-full{width:100%!important}.h-full{height:100%!important}.h-3\.5{height:14px!important}.max-w-md{max-width:448px!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-inner{box-shadow:inset 0 2px 4px #0000000f!important}.tracking-wider{letter-spacing:.05em!important}.tracking-widest{letter-spacing:.1em!important}.leading-none{line-height:1!important}.leading-normal{line-height:1.5!important}.overflow-hidden{overflow:hidden!important}.object-cover{object-fit:cover!important}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:var(--text);border-color:var(--border);background-color:#fff}.btn-secondary:hover:not(:disabled){background-color:#f1f5f9;border-color:#cbd5e1}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.badge{text-transform:uppercase;border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-active{background-color:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-pending{background-color:var(--pending-bg);color:var(--pending);border:1px solid var(--pending-border)}.badge-expired{background-color:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.badge-flagged{color:#d97706;background-color:#fef3c7;border:1px solid #fde68a}.form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-label{color:var(--text-heading);font-size:13px;font-weight:600}.form-control{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-heading);background-color:#fff;width:100%;padding:10px 14px;font-size:14px;transition:all .15s}.form-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.table-container{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.custom-table th{color:var(--text-muted);border-bottom:1px solid var(--border);background-color:#f8fafc;padding:14px 16px;font-weight:600}.custom-table td{border-bottom:1px solid var(--border);color:var(--text-heading);padding:14px 16px}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background-color:#fafaf9}.card-3d-wrapper{perspective:1000px;cursor:pointer;width:380px;height:240px}.card-3d-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.card-3d-wrapper:hover .card-3d-inner.hover-flip,.card-3d-inner.flipped{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border-radius:var(--radius-md);width:100%;height:100%;position:absolute;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a}.card-back{transform:rotateY(180deg)}.portal-layout{background-color:#f8fafc;grid-template-rows:auto;grid-template-columns:260px 1fr;min-height:100vh;display:grid}@media (width<=900px){.portal-layout{grid-template-columns:1fr}}.sidebar-nav{border-right:1px solid var(--border);z-index:20;background-color:#fff;flex-direction:column;justify-content:space-between;height:100vh;display:flex;position:sticky;top:0}@media (width<=900px){.sidebar-nav{border-right:none;border-bottom:1px solid var(--border);height:auto;position:relative}}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px 24px;display:flex;position:relative}.nav-category{text-transform:uppercase;letter-spacing:.12em;color:#2563eb;text-align:left;padding:14px 16px 4px;font-family:Outfit,sans-serif;font-size:9px;font-weight:800}.portal-layout.collapsed{grid-template-columns:72px 1fr!important}.sidebar-nav.collapsed{overflow:hidden;width:72px!important}.sidebar-nav.collapsed .sidebar-brand{flex-direction:column;justify-content:center;padding:20px 0}.sidebar-nav.collapsed .sidebar-brand .flex.items-center{justify-content:center;width:100%}.sidebar-nav.collapsed .sidebar-toggle-btn{margin-top:6px}.sidebar-nav.collapsed .nav-item{border-left-width:0;justify-content:center;padding:12px 0}.sidebar-nav.collapsed .nav-item span,.sidebar-nav.collapsed .sidebar-footer,.sidebar-nav.collapsed .nav-category{display:none}.sidebar-menu{flex-direction:column;flex-grow:1;gap:4px;padding:16px 12px;display:flex}@media (width<=900px){.sidebar-menu{flex-flow:wrap;gap:4px;padding:8px}}.nav-item{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;outline:none;align-items:center;gap:12px;padding:12px 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.nav-item:hover{background-color:var(--primary-light);color:var(--primary-hover)}.nav-item.active{background-color:var(--primary-light);color:var(--primary);border-left-color:var(--primary)}.sidebar-footer{border-top:1px solid var(--border);background-color:#f8fafc;padding:16px}@media (width<=900px){.sidebar-footer{display:none}}.top-header{border-bottom:1px solid var(--border);z-index:10;background-color:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}@media (width<=600px){.top-header{flex-direction:column;align-items:flex-start;gap:10px;height:auto;padding:12px 16px}}.top-header-title{color:var(--text-heading);font-size:15px;font-weight:700}.user-profile{align-items:center;gap:12px;display:flex}@media (width<=600px){.user-profile{justify-content:space-between;width:100%}}.user-badge{text-align:right;flex-direction:column;display:flex}.user-badge-email{color:var(--text-heading);font-size:12px;font-weight:600}.user-badge-role{text-transform:uppercase;color:var(--primary);letter-spacing:.5px;font-size:9px;font-weight:700}.btn-signout{padding:6px 12px;font-size:11.5px;font-weight:600}.main-content-panel{flex-direction:column;min-height:100vh;display:flex}.content-workspace{flex-grow:1;width:100%;max-width:1200px;margin:0 auto;padding:32px}@media (width<=600px){.content-workspace{padding:16px}}.auth-container{background-color:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:420px;box-shadow:var(--shadow-lg);background-color:#fff;flex-direction:column;gap:24px;padding:32px;display:flex}.auth-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.auth-logo-badge{border-radius:var(--radius-md);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:24px;font-weight:900;display:flex}.auth-tabs{border-radius:var(--radius-sm);border:1px solid var(--border);background-color:#f1f5f9;padding:4px;display:flex}.auth-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-grow:1;padding:8px;font-size:13px;font-weight:600;transition:all .15s}.auth-tab-btn:hover{color:var(--text-heading)}.auth-tab-btn.active{color:var(--text-heading);box-shadow:var(--shadow-sm);background-color:#fff}.auth-form-input-container{width:100%;position:relative}.auth-form-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:12px;left:12px}.auth-form-control{padding-left:38px!important}.mobile-nav-bar{display:none}@media (width<=768px){.portal-layout{grid-template-columns:1fr!important}.sidebar-nav{display:none!important}.mobile-nav-bar{border-top:1px solid var(--border);z-index:100;background-color:#fff;justify-content:space-around;align-items:center;padding:6px 0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.mobile-nav-item{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:4px 12px;font-size:10px;font-weight:700;transition:all .15s;display:flex}.mobile-nav-item:hover{color:var(--primary-hover)}.mobile-nav-item.active{color:var(--primary)}.main-content-panel{padding-bottom:64px}.content-workspace{padding:16px!important}}.card-text-lg{font-size:11px!important}.card-text-md{font-size:9.5px!important}.card-text-sm{font-size:8.5px!important}.card-text-xs{font-size:7.5px!important}@media (width<=420px){.card-3d-wrapper{width:320px!important;height:202px!important}.card-front,.card-back{padding:8px!important}.card-front .w-18{width:56px!important;height:70px!important}.card-front .w-15{width:48px!important;height:48px!important}.card-front .card-text-lg{font-size:9.5px!important}.card-front .card-text-md{font-size:8px!important}.card-front .card-text-sm{font-size:7.5px!important}.card-front .card-text-xs{font-size:6.5px!important}.card-back .card-text-sm{font-size:7.5px!important}.card-back p{line-height:1.1!important}}