:root{--color-primary:#8b7cf6;--color-primary-hover:#667eea;--color-primary-active:#5a67d8;--color-primary-rgb:139,124,246;--color-primary-300:#b4a8ff;--color-primary-400:#9c88ff;--color-primary-500:#8b7cf6;--color-primary-600:#667eea;--color-secondary:#9c88ff;--color-accent:#9c88ff;--bg-body:#faf5ff;--bg-card:#fff;--bg-card-hover:#f9fafb;--bg-sidebar:#f3f4f6;--bg-section-alt:#faf5ff;--color-bg-dark:#faf5ff;--color-bg-card:#fff;--text-main:#1a1a1a;--text-muted:#6b7280;--text-highlight:var(--color-primary);--color-text-primary:#1a1a1a;--color-text-secondary:#374151;--color-text-paragraph:#6b7280;--border-color:#e5e7eb;--border-highlight:var(--color-primary);--color-border-card:#e5e7eb;--nav-bg:#0a0a0a;--nav-text:#fff;--nav-text-muted:#9ca3af;--nav-border:#222;--nav-dropdown-bg:#111;--nav-dropdown-border:#333;--nav-dropdown-hover:#1a1a1a;--footer-bg:#111;--footer-text:#d1d5db;--footer-heading:#fff;--footer-border:#333;--sidebar-width:16rem;--header-height:5rem;--status-approved-bg:#ecfdf5;--status-approved-text:#059669;--status-approved-border:#10b98133;--status-processing-bg:#fffbeb;--status-processing-text:#d97706;--status-processing-border:#f59e0b33;--status-pending-bg:#fef3c7;--status-pending-text:#b45309;--status-pending-border:#d9770633;--status-rejected-bg:#fef2f2;--status-rejected-text:#dc2626;--status-rejected-border:#ef444433;--status-neutral-bg:#f9fafb;--status-neutral-text:#6b7280;--status-neutral-border:#e5e7eb;--btn-action-bg:#fff;--btn-action-text:#667eea;--btn-action-hover-bg:#faf5ff;--btn-action-hover-text:#5a67d8;--btn-action-border:#9c88ff}.badge-status{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.65rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.badge-approved{background-color:var(--status-approved-bg);color:var(--status-approved-text);border-color:var(--status-approved-border)}.badge-processing,.badge-process{background-color:var(--status-processing-bg);color:var(--status-processing-text);border-color:var(--status-processing-border)}.badge-pending{background-color:var(--status-pending-bg);color:var(--status-pending-text);border-color:var(--status-pending-border)}.badge-rejected,.badge-failed,.badge-fail,.badge-due{background-color:var(--status-rejected-bg);color:var(--status-rejected-text);border-color:var(--status-rejected-border)}.badge-neutral{background-color:var(--status-neutral-bg);color:var(--status-neutral-text);border-color:var(--status-neutral-border)}.btn-table-action{background-color:var(--btn-action-bg);color:var(--btn-action-text);border:1px solid var(--btn-action-border);border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #0000000d}.btn-table-action:hover{background-color:var(--btn-action-hover-bg);color:var(--btn-action-hover-text);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #f1cc014d}.btn-table-action svg{transition:transform .2s}.btn-table-action:hover svg{transform:scale(1.1)}.theme-table-header th{color:var(--color-primary);text-transform:uppercase;letter-spacing:.15em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1.5rem 1rem;font-size:.65rem;font-weight:900}.theme-gold-gradient{color:#0000;background:linear-gradient(45deg,#9c88ff,#667eea);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.theme-card{background-color:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-button-primary{background:var(--color-primary);color:#1a1a1a;transition:all .3s}.theme-button-primary:hover{background:var(--color-primary-hover);filter:brightness(1.05);box-shadow:0 0 15px rgba(var(--color-primary-rgb),.4)}.theme-signature-box{background-color:#f8fafc;border:1px dashed #e2e8f0;border-radius:.75rem;justify-content:center;align-items:center;min-width:120px;min-height:50px;padding:.75rem;transition:all .2s;display:inline-flex;box-shadow:inset 0 2px 4px #00000005}.theme-signature-box:hover{border-color:var(--color-primary);background-color:#fff;box-shadow:0 4px 6px -1px #0000001a}.theme-signature-img{object-fit:contain;filter:invert()contrast(1.2)brightness(.8);mix-blend-mode:multiply;width:auto;height:3rem;transition:transform .2s}.theme-signature-box:hover .theme-signature-img{transform:scale(1.05)}.theme-attachment-link{color:#2563eb;background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.theme-attachment-link:hover{color:#1e40af;background-color:#eff6ff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.logo-container-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffd7001a 0%,#ffd7000d 100%);border:1px solid #ffd7004d;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003,inset 0 0 10px #ffd7000d}.logo-container-pill:before{content:"";opacity:0;background:radial-gradient(circle,#ffd7001a 0%,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.logo-container-pill:hover{border-color:#ffd70099;transform:translateY(-2px);box-shadow:0 8px 30px #ffd70026,inset 0 0 15px #ffd7001a}.logo-container-pill:hover:before{opacity:1}.logo-container-pill:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:50%;height:100%;transition:all .75s;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.logo-container-pill:hover:after{left:150%}.logo-gold-glow{filter:drop-shadow(0 0 8px #ffd7004d)}.logo-monochrome-gold{filter:brightness(0)saturate()invert(81%)sepia(61%)saturate(902%)hue-rotate(353deg)brightness(105%)contrast(106%)drop-shadow(0 0 2px #0003)}.auth-logo-box{background:linear-gradient(145deg,#1a1a1a 0%,#0a0a0a 100%);border:1px solid #ffd70033;border-radius:20px;justify-content:center;align-items:center;padding:1.5rem 2.5rem;display:flex;position:relative;box-shadow:0 20px 40px #0006,inset 0 1px 1px #ffffff0d}.logo-box{background:#000;border-radius:55px}.auth-logo-box:after{content:"";-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;content:"";-webkit-mask-composite:xor;pointer-events:none;inset:-1px;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(135deg,#ffd70066,#0000,#ffd7001a);border-radius:20px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}