@font-face{font-family:Genos;src:url(/Genos-Font.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Manrope;src:url(/Genos-Font.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--font-primary: "Genos", system-ui, sans-serif;--font-secondary: "Genos", system-ui, sans-serif;--font-body: "Genos", system-ui, sans-serif;--base-color: #020126;--base-contrast-color: #f1f1fa;--accent-color-1: #f88d1a;--accent-color-2: #f80404;--accent-color-3: #f8db4b;--text-line-dark: #a4a4a5;--text-line-light: #dcdce1}html,body{margin:0;padding:0;width:100%;min-height:100%;font-family:var(--font-body);background:var(--base-color);color:var(--text-line-light)}*{box-sizing:border-box}.client-portal-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#020126,#1a1a2e);padding:20px;font-family:Genos,Manrope,sans-serif}.login-container{background:#ffffff0d;border:1px solid rgba(248,219,75,.2);border-radius:15px;padding:40px;max-width:400px;width:100%;backdrop-filter:blur(10px)}.login-header{text-align:center;margin-bottom:30px}.login-header h2{background:linear-gradient(135deg,#f88d1a,#f80404,#f8db4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Genos,Manrope,sans-serif;font-size:2rem;margin-bottom:10px;font-weight:700}.login-header p{color:#f2ffff;opacity:.9}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{color:#f8db4b;margin-bottom:8px;font-weight:500}.form-group input{padding:12px 16px;border:1px solid rgba(248,219,75,.3);border-radius:8px;background:#ffffff1a;color:#f2ffff;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#f8db4b;box-shadow:0 0 0 2px #f8db4b33}.login-button{background:linear-gradient(135deg,#f88d1a,#f8db4b);color:#020126;border:none;padding:15px 20px;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.login-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f88d1a4d}.login-help{text-align:center;margin-top:20px}.login-help a{color:#f88d1a;text-decoration:none;font-size:.9rem;display:inline-flex;align-items:center;min-height:44px;padding:0 8px}.login-help a:hover{text-decoration:underline}.login-home-link{text-align:center;margin-bottom:20px}.home-button{display:inline-block;padding:10px 20px;background:#f8db4b1a;border:1px solid rgba(248,219,75,.3);border-radius:8px;color:#f8db4b;text-decoration:none;font-size:.95rem;transition:all .3s ease;font-weight:500}.home-button:hover{background:#f8db4b33;border-color:#f8db4b;transform:translateY(-2px);box-shadow:0 4px 12px #f8db4b33}.client-portal{min-height:100vh;background:linear-gradient(135deg,#020126,#1a1a2e);color:#f2ffff;font-family:Genos,Manrope,sans-serif}.portal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#ffffff0d;border-bottom:1px solid rgba(248,219,75,.2)}.portal-header h1{background:linear-gradient(135deg,#f88d1a,#f80404,#f8db4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Genos,Manrope,sans-serif;margin:0;font-weight:700}.logout-button{background:#f80404;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;transition:all .3s ease}.logout-button:hover{background:#d40303}.portal-navigation{display:flex;background:#ffffff08;border-bottom:1px solid rgba(248,219,75,.1);overflow-x:auto}.nav-button{background:none;border:none;padding:15px 25px;color:#f2ffff;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;white-space:nowrap}.nav-button:hover{background:#f8db4b1a}.nav-button.active{border-bottom-color:#f8db4b;background:#f8db4b1a;color:#f8db4b}.portal-content{padding:40px}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#ffffff0d;border:1px solid rgba(248,219,75,.2);border-radius:10px;padding:25px;text-align:center}.stat-card h3{background:linear-gradient(135deg,#f88d1a,#f80404,#f8db4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px;font-size:1rem;font-weight:600}.stat-number{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#f88d1a,#f80404,#f8db4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recent-activity{background:#ffffff0d;border:1px solid rgba(248,219,75,.2);border-radius:10px;padding:25px}.recent-activity h3{background:linear-gradient(135deg,#f88d1a,#f80404,#f8db4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;font-weight:600}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{display:flex;gap:15px;padding:10px 0;border-bottom:1px solid rgba(248,219,75,.1)}.activity-date{color:#f88d1a;font-weight:700;min-width:100px;font-size:.9rem}.activity-text{flex:1}.projects h2{background:linear-gradient(135deg,#f88d1a,#f80404,#f8db4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:30px;font-weight:700}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.project-card{background:#ffffff0d;border:1px solid rgba(248,219,75,.2);border-radius:10px;padding:25px;transition:all .3s ease}.project-card:hover{transform:translateY(-5px);border-color:#f8db4b;box-shadow:0 10px 30px #f8db4b1a}.project-card h3{background:linear-gradient(135deg,#f88d1a,#f80404,#f8db4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;font-weight:600}.project-progress{margin:20px 0}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-top:5px}.progress-fill{height:100%;background:linear-gradient(90deg,#f88d1a,#f8db4b);transition:width .3s ease}.project-status{display:flex;justify-content:flex-end}.status{padding:5px 15px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase}.status.active{background:#f88d1a;color:#020126}.status.completed{background:#28a745;color:#fff}.status.pending{background:#ffc107;color:#020126}.documents h2{background:linear-gradient(135deg,#f88d1a,#f80404,#f8db4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:30px;font-weight:700}.documents-list{display:flex;flex-direction:column;gap:15px}.document-item{background:#ffffff0d;border:1px solid rgba(248,219,75,.2);border-radius:10px;padding:20px;display:flex;justify-content:between;align-items:center}.document-info{flex:1}.document-info h4{background:linear-gradient(135deg,#f88d1a,#f80404,#f8db4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px;font-weight:600}.document-details{color:#f2ffffb3;font-size:.9rem}.download-button{background:#f88d1a;color:#020126;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-weight:700;transition:all .3s ease}.download-button:hover{background:#e67c0a}.invoices h2{background:linear-gradient(135deg,#f88d1a,#f80404,#f8db4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:30px;font-weight:700}.invoices-list{display:flex;flex-direction:column;gap:15px}.invoice-item{background:#ffffff0d;border:1px solid rgba(248,219,75,.2);border-radius:10px;padding:20px;display:flex;justify-content:space-between;align-items:center}.invoice-info{display:flex;flex-direction:column;gap:5px}.invoice-info h4{background:linear-gradient(135deg,#f88d1a,#f80404,#f8db4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-weight:600}.invoice-amount{font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#f88d1a,#f80404,#f8db4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.invoice-due{color:#f2ffffb3;font-size:.9rem}.invoice-status{padding:5px 15px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase}.invoice-status.paid{background:#28a745;color:#fff}.invoice-status.pending{background:#ffc107;color:#020126}.invoice-status.overdue{background:#f80404;color:#fff}.messages h2{background:linear-gradient(135deg,#f88d1a,#f80404,#f8db4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:30px;font-weight:700}.messages-list{display:flex;flex-direction:column;gap:15px}.message-item{background:#ffffff0d;border:1px solid rgba(248,219,75,.2);border-radius:10px;padding:20px;transition:all .3s ease}.message-item.unread{border-color:#f88d1a;background:#f88d1a1a}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.message-header h4{background:linear-gradient(135deg,#f88d1a,#f80404,#f8db4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-weight:600}.message-date{color:#f2ffffb3;font-size:.9rem}.message-sender{color:#f88d1a;font-size:.9rem;margin-bottom:10px}.message-content{line-height:1.6}@media(max-width:768px){.portal-header{padding:15px 20px}.portal-header h1{font-size:1.5rem}.portal-content{padding:20px}.dashboard-stats,.projects-grid{grid-template-columns:1fr}.document-item,.invoice-item{flex-direction:column;align-items:flex-start;gap:15px}.login-container{padding:30px 20px}}@media(max-width:480px){.portal-navigation{flex-wrap:wrap}.nav-button{flex:1;min-width:100px}}.animated-bg{background:radial-gradient(1200px circle at 10% 10%,rgba(248,141,26,.08),transparent 40%),radial-gradient(900px circle at 90% 30%,rgba(248,219,75,.07),transparent 40%),radial-gradient(1000px circle at 30% 80%,rgba(248,4,4,.06),transparent 45%),linear-gradient(135deg,#020126,#0e0e1d 60%,#1a1a2e);background-attachment:fixed;animation:gradientShift 18s ease infinite}@keyframes gradientShift{0%{background-position:0% 0%,100% 0%,0% 100%,0% 0%}50%{background-position:10% 10%,90% 10%,10% 90%,100% 100%}to{background-position:0% 0%,100% 0%,0% 100%,0% 0%}}.glass-toolbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:#ffffff0a;border-bottom:1px solid rgba(248,219,75,.18);box-shadow:0 10px 30px #02012659}.header-left{display:flex;align-items:center;gap:1rem}.home-link{text-decoration:none;color:inherit;display:inline-flex;flex-direction:column;align-items:center}.home-logo{width:40px;height:40px;border-radius:50%;filter:drop-shadow(0 0 12px rgba(248,141,26,.35));transition:transform .3s ease,filter .3s ease}.home-logo:hover{transform:scale(1.07) rotate(4deg);filter:drop-shadow(0 0 18px rgba(248,141,26,.6))}.home-text{font-size:.75rem;letter-spacing:.5px;opacity:.8}.gradient-title{background:linear-gradient(135deg,#f88d1a,#f80404,#f8db4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-weight:700}.header-right{display:flex;align-items:center;gap:1rem}.user-pill{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(248,219,75,.2);padding:6px 10px;border-radius:999px}.avatar-circle{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f88d1a,#f8db4b);color:#020126;display:grid;place-items:center;font-weight:800}.user-name{font-weight:600;opacity:.9}.subtle-border{border:1px solid rgba(248,219,75,.35)}.nav-scroll{position:sticky;top:72px;z-index:40}.nav-button{position:relative}.nav-button .nav-ico{opacity:.9;margin-right:8px}.nav-button.active{color:#f8db4b}.nav-button.active:after{content:"";position:absolute;left:20px;right:20px;bottom:6px;height:3px;background:linear-gradient(90deg,#f88d1a,#f8db4b);border-radius:3px}.glow-surface{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid rgba(248,219,75,.2);box-shadow:0 4px 20px #f8db4b14,inset 0 0 0 1px #ffffff08}.hover-lift{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.hover-lift:hover{transform:translateY(-6px);border-color:#f8db4b;box-shadow:0 14px 40px #f8db4b24}.float-in{animation:floatUp .6s ease both}@keyframes floatUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:8px 0 32px}.qa-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:10px;color:#f1f1fa;font-weight:700;border:0;background:linear-gradient(135deg,#f88d1a,#f8db4b)}.glow-button{position:relative;overflow:hidden;box-shadow:0 6px 20px #f88d1a40;cursor:pointer;transition:all .3s ease}.glow-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f88d1a59}.glow-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.25),transparent 60%);opacity:0;transition:opacity .3s ease}.glow-button:hover:before{opacity:1}.unread-dot{display:inline-block;width:8px;height:8px;background:#f88d1a;border-radius:999px;margin-right:6px;box-shadow:0 0 #f88d1ab3;animation:ping 1.6s infinite}@keyframes ping{0%{box-shadow:0 0 #f88d1ab3}70%{box-shadow:0 0 0 8px #f88d1a00}to{box-shadow:0 0 #f88d1a00}}.recent-activity h3,.projects h2,.documents h2,.invoices h2,.messages h2{letter-spacing:.3px}.progress-fill{background:linear-gradient(90deg,#f88d1a,#f8db4b);box-shadow:0 0 10px #f8db4b66}.nav-logo-icon{width:18px;height:18px;margin-right:8px;border-radius:50%;filter:drop-shadow(0 0 6px rgba(248,141,26,.25))}.skeleton-block{position:relative;overflow:hidden;background:#ffffff0f;border:1px solid rgba(248,219,75,.15);border-radius:10px}.skeleton-pulse:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff2e,#fff0);transform:translate(-100%);animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}