body{background:#000;color:#fff}:root,body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}:root{--bg-color:#000;--accent:#8bdfea;--accent-transparent:rgba(139,223,234,0.66);--accent-glow:#8bdfea;--text-color:#fff;--slot-border:2px dashed rgba(46,53,62);--transition:0.2s;--font-main:"Orbitron",sans-serif;--font-body:"Roboto",sans-serif;--slot-size:90px;--slot-gap:20px;--sidebar-slot-size:280px;--card-bg:#10151b;--overlay-bg:#0a0e11;--card-input-bg:#111828;--card-input-border:rgba(52,59,69,0.3);--catalog-bg:rgba(32,41,56);--card-border:rgba(36,41,48);--muted:#98a0ad;--muted-secondary:#848b96;--muted-txt:#bdc7d8;--slot-bg:#131a24}*{box-sizing:border-box}body{display:block;margin:0;padding:32px;background:var(--bg-color);-webkit-tap-highlight-color:transparent}.app-wrapper{max-width:1100px;margin:0 auto}header{flex-wrap:wrap;justify-content:space-between;gap:24px;margin-bottom:32px}.header-container,header{display:flex;align-items:center}.header-container{gap:12px}.header-container .header-logo{height:60px;width:60px;position:relative;border-radius:12px;background:linear-gradient(135deg,#06b6d4,#8b5cf6,#f59e0b);background-size:200% 200%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:800;font-size:20px;transition:transform .3s ease,box-shadow .3s ease;animation:gradientShift 5s ease infinite;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header-container .header-logo img{height:100%;width:100%;object-fit:cover;position:relative;border-radius:12px;z-index:2;display:block}.header-container .header-content label{color:var(--accent);font-size:16px;margin:0;font-weight:600}.header-container .header-content p{font-size:13px;margin:0;color:var(--muted)}.header-container .header-content p:before{content:"< "}.header-container .header-content p:after{content:" />"}.anim{transition:transform .3s ease}.anim:hover{animation:anicon .6s ease forwards}.button:hover:not(:disabled),button:hover:not(:disabled){transform:translateY(-3px)}.button:hover .anim,button:hover .anim{animation:anicon .6s ease forwards}main{display:block}.card{background:var(--card-bg);border:1px solid var(--card-border);padding:20px;border-radius:10px}.card .button,.card .card-title,.card .text,.card br,.card button{-webkit-user-select:none;-moz-user-select:none;user-select:none}.card .card-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.card .card-title span{color:var(--muted)}.card .card-title strong{padding:4px 8px;border-radius:6px;text-transform:uppercase;white-space:nowrap}.card .card-title strong[data-color=orange]{background:#5e2f1c;color:#ce6f29}.card .card-title strong[data-color=blue]{background:#0e2f67;color:#6691d8}.card .card-title strong[data-color=green]{background:#16342a;color:#5fb782}.card .card-title strong[data-color=purple]{background:#3e196c;color:#9078d8}.card .card-title strong[data-color=yellow]{background:#3e3310;color:#dbae3f}.card .card-content .text{color:var(--muted)}.card .card-content .text #overlay-desc{white-space:break-spaces}.card .card-content .details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.6rem;gap:.6rem}.card .card-content .details .item{background:var(--card-input-bg);border:1px solid var(--card-input-border);border-radius:6px;padding:.6rem .75rem}.card .card-content .details .item .label{font-size:.75rem;color:var(--muted);margin-bottom:.25rem}.card .card-content .details .item .value{font-weight:600;color:white}.card .card-content .card-button-rows{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px}.card .card-content .card-button-rows.filter{justify-content:center;margin-top:10px}.card .card-content .button{background:#27aaaa;border:0;padding:10px 16px;border-radius:8px;outline:none;color:white;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.card .card-content .button.filter{display:flex;align-items:center;background:var(--muted-secondary);color:var(--muted-txt);gap:.5rem;border-radius:999px}.card .card-content .button.filter[data-selected=true]{background:#27aaaa;color:white}.card .card-content .button.filter .count{background:rgba(255,255,255,.2);padding:.15rem .5rem;border-radius:999px;font-size:.75rem}.card .card-content .button.pagination{width:2rem;height:2rem;border-radius:.5rem;border:1px solid var(--card-border);background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition),background var(--transition)}.card .card-content .button.pagination:hover:not(:disabled){background:rgba(255,255,255,.04);transform:scale(1.05)}.card .card-content .button.pagination:disabled{opacity:.5;cursor:not-allowed}.card .card-content .button.pagination[data-active=true]{background:#27aaaa;color:#fff;border-color:transparent;transform:scale(1.05)}.card .card-content .content-header{display:flex;font-weight:600;align-items:center;gap:12px;text-transform:uppercase;color:var(--muted)}.card .card-content .content-header:after,.card .card-content .content-header:before{content:"";flex:1 1;height:1px;background:none}.card .card-content .skillset{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.card .card-content .skillset .skill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px dashed var(--catalog-bg);background:transparent;color:var(--muted);transition:transform .2s ease,background .3s ease,color .3s ease}.card .card-content .skillset .skill .fas{color:var(--accent)}.card .card-content .skillset .skill:hover{transform:scale(1.1);background:var(--accent);border:none;color:black;cursor:pointer;font-weight:700}.card .card-content .skillset .skill:hover i{color:black}.card .card-content .catalog .catalog-filters{margin-bottom:10px}.card .card-content .catalog .catalog-pagination{display:flex;justify-content:center;align-items:center;gap:.35rem;margin-top:1rem}.card .card-content .catalog .catalog-items{padding-top:20px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--slot-gap);gap:var(--slot-gap);align-items:stretch;justify-content:center;min-height:360px;max-height:100vh;overflow-x:hidden;overflow-y:scroll;scrollbar-width:thin;scroll-behavior:smooth}.card .card-content .catalog .catalog-items::-webkit-scrollbar{display:none;height:0;background:transparent}.card .card-content .catalog .catalog-items::-webkit-scrollbar-track{background:transparent}.card .card-content .catalog .catalog-items::-webkit-scrollbar-thumb{background:rgba(39,170,170,.1);border-radius:3px}.card .card-content .catalog .catalog-items::-webkit-scrollbar-thumb:hover{background-color:rgba(39,170,170,.5)}.card .card-content .catalog .catalog-items .item{background:rgba(255,255,255,.04);border:1px solid var(--card-border);border-radius:8px;overflow:hidden;transition:transform .3s,box-shadow .3s;content-visibility:auto;contain:content;display:flex;flex-direction:column;height:100%}.card .card-content .catalog .catalog-items .item .item-banner,.card .card-content .catalog .catalog-items .item .item-category,.card .card-content .catalog .catalog-items .item .item-status{-webkit-user-select:none;-moz-user-select:none;user-select:none}.card .card-content .catalog .catalog-items .item .item-banner{margin:16px;border-radius:10px;position:relative;overflow:hidden;aspect-ratio:16/9}.card .card-content .catalog .catalog-items .item .item-banner .banner-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,filter .4s ease;transform-origin:center center;will-change:transform;display:block}.card .card-content .catalog .catalog-items .item .item-category,.card .card-content .catalog .catalog-items .item .item-status{position:absolute;top:.6rem;padding:.25rem .5rem;border-radius:6px;font-weight:700;font-size:.73rem;color:#fff}.card .card-content .catalog .catalog-items .item .item-status{right:.6rem;background:rgba(239,68,68,.85)}.card .card-content .catalog .catalog-items .item .item-category{left:.6rem;background:rgba(59,130,246,.85);display:flex;align-items:center;gap:.35rem}.card .card-content .catalog .catalog-items .item .item-content{padding:0 16px 16px;display:grid;grid-template-rows:1.25em 1.25rem 4em 2rem auto;grid-gap:.5rem;gap:.5rem;flex:1 1 auto}.card .card-content .catalog .catalog-items .item .item-content .item-title{grid-row:1;font-size:1.05rem;font-weight:800;margin:0;color:var(--muted);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .card-content .catalog .catalog-items .item .item-content .item-client{grid-row:2;color:var(--accent);font-size:.8rem;line-height:1.2;font-weight:600;display:flex;justify-content:flex-end;align-items:center;gap:.35rem;margin:0}.card .card-content .catalog .catalog-items .item .item-content .item-description{grid-row:3;color:var(--muted);font-size:.92rem;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .card-content .catalog .catalog-items .item .item-content .item-tags{grid-row:4;display:flex;flex-wrap:wrap;gap:.3rem;margin:0;padding:0 10px;align-items:stretch;justify-content:center;min-height:2rem;max-height:2rem;overflow-y:scroll;overflow-x:auto}.card .card-content .catalog .catalog-items .item .item-content .item-tags::-webkit-scrollbar{display:none}.card .card-content .catalog .catalog-items .item .item-content .item-tags .tag{display:inline-flex;align-items:center;background:transparent;gap:.25rem;padding:6px 10px;border-radius:999px;font-weight:600;border:1px dashed var(--card-border);color:var(--accent);white-space:nowrap;transition:transform .2s ease,background .3s ease,color .3s ease;font-size:12px;cursor:pointer}.card .card-content .catalog .catalog-items .item .item-content .item-tags .tag i{color:var(--accent)}.card .card-content .catalog .catalog-items .item .item-content .item-actions{grid-row:5;align-self:end;display:flex;gap:.5rem;margin-top:0}.card .card-content .catalog .catalog-items .item .item-content .item-actions .button{flex:1 1;padding:.5rem .75rem;display:flex;align-items:center;justify-content:center;gap:.4rem;transition:transform .3s}.card .card-content .catalog .catalog-items .item:hover{transform:translateY(-2px) scale(1.01)}.card .card-content .catalog .catalog-items .item:hover .item-banner img{transform:scale(1.2);filter:brightness(1.1)}.card .card-content .form{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:12px}.card .card-content .form .button{background:#27aaaa;border:0;padding:10px 16px;border-radius:8px;color:white;font-weight:600;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.card .card-content .form .button:disabled{background:var(--muted);cursor:not-allowed!important}.card .card-content .form input,.card .card-content .form textarea{width:100%;padding:10px;border-radius:8px;outline:none;font-family:inherit;font-size:14px;background:transparent;color:var(--muted);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;border:3px solid rgba(52,59,69,.3);-webkit-user-select:none;-moz-user-select:none;user-select:none}.overlay-wrapper{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:1rem;z-index:50}.overlay-wrapper.active{display:flex}.overlay-wrapper .overlay-bg{position:fixed;background:rgba(0,0,0,.6);top:0;bottom:0;left:0;right:0;z-index:999}.overlay-wrapper .overlay{background:var(--overlay-bg);border:1px solid var(--card-border);border-radius:10px;padding:0 20px 20px;width:100%;max-width:64rem;max-height:90vh;overflow:auto;overscroll-behavior:contain;z-index:1000}.overlay-wrapper .overlay .overlay-header{position:-webkit-sticky;position:sticky;top:0;background:inherit;padding-top:20px;padding-bottom:16px;display:flex;justify-content:space-between;align-items:start;z-index:3}.overlay-wrapper .overlay .overlay-header .overlay-title{font-size:1.6rem;font-weight:800;margin:0 0 .25rem;color:white}.overlay-wrapper .overlay .overlay-header .overlay-client{margin:0 0 .25rem;color:var(--muted);font-weight:700;display:none;gap:.5rem;margin:0}.overlay-wrapper .overlay .overlay-header .close-btn{border:none;background:transparent;color:var(--muted);cursor:pointer;outline:none;font-size:1.35rem;border-radius:50%;padding:.5rem}.overlay-wrapper .overlay .overlay-content .image-container{top:0;z-index:2;overflow:hidden;border-radius:10px;background:#000;margin-bottom:1rem}.overlay-wrapper .overlay .overlay-content .image-container .container-image{width:100%;height:22rem;object-fit:cover;object-position:top;transition:opacity .2s ease-in-out}.overlay-wrapper .overlay .overlay-content .action-row{display:flex;gap:.6rem;padding-top:.5rem;margin-bottom:.75rem}.overlay-wrapper .overlay .overlay-content .action-row .button{padding:10px 16px;border-radius:8px;font-weight:600;border:none;outline:none;cursor:pointer;color:white;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;background:#27aaaa;transition:transform .25s ease,box-shadow .25s ease}.overlay-wrapper .overlay .overlay-content .overlay-sections{display:grid;grid-gap:1rem;gap:1rem}@keyframes anicon{0%{transform:scale(1) rotate(0deg) translateY(0)}40%{transform:scale(1.2) rotate(0deg) translateY(0)}70%{transform:scale(1) rotate(-10deg) translateY(-4px)}to{transform:scale(1) rotate(-5deg) translateY(-2px)}}@media (max-width:620px){body{padding:18px}header{flex-direction:column;align-items:flex-start;gap:12px}.catalog-items{grid-template-columns:1fr!important}.skillset{width:100%}.card-button-rows,.skillset{justify-content:center}.skill-group{display:flex;align-items:center;gap:12px;margin:6 0 8px}.form{grid-template-columns:1fr!important}.form .button,.form textarea{grid-column:1/-1}}.error-message{color:#e74c3c;background:#fdf2f2;padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid #f5c6cb}