@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--green-dark:#042f2e;--green-base:#065f46;--green-contrast:#047857;--green-vibrant:#10b981;--gold-contrast:#8a6d10;--gold-base:#d4af37;--gold-vibrant:#f1c40f;--gold-dark:#b45309;--red-contrast:#b91c1c;--red-vibrant:#ef4444;--blue-contrast:#1d4ed8;--blue-vibrant:#3b82f6;--primary:var(--green-base);--primary-light:var(--green-vibrant);--secondary:var(--gold-base);--success:var(--green-vibrant);--success-bg:#10b9811a;--success-border:#10b9814d;--danger:var(--red-vibrant);--danger-bg:#ef44441a;--danger-border:#ef444433;--warning:var(--gold-vibrant);--warning-bg:#f59e0b1a;--warning-border:#f59e0b4d;--info:var(--blue-vibrant);--info-bg:#3b82f61a;--info-border:#3b82f64d;--secondary-bg:#d4af371a;--secondary-border:#d4af3733;--bg:#030712;--card-bg:#11182799;--text:#ecfdf5;--text-muted:#94a3b8;--border:#ffffff0d;--glass:#030712cc;--glass-border:var(--secondary-border);--input-bg:#ffffff08;--bg-gradient-1:#065f4626;--bg-gradient-2:#d4af371a;--card-item-bg:#ffffff05;--gold-metallic:linear-gradient(135deg, var(--gold-base) 0%, var(--gold-vibrant) 50%, var(--gold-base) 100%);--emerald-metallic:linear-gradient(135deg, var(--green-base) 0%, var(--green-vibrant) 50%, var(--green-base) 100%)}.light-theme{--bg:#f8fafc;--card-bg:#ffffffd9;--text:var(--green-dark);--text-muted:#4b5563;--border:#065f4640;--glass:#ffffffe6;--glass-border:#065f4626;--input-bg:#fff;--secondary:var(--green-base);--primary-light:var(--green-contrast);--bg-gradient-1:#065f460a;--bg-gradient-2:#b4530908;--card-item-bg:#065f4608;--success:#15803d;--success-bg:#15803d14;--success-border:#15803d26;--danger:#b91c1c;--danger-bg:#b91c1c0f;--danger-border:#b91c1c1f;--warning:#b45309;--warning-bg:#b4530914;--warning-border:#b4530926;--info:#1d4ed8;--info-bg:#1d4ed814;--info-border:#1d4ed826;--secondary-bg:#065f4614;--secondary-border:#065f4626;--gold-metallic:linear-gradient(135deg, var(--gold-base) 0%, var(--gold-vibrant) 50%, var(--gold-base) 100%);--emerald-metallic:linear-gradient(135deg, var(--green-base) 0%, var(--green-vibrant) 50%, var(--green-base) 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(at 0% 0%, var(--bg-gradient-1) 0px, transparent 50%), radial-gradient(at 100% 100%, var(--bg-gradient-2) 0px, transparent 50%);color:var(--text);min-height:100vh;font-family:Outfit,sans-serif;transition:background-color .5s,color .5s;overflow-x:hidden}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;min-width:0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #00000080}.glass-card:hover{border-color:#d4af3766;box-shadow:0 15px 50px #065f4633}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:var(--emerald-metallic);color:#fff;box-shadow:0 4px 14px #065f4666}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #065f4680}.btn-gold{background:var(--gold-metallic);color:#030712;box-shadow:0 4px 14px #d4af3766}.btn-gold:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #d4af3780}.btn-danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border);box-shadow:0 4px 14px 0 var(--danger-border)}.btn-danger:hover{background:var(--danger);color:#fff;box-shadow:0 8px 25px var(--danger-border);transform:translateY(-2px)scale(1.05)}.btn-sm{border-radius:8px;padding:6px 12px;font-size:.75rem}.input-group{margin-bottom:24px}.input-group label{color:var(--secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.85rem;font-weight:600;display:block}.input-group input,.input-group select,.input-group textarea{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:12px;padding:14px 18px;font-family:Outfit,sans-serif;transition:all .3s}.input-group input:focus{border-color:var(--secondary);background:#ffffff12;outline:none;box-shadow:0 0 0 4px #d4af371a}select option{color:#ecfdf5!important;background-color:#111827!important}.light-theme select option{color:#042f2e!important;background-color:#fff!important}select option:disabled{color:#64748b!important}h1,h2,h3{background:var(--gold-metallic);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-weight:700}.light-theme h1,.light-theme h2,.light-theme h3{background:var(--emerald-metallic);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.badge{text-transform:uppercase;letter-spacing:1px;border-radius:30px;padding:6px 14px;font-size:.7rem;font-weight:700}.badge-pending{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge-approved{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-done{background:var(--info-bg);color:var(--info);border:1px solid var(--info-border)}.badge-draft{color:var(--text-muted);background:#94a3b81a;border:1px solid #94a3b833}.badge-issued{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}table thead th{color:var(--secondary);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:600}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shimmer-text{background:linear-gradient(90deg,#d4af37,#f8fafc,#d4af37) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:5s linear infinite shimmer}.light-theme .shimmer-text{background:linear-gradient(90deg,#065f46,#d4af37,#065f46);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-icon{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;transition:all .3s;display:flex}.btn-icon:hover{border-color:var(--secondary);color:#fff;background:#ffffff1a;transform:translateY(-2px)}.table-row-hover:hover{background:#ffffff05}.table-container{-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:12px;width:100%;margin-bottom:20px;overflow-x:auto}.mobile-stack{flex-direction:column;gap:20px;display:flex}@media (width<=1440px){.glass-card{border-radius:16px!important}.btn{letter-spacing:.5px;padding:9px 16px;font-size:.78rem}.input-group{margin-bottom:16px}.input-group label{margin-bottom:7px;font-size:.78rem}.input-group input,.input-group select,.input-group textarea{padding:10px 14px;font-size:.88rem}table thead th{font-size:.7rem;padding:10px 12px!important}table td{padding:10px 12px!important;font-size:.85rem!important}.badge{padding:4px 10px;font-size:.65rem}}@media (width<=1024px){.desktop-only{display:none!important}}@media (width<=768px){h1{fontSize:1.8rem!important}h2{fontSize:1.5rem!important}.input-group input,.input-group select{padding:12px 15px;font-size:16px}}@media print{@page{size:A4 portrait;margin:0}html,body{width:210mm;height:100%;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;margin:0!important;padding:0!important}.no-print{display:none!important}.text-gold{color:#ca8a04!important}.text-green{color:#065f46!important}.text-slate{color:#64748b!important}.bg-slate{background-color:#f8fafc!important}#quotation-print-area{visibility:visible!important;width:210mm!important;box-shadow:none!important;background:#fff!important;margin:0 auto!important;padding:1.5cm!important;display:block!important;position:relative!important}.quotation-modal-content,#invoice-print,#po-print,.print-container{color:#1e293b!important;width:210mm!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:1.5cm!important;overflow:visible!important}h1,h2,h3,h4{-webkit-text-fill-color:initial!important;background:0 0!important}table{page-break-inside:auto;width:100%!important}tr{page-break-inside:avoid;page-break-after:auto}thead{display:table-header-group}}.print-content{color:#1e293b;background:#fff;padding:40px;font-family:Outfit,sans-serif}.grid-responsive-4,.grid-responsive-3,.grid-responsive-2,.grid-prospect-form{grid-template-columns:1fr;gap:20px;display:grid}.grid-vendor-services,.grid-quote-items{grid-template-columns:1fr;align-items:flex-start;gap:12px;display:grid}.flex-responsive-row{flex-direction:column;gap:20px;display:flex}.flex-responsive-wrap{flex-wrap:wrap;display:flex}.modal-content-responsive{width:95vw;max-width:900px;max-height:90vh;padding:20px;overflow-y:auto}.input-responsive{width:100%}@media (width>=768px){.grid-responsive-4,.grid-responsive-3,.grid-prospect-form,.grid-responsive-2{grid-template-columns:repeat(2,1fr)}.flex-responsive-row{flex-direction:row}.modal-content-responsive{width:90vw;padding:30px}.grid-vendor-services{grid-template-columns:10px 1fr 180px 40px;align-items:center}.grid-quote-items{grid-template-columns:2fr 1fr 1fr 100px 50px;align-items:center}}@media (width>=1024px){.grid-responsive-4{grid-template-columns:repeat(4,1fr)}.grid-responsive-3,.grid-prospect-form{grid-template-columns:repeat(3,1fr)}.modal-content-responsive{width:100%;padding:40px}}.portal-bg-element{z-index:0;background:radial-gradient(circle,#1d318233 0%,#0000 70%);border-radius:50%;width:80%;height:40%;position:absolute;top:-10%;left:-10%}@media (width>=768px){.portal-bg-element{width:40%}}.portal-topbar{z-index:10;flex-direction:column;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}@media (width>=768px){.portal-topbar{flex-direction:row;padding:30px 50px}}.portal-h1{margin-bottom:15px;font-size:2.5rem;line-height:1.1}@media (width>=768px){.portal-h1{font-size:4.5rem}}.portal-p{color:var(--text-muted);letter-spacing:1px;max-width:500px;margin:0 auto 40px;font-size:.9rem;font-weight:300}@media (width>=768px){.portal-p{letter-spacing:2px;font-size:1.2rem}}.portal-btn{border-radius:100px;padding:15px 35px;font-size:.9rem;box-shadow:0 0 30px #e306134d}@media (width>=768px){.portal-btn{padding:18px 45px;font-size:1rem}}.portal-stats{border:1px solid var(--border);background:#ffffff05;border-radius:20px;flex-direction:column;align-items:center;gap:15px;margin-top:50px;padding:20px 30px;display:flex}@media (width>=768px){.portal-stats{flex-direction:row;gap:40px;margin-top:80px}}.login-container{flex-direction:column}@media (width>=1024px){.login-container{flex-direction:row}}.login-card{padding:40px 25px}@media (width>=768px){.login-card{padding:50px 40px}}.login-h2{font-size:1.5rem}@media (width>=768px){.login-h2{font-size:2rem}}.login-access-card{width:100%}@media (width>=1024px){.login-access-card{width:350px}}.login-accounts-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=600px){.login-accounts-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--secondary)!important;outline-offset:2px!important}