*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--gold:#d4af37;--gold-light:#f4e4b0;--gold-dark:#b8941f;--black:#0a0a0a;--black-light:#1a1a1a;--black-lighter:#2a2a2a;--white:#fafafa;--glow:rgba(212,175,55,.3);--font-display:"Cinzel",serif;--font-body:"EB Garamond",serif}body{font-family:var(--font-body);background:linear-gradient(135deg,var(--black) 0,var(--black-light) 50%,var(--black) 100%);color:var(--gold);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:4px}.grain{inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.grain,.ornament{position:fixed;pointer-events:none;z-index:1}.ornament{width:80px;height:80px;border-style:solid;border-color:var(--gold);opacity:.15;animation:ornPulse 4s ease-in-out infinite}.orn-tl{top:1.5rem;left:1.5rem;border-width:2px 0 0 2px}.orn-tr{top:1.5rem;right:1.5rem;border-width:2px 2px 0 0;animation-delay:1s}.orn-bl{bottom:1.5rem;left:1.5rem;border-width:0 0 2px 2px;animation-delay:2s}.orn-br{bottom:1.5rem;right:1.5rem;border-width:0 2px 2px 0;animation-delay:3s}@keyframes ornPulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.3;transform:scale(1.04)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 20px var(--glow))}50%{filter:drop-shadow(0 0 35px var(--glow))}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.anim-up{animation:fadeUp .6s cubic-bezier(.22,1,.36,1) forwards}.anim-in{animation:fadeIn .5s ease forwards}.anim-d1{animation-delay:.1s;opacity:0}.anim-d2{animation-delay:.2s;opacity:0}.anim-d3{animation-delay:.35s;opacity:0}.anim-d4{animation-delay:.5s;opacity:0}.shimmer-text{background:linear-gradient(135deg,var(--gold-light) 0,var(--gold) 50%,var(--gold-dark) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;font-family:var(--font-body);font-size:1.05rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;border:none;cursor:pointer;transition:all .3s ease;overflow:hidden;isolation:isolate}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--black);box-shadow:0 4px 20px var(--glow)}.btn-gold:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px var(--glow)}.btn-gold:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s ease;z-index:1}.btn-gold:hover:after{left:100%}.btn-outline{background:transparent;color:var(--gold);border:2px solid var(--gold);box-shadow:0 4px 20px rgba(0,0,0,.3)}.btn-outline:hover:not(:disabled){background:var(--gold);color:var(--black);transform:translateY(-2px);box-shadow:0 6px 30px var(--glow)}.btn-sm{padding:.6rem 1.5rem;font-size:.9rem}.btn-approve{padding:.5rem 1.2rem;font-family:var(--font-body);cursor:pointer;transition:all .3s;border:1px solid #28a745;background:rgba(40,167,69,.15);color:#5cb85c}.btn-approve:hover{background:#28a745;color:var(--black)}.btn-reject{padding:.5rem 1.2rem;font-family:var(--font-body);cursor:pointer;transition:all .3s;border:1px solid #dc3545;background:rgba(220,53,69,.15);color:#ff6b6b}.btn-reject:hover{background:#dc3545;color:var(--white)}.card{background:linear-gradient(135deg,rgba(26,26,26,.95),hsla(0,0%,4%,.95));border:1px solid var(--gold);padding:2.5rem;box-shadow:0 10px 50px rgba(0,0,0,.5),0 0 30px var(--glow);animation:fadeUp .7s ease-out;max-width:500px;width:100%}.card-title{font-family:var(--font-display);font-size:1.8rem;font-weight:600;text-align:center;color:var(--gold);margin-bottom:1.8rem}.field-group{margin-bottom:1.3rem}.field-label{display:block;font-size:.85rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.4rem}.field,.field-label{color:var(--gold-light)}.field{width:100%;padding:.7rem 1rem;background:var(--black);border:1px solid var(--gold-dark);font-family:var(--font-body);font-size:1rem;transition:all .3s}.field:focus{outline:none;border-color:var(--gold);box-shadow:0 0 10px var(--glow)}.field-select{composes:field;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath stroke='%23D4AF37' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' fill='none' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .6rem center;background-repeat:no-repeat;background-size:1.2em;padding-right:2.2rem}.alert{padding:.8rem 1rem;margin-bottom:1rem;text-align:center;font-size:.95rem}.alert-err{background:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.5);color:#ff6b6b}.alert-ok{background:rgba(40,167,69,.1);border:1px solid rgba(40,167,69,.5);color:#5cb85c}.back-link{text-align:center;margin-top:1.5rem}.back-link a,.back-link button{color:var(--gold);text-decoration:none;font-size:.88rem;letter-spacing:.08em;opacity:.6;transition:opacity .3s;background:none;border:none;cursor:pointer;font-family:var(--font-body)}.back-link a:hover,.back-link button:hover{opacity:1}.dash-header{justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--gold);flex-wrap:wrap;gap:1rem}.dash-header,.dash-logo{display:flex;align-items:center}.dash-logo{gap:.8rem}.dash-logo h1{font-family:var(--font-display);font-size:1.4rem;color:var(--gold)}.dash-logo svg{width:36px;height:36px;color:var(--gold)}.user-pill{gap:.8rem}.avatar,.user-pill{display:flex;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;background:var(--gold);justify-content:center;color:var(--black);font-weight:600;font-size:.95rem}.logout-btn{padding:.4rem 1.2rem;background:transparent;border:1px solid var(--gold);color:var(--gold);font-family:var(--font-body);cursor:pointer;transition:all .3s}.logout-btn:hover{background:var(--gold);color:var(--black)}.tab-bar{display:flex;gap:0;border-bottom:1px solid var(--gold-dark);margin-bottom:2rem;overflow-x:auto;padding:0 1rem}.tab-btn{padding:1rem 1.4rem;background:transparent;color:var(--gold-light);cursor:pointer;opacity:.5;border:none;border-bottom:2px solid transparent;font-family:var(--font-body);font-size:.95rem;letter-spacing:.04em;white-space:nowrap;transition:all .25s}.tab-btn:hover{opacity:.8}.tab-btn.active{opacity:1;color:var(--gold);border-bottom-color:var(--gold)}.panel{background:linear-gradient(135deg,rgba(26,26,26,.8),hsla(0,0%,4%,.8));border:1px solid var(--gold);padding:2rem;margin-bottom:1.5rem}.panel h2{font-family:var(--font-display);font-size:1.6rem;color:var(--gold);margin-bottom:1rem}.panel p{color:var(--gold-light);font-size:1.05rem;line-height:1.6}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin:1.5rem 0}.stat-card{padding:1.5rem;text-align:center;border:1px solid}.stat-val{font-size:2.2rem;font-weight:600;margin-bottom:.3rem}.stat-label{color:var(--gold-light);font-size:.9rem}.data-table{width:100%;border-collapse:collapse;margin-top:1.5rem}.data-table th{padding:1rem;text-align:left;color:var(--gold);background:var(--black-lighter);border-bottom:2px solid var(--gold);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.data-table td{padding:.8rem 1rem;color:var(--gold-light);border-bottom:1px solid var(--gold-dark);font-size:.92rem}.data-table tr:hover td{background:rgba(212,175,55,.03)}.app-card{background:linear-gradient(135deg,rgba(42,42,42,.6),rgba(26,26,26,.6));border:1px solid var(--gold-dark);padding:1.5rem;margin-bottom:1rem;display:grid;grid-template-columns:1fr auto;grid-gap:1.5rem;gap:1.5rem;align-items:center}.app-card h3{color:var(--gold);font-family:var(--font-display);font-size:1.2rem;margin-bottom:.4rem}.app-card p{color:var(--gold-light);font-size:.92rem;margin-bottom:.2rem}.app-actions{display:flex;flex-direction:column;gap:.5rem}.badge{display:inline-block;padding:.25rem .7rem;font-size:.8rem;border:1px solid}.badge-ok{background:rgba(40,167,69,.15);border-color:#28a745;color:#5cb85c}.badge-pending{background:rgba(255,193,7,.15);border-color:#ffc107;color:#ffc107}.badge-rejected{background:rgba(220,53,69,.15);border-color:#dc3545;color:#ff6b6b}@media (max-width:768px){.ornament{width:40px;height:40px}.card{padding:1.8rem 1.2rem}.app-card{grid-template-columns:1fr}.dash-header{flex-direction:column;text-align:center}.tab-bar{padding:0 .5rem}}