@media screen and (max-width:768px){input,select,textarea{font-size:16px!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Barlow Medium;src:url(/static/media/Barlow-Medium.40a6a9d2b5c96f1bb0c8.ttf)}@font-face{font-family:Barlow Semibold;src:url(/static/media/Barlow-SemiBold.5a6be86b2fa0d383595c.ttf)}@font-face{font-family:Syne;src:url(/static/media/Syne.7f4be78200f513d19f88.ttf)}@font-face{font-family:Syne Extra;src:url(/static/media/Syne-ExtraBold.ec26051cf662d73d9c4d.ttf)}@font-face{font-family:Syne Bold;src:url(/static/media/Syne-Bold.17bf8885cfa0dfe236df.ttf)}.App{text-align:start}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.App{overflow-y:auto}html{min-height:100%;overflow-y:scroll;scroll-behavior:smooth}body{background-color:#575f61!important;display:flex;flex-direction:column;font-family:Barlow Medium;margin:0;min-height:100vh;overflow-x:hidden;z-index:-1000011!important}.App{overflow:auto}#root{flex:1 1}h1>span{font-family:Barlow Medium!important;font-size:48px!important}h2{font-size:45px!important;font-weight:700!important}.site-footer{font-family:Barlow Medium!important;padding-bottom:0!important}.row{margin-left:0!important;margin-right:0!important}.homePhoto{max-width:350px}.welcomeText{color:#faff6c!important;display:flex;flex-direction:column;font-family:Syne Bold;font-size:55px!important;font-weight:700!important;height:100%;text-align:left}.welcomeText>div>h3{width:auto}#content{margin-top:120px;padding-bottom:80px;text-align:center;width:100%}.introduction-arrow{left:140px;position:fixed;top:400px}.image-introduction-arrow{margin-left:0!important;max-width:360px}.homeBox{align-items:center;background-color:#faff6c;display:flex;height:433px;text-align:left;width:350px}.play-icon{color:#adadad;font-size:1.2em;margin-right:.5em}.home-nav-item a{color:#000;text-decoration:none}.home-nav-item{color:#000;cursor:pointer;font-family:Syne Bold;font-size:24px;font-weight:700}.pageTitle{margin-left:50px;position:relative;text-align:left}.pageTitle>h1{color:#faff6c;font-family:Syne Extra;font-size:60px;font-weight:104}h4{font-family:Syne}.pageTitle>h4{color:#6cff6c;font-size:16px;margin-left:50px}.max1150{margin:auto;max-width:1150px}.full-width-block>section>div{width:100%}.two-col-image-block>img{height:auto;padding:30px;width:100%}.two-col-text-block{padding:30px}.two-col-text-block>ul>li{margin-left:-22px}.block-views>h2{font-size:45px;font-weight:700}.view-home-page-slider{background-color:#575f61}.logo-header{background:#00000080;border-radius:6px;cursor:pointer;left:20px;padding:8px 12px;position:fixed;top:20px;z-index:1050}.logo-header img{display:block;max-height:80px}.region{position:relative}#region-header{color:#9babb0}#region-header a{color:#fff}.navigation-buttons{text-align:end;width:auto!important}.navigation-bar{display:inline-flex}.lets-talk-button{background-color:#fff;color:#000!important;cursor:pointer;padding:20px 30px;text-transform:capitalize!important}.lets-talk-button-hide{display:none!important}.header-navigation-bar{justify-content:flex-end!important}.main-menu{display:flex!important;flex-direction:row!important}.main-menu ul,li{list-style:none}.main-menu>li{padding:20px}#navbar-main{border-bottom-style:solid;border-bottom-width:2px}#welcomeslogan{background-color:#212529;color:#fff;margin-top:-3px}.navbar>a>img{max-width:300px}#navbar-main,#navbar-top{background-color:initial!important}#navbar-main{margin:auto}.navbar-toggle{cursor:pointer;display:none;font-size:24px}.main-menu{display:flex;list-style:none}.main-menu li{margin-right:20px}#region-header{position:fixed;width:100%;z-index:500}.overlay{background-color:#000;color:#0000;height:100vh;left:0;opacity:.4;position:absolute;top:0;width:100vw;z-index:0}.namesHolder{bottom:0;margin-bottom:0;max-width:90vw;overflow-x:hidden;pointer-events:none;position:fixed;right:0;z-index:1}.nameWhite,.nameYellow{font-family:Syne Bold!important;font-size:16px;font-weight:700;padding-left:20px;padding-right:20px}.nameWhite{color:#fff}.loading,.nameYellow{color:#faff6c}.loading{font-family:Syne Bold!important;font-size:40px;font-weight:700;height:100%;letter-spacing:5px;position:fixed;text-align:center;top:50vh;width:100%}.loading-pre{opacity:1}.loading-post{margin-top:-60px;opacity:0}.loading-letter{position:fixed}.fade-in-hello{animation:fade .9s ease-in}.myAnimation{animation-duration:5s;animation-name:myAnimation}.nav-item a{text-decoration:none}.navNormalScreen{position:fixed;right:20px;top:28px;z-index:50000}.navNormalScreen a{color:#000!important;font-size:20px;text-decoration:none}.navbar-nav{cursor:pointer}#block-homepagemenusinglepage>ul>li>a,.navbar-nav>li>a{color:#fff;font-size:16px}#block-homepagemenusinglepage>ul>li>a :hover,.navbar-nav>li>a :hover{color:grey}.navbar-toggler{background-color:#fff!important}.container-button-project-info{cursor:pointer;margin-right:5px;text-align:right}.selected-project-title{color:#fff;display:inline;font-weight:700;margin-right:20px}.button-portfolio,.button-portfolio>a{color:#fff;cursor:pointer;font-size:24px;text-align:left;text-decoration:none}.button-portfolio>a:hover{color:#fff!important}.button-portfolio>div>img,.portfolio-arrow-left>img,.portfolio-arrow-right>img{width:40px}.button-black,.button-blue,.button-red,.button-white,.button-yellow{cursor:pointer;height:150px;margin:auto auto 20px;max-height:200px;max-width:200px;padding:20px;position:relative;text-align:center;width:150px}.button-yellow{background-color:#faff6c;color:#000}.button-yellow a{color:FAFF6C}.button-yellow a:hover{color:#fff}.button-black>p{margin-bottom:0}.button-blue{background-color:#31b3c2;color:#fff}.button-blue a{color:#fff}.button-black{background-color:#000;color:#fff}.button-black a{color:#fff}.button-red{background-color:#703a3c;color:#fff}.button-red a,.button-red a:hover{color:#fff}.button-white{background-color:#fff;color:#000}.button-white a{color:#000!important}textarea.form-control{height:200px}label{text-align:left;width:100%}button,input,textarea{border:1px solid #703a3c}#servicesContainer{max-height:55vmax}#servicesContainer a{text-decoration:none!important}.servicesBox{color:#fff;max-height:250px;position:relative}#servicesPageTitle>h4,#skillsPageTitle>h4{color:#fff!important;font-weight:700}.skillsBox h5{font-family:Syne;text-decoration:overline}.serviceBoxImage{margin:auto;max-height:150px;object-fit:cover;width:auto}.servicesLabel{color:#6cff6c}.descriptionDiv{height:auto;margin:auto;max-width:300px}.buttonLearnMore,.buttonRequest,.buttonRequestYellow{cursor:pointer;padding:10px}.buttonRequest{background-color:#6cff6c;color:#000;padding:10px}.buttonRequestYellow{background-color:#faff6c;color:#000;padding:10px}.buttonLearnMore{background-color:#fff;color:#000;padding:10px}#layout-skills-col-1>div>h4,#layout-skills-col-2>div>h4{text-decoration:overline}.button-ed-white a{color:#fff}.button-ed-white a:hover{color:grey}.contactBox{background-color:#8fed84;background-image:url(/static/media/contact.b1b036a3716ae8d039f6.png);background-position:50%;background-size:cover;max-width:100%;min-height:400px;overflow:hidden;position:relative;width:100%}.contactBoxInner{background-color:#00000059;box-sizing:border-box;color:#fff!important;font-family:Syne Extra;margin-left:15px;min-height:100%;padding:60px 20px 20px;width:96%}.contactUsSubtitle{background-color:#42484a;color:#fff;font-size:13px;margin-left:80px;max-width:400px;padding:10px;right:0;text-align:left}#contactForm{margin-top:20px;position:relative;text-align:start}#contactForm>button,.contactFormSubmit{font-family:Syne;padding:20px}input,select{margin:10px;padding:10px}textarea{width:100%}.contactBox{display:block}#contactBoxTitle{display:none!important}footer{bottom:30px;color:#fff!important;font-family:Barlow Semibold;height:116px;left:20px;padding:35px;position:fixed;z-index:-99}.footerYear{align-items:center;font-size:20px;height:100vh;letter-spacing:10px;margin-top:20%;padding-left:10px;text-align:center;width:100%}.circle-text{border-radius:50%;border-width:0;bottom:10px;height:100px;width:115px}.footerMoemedi{bottom:80px;color:#6cff6c;font-size:40px;left:150px;position:fixed}.footerRakhudu{-webkit-text-stroke:1px #fff;text-stroke:1px #fff;bottom:40px;color:#0000;font-size:40px;left:165px;position:fixed}footer{bottom:15px!important}footer.footer-bottom{bottom:auto!important;left:auto!important;margin-top:200px;position:static!important}@media screen and (max-width:768px){body.intro-page footer.footer-bottom{display:none!important}.logo-header{left:10px!important;position:fixed!important;top:10px!important;z-index:400}.navbar-toggle,.navigation-buttons{z-index:1100!important}.logo-header img{max-height:45px!important}.title{font-size:9.5px}.aboutBox{height:55vh!important;opacity:1}.aboutBoxFull{height:100vh!important;opacity:1;top:-30px!important;width:100vw!important}.window{height:55vh!important;opacity:1}.aboutBoxMinimized{height:5vh!important;opacity:1;top:60vh!important;width:auto!important}.aboutBoxContent{max-height:30vh!important;overflow-y:scroll}.aboutBoxFull>div>.aboutBoxContent{max-height:50vh!important}.aboutBoxContentText{height:auto;max-height:-webkit-max-content;max-height:max-content;overflow-y:hidden}.aboutBoxContent>.col-md-4{max-height:20vh!important}.aboutBoxFull>.aboutBoxContent>.col-md-4{max-height:30vh!important}.aboutWindowTitle>span{max-width:440px;overflow:hidden}.aboutBoxMyPhoto{height:100%}.aboutBoxFull>.aboutBoxWindowButtons{margin-left:0!important;width:90vw!important}#servicesContainer{max-height:none!important;overflow-y:visible!important}.carousel{max-height:40vh!important}.carousel-one-col-caption{padding:10px;text-align:center!important;top:10px!important}.carousel-one-col-image,.carousel-one-col-image>img{height:30vh!important}.carousel-indicators{margin-bottom:0!important;margin-left:10px!important;width:100%}.portofilo-sections-title{font-size:20px;margin-top:10px;text-align:left}.button-portfolio,.button-portfolio>a{font-size:18px!important}.nameWhite,.nameYellow{font-size:12px!important}}@media screen and (max-width:1267px){.logo-header img{max-height:60px!important}.row>*{flex-shrink:0;margin-top:var(--bs-gutter-y);max-width:100%;padding-left:0!important;padding-right:0!important;width:100%}.lets-talk-button,.main-menu{display:none!important;flex-direction:column!important;padding:10px}.open>div>.lets-talk-button,.open>div>.lets-talk-button>li>a>.lets-talk-button,.open>div>.main-menu,.open>div>.main-menu>li>a>.main-menu{display:block!important}.navbar-toggle{background:#333;display:block;padding:10px 20px;position:fixed;right:10px;top:20px}.main-menu li{margin-bottom:10px;margin-right:0}.navigation-bar{align-items:center;background-color:#333;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.navigation-buttons{text-align:left!important}.welcomeText{font-size:32px!important}.welcomeText>div{margin-top:0!important}.homePhoto{max-width:200px!important}.image-introduction-arrow{margin-left:-230px!important;max-width:200px!important}.namesHolder{bottom:-50px!important}.aboutBox{left:10vw!important;max-width:80vw!important;top:80px!important}.aboutBoxButtons{max-width:15px!important}.aboutWindowTitle{padding:5px!important}.aboutBoxWindowButtons{width:70vw!important}.aboutBoxFull{height:100vh!important;opacity:1;width:100vw!important}.pageTitle{margin-left:20px;text-align:left}.pageTitle>h1{font-size:28px!important}.pageTitle>h4{font-size:12px;margin-left:0!important}.portolio-project-photo{max-width:100%!important;object-fit:cover!important;width:100%!important}.portolio-container{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;padding-left:0!important;padding-right:0!important}.portolio-container>.col-md-6{box-sizing:border-box!important;flex:none!important;height:auto!important;max-width:100%!important;overflow:visible!important;width:100%!important}.portolio-container>.col-md-6:first-child{order:1}.portolio-container>.col-md-6.portfolio-sections-container{margin-top:24px!important;order:2}.portfolio-project-preview{height:auto!important;max-height:none!important;max-width:100%!important;width:100%!important}.portfolio-sections-container{padding:0!important;position:relative!important}#portfolio-main-menu{padding:20px!important}.portfolio-arrow-left{left:0!important;position:relative!important}.portfolio-arrow-right{position:relative!important;right:auto!important;top:auto!important}.servicesBox{margin-bottom:50px!important}.skills-header-wrapper{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.skills-header-wrapper .pageTitle{flex:0 0 auto}.skills-header-wrapper .skills-resume-wrapper{flex:0 0 auto;position:relative}#skills .skills-header-wrapper .window{height:auto!important;left:auto!important;position:relative!important;top:auto!important}#skills .skills-header-wrapper .window.aboutBoxMinimized{height:40px!important;min-height:40px!important;top:auto!important}#education .education-header-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:12px;padding:0 20px 20px}#education .education-resume-wrapper{position:relative;width:100%}#education .education-resume-wrapper .window{left:auto!important;position:relative!important;top:auto!important}#education .education-resume-wrapper .window.aboutBoxMinimized{margin-top:0!important;top:auto!important}#skillsContainer{padding:20px!important}#contact .col-md-5{display:none!important}.contactUsSubtitle{right:15px!important}.contactBoxInner{display:none}#contactBoxTitle{display:block!important}.contactBox{background:none!important}#submitButton{bottom:10px!important}.contactFormBox{height:auto;max-height:none;overflow:visible}#contactForm{margin-left:0!important}.contactFormTitle{display:none!important}.contactFormBox{padding:0 15px}.window{left:0!important}}.contactFormBox{margin:0 auto;max-width:600px}.chat-container{background:#2d3238;border-radius:16px;box-shadow:0 4px 24px #0000004d;overflow:hidden}.chat-header{background:#42484a;color:#6cff6c;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 20px}.chat-messages{min-height:200px;padding:24px 20px}.chat-bubble-incoming{align-items:flex-start;display:flex;gap:12px;margin-bottom:20px}.chat-bubble-incoming .chat-avatar{align-items:center;background:#42484a;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.chat-bubble-incoming .chat-avatar img{height:100%;object-fit:cover;width:100%}.chat-bubble-incoming .chat-content{max-width:85%}.chat-bubble-incoming .chat-bubble{background:#42484a;border-radius:18px 18px 18px 4px;color:#fff;font-size:14px;line-height:1.5;padding:12px 16px}.chat-bubble-outgoing{display:flex;justify-content:flex-end;margin-bottom:20px}.chat-bubble-outgoing .chat-bubble{max-width:85%;width:100%}.chat-bubble-outgoing input,.chat-bubble-outgoing select,.chat-bubble-outgoing textarea{background:#3a3f44;border:1px solid #575f61;border-radius:18px 18px 4px 18px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:16px;margin:0;padding:12px 16px;transition:border-color .2s,background .2s;width:100%}.chat-bubble-outgoing input::placeholder,.chat-bubble-outgoing textarea::placeholder{color:#9babb0}.chat-bubble-outgoing input:focus,.chat-bubble-outgoing select:focus,.chat-bubble-outgoing textarea:focus{background:#42484a;border-color:#6cff6c;outline:none}.chat-bubble-outgoing select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%239babb0' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.chat-bubble-outgoing textarea{min-height:100px;resize:vertical}.chat-actions{align-items:center;background:#252a2e;border-top:1px solid #42484a;display:flex;flex-wrap:wrap;gap:12px;padding:20px}.chat-actions .recaptcha-wrapper{flex:1 1;min-width:200px}.chat-actions .button-group{display:flex;gap:10px}.contactFormSubmit{align-items:center;border:none;border-radius:24px!important;cursor:pointer;display:inline-flex;font-size:14px!important;font-weight:600;gap:8px;padding:12px 20px!important;transition:transform .2s,opacity .2s}.contactFormSubmit:first-of-type{background:#6cff6c!important;color:#1a1a1a!important}.contactFormSubmit:last-of-type{background:#42484a!important;color:#fff!important}.contactFormSubmit:hover{opacity:.9}.aboutBox{background-color:#fff;height:auto;padding-bottom:30px}.aboutBoxFull{height:100vh!important;left:0!important;opacity:1;top:0!important;width:100vw!important}.aboutWindowTitle{background-color:#2098e8;color:#fff;cursor:pointer;padding:10px;text-align:justify}.aboutBoxButtons{margin-left:20px;max-width:40px!important}.aboutBoxButtons,.aboutBoxButtons img{display:inline-block}.aboutBoxContent{border:#707070;border-style:solid;border-width:1px;color:#707070;font-size:14px;margin:30px;max-height:45vh;overflow:clip;padding:10px;text-align:left}.aboutBoxMyPhoto{filter:grayscale(100%);height:auto;max-height:450px;object-fit:scale-down;width:100%}.aboutBoxContentText{height:40vh;max-height:40vh;overflow:scroll}.aboutBoxWindowButtons>a{border:#707070;border-style:solid;border-width:1px;color:#707070;cursor:pointer;font-size:12px;margin-left:20px;padding:5px;text-decoration:none}.window{background:#fff;box-shadow:0 4px 8px #0000001a;left:30vw;overflow:hidden;padding-left:0!important;padding-right:0!important;width:auto}.title-bar{align-items:center;background:#2098e8;color:#fff;cursor:pointer;justify-content:space-between;padding:5px 10px;-webkit-user-select:none;user-select:none}.title-bar,.window-controls{display:flex}.window-control-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;margin-left:5px}@media screen and (max-width:768px){.window.aboutBox{overflow-x:hidden!important;overflow-y:auto!important;padding-bottom:20px!important}.aboutBoxWindowButtons{display:flex!important;flex-shrink:0!important;flex-wrap:wrap!important;gap:8px;margin:0 15px 15px!important;max-width:100%!important;padding:15px!important;visibility:visible!important;width:calc(100% - 30px)!important}.aboutBoxWindowButtons>a{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;font-size:12px!important;min-width:120px;padding:10px 8px!important;text-align:center}.aboutBoxContent.row{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;margin:15px!important;max-height:none!important;overflow-y:auto!important}.aboutBoxContent .aboutBoxContentText.col-md-8,.aboutBoxContent .col-md-4{flex:none!important;max-width:100%!important;width:100%!important}.aboutBoxContent .col-md-4{max-height:none!important;order:1}.aboutBoxContent .aboutBoxContentText.col-md-8{height:auto!important;margin-top:15px;max-height:none!important;order:2;overflow-y:auto!important;padding:0 5px}.aboutBoxMyPhoto{max-height:250px!important;object-fit:cover!important;width:100%!important}.aboutBoxFull .aboutBoxContent .col-md-4,.aboutBoxFull .aboutBoxContent.row{max-height:none!important}}.carousel-inner{position:relative!important}.carousel-one-col-caption{position:relative;top:10px;z-index:1000}.carousel-one-col-image{overflow:hidden;position:relative;width:100%;z-index:1}.carousel-one-col-image .portolio-project-photo{height:45vh;object-fit:cover;width:100%}.pagination{bottom:130px;color:#fff;position:fixed;right:40px}.carousel-indicators{bottom:-30px!important;display:flex;justify-content:center;left:0;list-style:none;margin-bottom:1rem;margin-left:0!important;margin-right:15%;padding:0;position:relative;right:auto!important;top:0;z-index:2}.carousel-indicators [data-bs-target]{background-color:#6cff6c!important}.carousel-caption{bottom:0!important;font-size:13px!important;left:0!important;max-width:100%;padding-top:0!important;position:relative!important;text-align:left!important}.carousel-one-col-caption .carousel-caption p{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;display:-webkit-box;overflow:hidden}.carousel-read-more{color:#6cff6c;cursor:pointer;display:inline-block;font-size:12px;margin-top:4px;text-decoration:underline}iframe{z-index:10000!important}.portofilo-sections-title{color:#fff;font-family:Syne Bold;font-size:28px;text-align:left}.porfolio-section-name{color:#faff6c!important;font-size:30px;font-weight:700;left:200px;max-width:350px;position:fixed;top:250px}.portfolio-project-preview{height:auto!important;max-height:40vh!important;max-width:100%;object-fit:cover;width:40vw!important}.portfolio-sections-container{padding:50px!important}.portolio-project-photo{height:45vh;max-width:100%;object-fit:cover;width:100%}.project-popup{box-shadow:0 0 10px 0 #00000080}.project-popup.style:before{background-color:#00000080;content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.portolio-container{font-family:Syne;padding-left:0!important;padding-right:0!important;position:relative;width:100%}.portolio-container,.portolio-container>.col-md-6{height:auto!important;overflow:visible!important}.portolio-container>iframe{height:100%;padding-left:0!important;padding-right:0!important;width:100%}.project-container.project-sections{color:#fff;font-family:Syne;margin-left:0;max-width:1150px;padding:1.5rem 50px 2rem}.project-back-link{margin-bottom:1.5rem;text-align:left}.project-back-link .button-portfolio{align-items:center;display:inline-flex;gap:8px}.project-back-link .button-portfolio span{font-family:Syne Bold;font-size:18px}.project-back-link a{color:#fff;text-decoration:none}.project-back-link a:hover{color:#6cff6c}#projectPageTitle h4{font-family:Syne Bold;font-size:28px}.project-page-title{color:#fff;font-size:2rem;font-weight:600;margin:0 0 1.5rem;padding:0;width:100%}.project-hero-image{margin-bottom:1.5rem;max-height:45vh;overflow:hidden;width:100%}.project-hero-image img{height:auto;object-fit:cover;width:100%}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tech-tag{background:#6cff6c33;border:1px solid #6cff6c;border-radius:4px;color:#6cff6c;display:inline-block;font-family:Syne;font-size:.9rem;padding:.25rem .75rem}.project-sections-content{color:#fff;margin:0 auto;max-width:800px;text-align:left}.project-section{margin-bottom:2rem}.project-section-title{color:#fff;font-size:1.5rem;margin-bottom:.75rem}.project-section-body{color:#fff;line-height:1.6}.project-section-body a{color:#6cff6c}.project-empty{color:#fff}.project-section-body img{height:auto;max-width:100%}.project-section-body figure{margin:1rem 0}.project-section-body figcaption{color:#fffc;font-size:.9rem;font-style:italic;margin-top:.5rem}.project-section-body .project-cols{grid-gap:1rem;display:grid;gap:1rem;margin:1rem 0}.project-section-body .project-cols-1{grid-template-columns:1fr}.project-section-body .project-cols-2{grid-template-columns:1fr 1fr}.project-section-body .project-cols-3{grid-template-columns:1fr 1fr 1fr}@media (max-width:768px){.project-section-body .project-cols-2,.project-section-body .project-cols-3{grid-template-columns:1fr}.project-container.project-sections{padding:1rem 20px 2rem}.project-back-link .button-portfolio span{font-size:14px}#projectPageTitle h4{font-size:22px}}.skillsBox{color:#fff;text-align:left;top:250px}.skillsBox ul{padding-left:0!important}.skills-section-name{color:#6cff6c!important;font-family:Syne Bold;font-size:35px;text-align:left}.background-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;min-height:100vh;position:fixed;top:0;transition:background-image 1s ease-in-out;width:100%;z-index:-10000!important}.chatbot-container{bottom:24px;font-family:Barlow Medium,-apple-system,BlinkMacSystemFont,sans-serif;position:fixed;right:24px;z-index:9999}.chatbot-overlay{display:none}@media screen and (max-width:768px){.chatbot-overlay{background:#00000080;cursor:pointer;display:block;inset:0;position:fixed;z-index:0}.chatbot-window{z-index:1}}.chatbot-toggle{align-items:center;background:#faff6c;border:none;border-radius:50%;box-shadow:0 4px 12px #00000040;color:#000;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;transition:transform .2s,background .2s;width:56px}.chatbot-toggle:hover{background:#e8ed5a;transform:scale(1.05)}.chatbot-toggle-open{background:#42484a;color:#faff6c;font-size:28px;line-height:1}.chatbot-window{background:#212529;border:1px solid #ffffff14;border-radius:12px;bottom:72px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;height:480px;max-height:min(480px,calc(100vh - 100px));max-width:calc(100vw - 48px);overflow:hidden;position:absolute;right:0;width:360px}.chatbot-header{align-items:center;background:#42484a;color:#faff6c;display:flex;font-family:Syne Bold,sans-serif;font-size:16px;font-weight:700;justify-content:space-between;padding:14px 16px}.chatbot-header-actions{align-items:center;display:flex;gap:8px}.chatbot-debug-toggle{background:#ffffff26;border:1px solid #ffffff4d;border-radius:4px;color:#faff6c;cursor:pointer;font-family:inherit;font-size:11px;padding:4px 8px}.chatbot-debug-toggle:hover{background:#ffffff40}.chatbot-debug-toggle.active{background:#faff6c40;border-color:#faff6c}.chatbot-debug-panel{background:#1a1d20;border-bottom:1px solid #ffffff14;flex-shrink:0;max-height:200px;overflow:auto}.chatbot-debug-content{color:#9babb0;font-family:Consolas,Monaco,monospace;font-size:11px;line-height:1.4;margin:0;padding:12px 16px;white-space:pre-wrap;word-break:break-word}.chatbot-close{background:none;border:none;color:#faff6c;cursor:pointer;font-size:24px;line-height:1;opacity:.9;padding:0 4px}.chatbot-close:hover{opacity:1}.chatbot-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chatbot-welcome{background:#ffffff0d;border-radius:8px;color:#9babb0;font-size:14px;padding:12px}.chatbot-msg{word-wrap:break-word;border-radius:12px;font-size:14px;line-height:1.5;max-width:85%;padding:10px 14px}.chatbot-msg-user{align-self:flex-end;background:#faff6c;border-bottom-right-radius:4px;color:#000}.chatbot-msg-assistant{align-self:flex-start;background:#42484a;border-bottom-left-radius:4px;color:#fff}.chatbot-msg-link{color:#faff6c;text-decoration:underline;text-underline-offset:2px}.chatbot-msg-link:hover{color:#fff}.chatbot-msg-content{word-break:break-word}.chatbot-msg-time{display:block;font-size:11px;margin-top:4px;opacity:.75}.chatbot-typing{align-items:center;display:flex;gap:4px;padding:14px 18px}.typing-dot{animation:typing-bounce 1.4s ease-in-out infinite;background:#9babb0;border-radius:50%;height:6px;width:6px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chatbot-agent-banner{background:#faff6c1f;border-top:1px solid #faff6c40;color:#e8ed5a;font-size:13px;padding:8px 16px}.chatbot-input-area{background:#2d3234;border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:10px;padding:12px 16px}.chatbot-input-row{align-items:flex-end;display:flex;gap:10px}.chatbot-transfer-agent{align-self:flex-start;background:#0000;border:1px solid #faff6c;border-radius:6px;color:#faff6c;cursor:pointer;font-size:13px;padding:6px 12px}.chatbot-transfer-agent:hover:not(:disabled){background:#faff6c26}.chatbot-transfer-agent:disabled{cursor:not-allowed;opacity:.5}.chatbot-msg-agent{color:#e8edb0}.chatbot-input-row textarea{background:#212529;border:1px solid #575f61;border-radius:8px;color:#fff;flex:1 1;font-family:inherit;font-size:16px;max-height:100px;min-height:44px;outline:none;padding:10px 14px;resize:none}.chatbot-input-row textarea::placeholder{color:#6c757d}.chatbot-input-row textarea:focus{border-color:#faff6c}.chatbot-input-row textarea:disabled{cursor:not-allowed;opacity:.6}.chatbot-send{background:#faff6c;border:none;border-radius:8px;color:#000;cursor:pointer;flex-shrink:0;font-family:Syne Bold,sans-serif;font-size:14px;font-weight:700;padding:10px 18px}.chatbot-send:hover:not(:disabled){background:#e8ed5a}.chatbot-send:disabled{cursor:not-allowed;opacity:.5}@media screen and (max-width:480px){.chatbot-container{bottom:16px;right:16px}.chatbot-window{bottom:64px;max-height:calc(100vh - 100px);right:-8px;width:calc(100vw - 32px)}.chatbot-toggle{font-size:20px;height:48px;width:48px}.chatbot-input-row textarea{font-size:16px;min-height:48px}.chatbot-msg,.chatbot-welcome{font-size:15px}}.admin-app{--admin-bg:#0d1117;--admin-surface:#161b22;--admin-surface-elevated:#21262d;--admin-border:#30363d;--admin-text:#e6edf3;--admin-text-muted:#8b949e;--admin-accent:#58a6ff;--admin-success:#3fb950;--admin-danger:#f85149;--admin-warning:#d29922;--admin-radius:8px;--admin-radius-sm:6px;--admin-shadow:0 1px 3px #0000004d;--admin-transition:0.2s ease;-webkit-font-smoothing:antialiased;background:var(--admin-bg);color:var(--admin-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;line-height:1.5;margin:0;min-height:100vh}.admin-app,.admin-app *{box-sizing:border-box}.admin-app .admin-content img{background:#fff}.admin-app .admin-nav{align-items:center;background:var(--admin-surface);border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-app .admin-nav>div{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem}.admin-app .admin-nav a{border-radius:var(--admin-radius-sm);color:var(--admin-text-muted);font-size:.9rem;padding:.75rem 1rem;text-decoration:none;transition:color var(--admin-transition),background var(--admin-transition)}.admin-app .admin-nav a:hover{background:var(--admin-surface-elevated);color:var(--admin-text)}.admin-app .admin-nav a.active{color:var(--admin-accent);font-weight:500}.admin-app .admin-content{margin:0 auto;max-width:1280px;padding:2rem 1.5rem}.admin-app h1{font-size:1.75rem;letter-spacing:-.02em;margin:0 0 .5rem}.admin-app h1,.admin-app h2{color:var(--admin-text);font-weight:600}.admin-app h2{font-size:1.125rem;margin:0 0 1rem}.admin-app .page-subtitle{color:var(--admin-text-muted);font-size:.95rem;margin-bottom:1.5rem}.admin-app .card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius);box-shadow:var(--admin-shadow);margin-bottom:1.5rem;padding:1.5rem}.admin-app .card-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.admin-app .card-header h2{margin:0}.admin-app .admin-table-wrap{border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);overflow-x:auto}.admin-app table{border-collapse:collapse;font-size:.9rem;width:100%}.admin-app td,.admin-app th{border-bottom:1px solid var(--admin-border);padding:.75rem 1rem;text-align:left}.admin-app tr:last-child td{border-bottom:none}.admin-app th{background:var(--admin-surface-elevated);color:var(--admin-text-muted);font-size:.8rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.admin-app tr:hover td{background:#58a6ff0a}.admin-app .admin-drag-handle{color:var(--admin-text-muted);cursor:grab;font-size:.9rem;padding:.5rem .35rem;-webkit-user-select:none;user-select:none}.admin-app .admin-drag-handle:active{cursor:grabbing}.admin-app tr.admin-row-drag-over td{background:#58a6ff1f}.admin-app .btn{align-items:center;border:none;border-radius:var(--admin-radius-sm);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.35rem;justify-content:center;padding:.5rem 1rem;text-decoration:none;transition:all var(--admin-transition);white-space:nowrap}.admin-app .btn,.admin-app .btn-primary{background:var(--admin-accent);color:#fff}.admin-app .btn:hover{background:#79b8ff;color:#fff}.admin-app .btn-success{background:var(--admin-success);color:#fff}.admin-app .btn-success:hover{background:#56d364;color:#fff}.admin-app .btn-sm{font-size:.8rem;padding:.35rem .75rem}.admin-app .btn-danger{background:var(--admin-danger);color:#fff}.admin-app .btn-danger:hover{background:#ff7b72;color:#fff}.admin-app .btn-ghost{background:#0000;border:1px solid var(--admin-border);color:var(--admin-text-muted)}.admin-app .btn-ghost:hover{background:var(--admin-surface-elevated);border-color:var(--admin-text-muted);color:var(--admin-text)}.admin-app .form-group{margin-bottom:1.25rem}.admin-app .form-group label{color:var(--admin-text-muted);display:block;font-size:.875rem;font-weight:500;margin-bottom:.4rem}.admin-app input[type=date],.admin-app input[type=email],.admin-app input[type=number],.admin-app input[type=password],.admin-app input[type=text],.admin-app input[type=url],.admin-app select,.admin-app textarea{background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text);font-size:.9rem;padding:.6rem .75rem;transition:border-color var(--admin-transition),box-shadow var(--admin-transition);width:100%}.admin-app input:focus,.admin-app select:focus,.admin-app textarea:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3px #58a6ff26;outline:none}.admin-app .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.admin-app .form-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.admin-app .checkbox-group{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.admin-app .checkbox-group label{align-items:center;cursor:pointer;display:inline-flex;font-weight:400;gap:.4rem;margin:0}.admin-app .checkbox-group input[type=checkbox]{accent-color:var(--admin-accent);width:auto}.admin-app .admin-thumb-wrap{align-items:center;display:flex;gap:.75rem}.admin-app .admin-thumb-cell{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.admin-app .admin-thumb{border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);display:block;flex-shrink:0;height:44px;object-fit:cover;width:44px}.admin-app .admin-thumb--placeholder{background:var(--admin-surface-elevated);min-height:44px;min-width:44px}.admin-app .admin-img-preview-box{background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);display:inline-block;margin-top:.5rem;padding:4px}.admin-app .img-preview{border-radius:4px;display:block;max-height:140px;max-width:140px;object-fit:contain}.admin-app .grid-2{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.admin-app .admin-modal-backdrop{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.admin-app .admin-modal{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius);box-shadow:0 18px 45px #0000008c;margin:0 1rem;max-width:520px;width:100%}.admin-app .admin-modal-header{align-items:center;border-bottom:1px solid var(--admin-border);display:flex;gap:.75rem;justify-content:space-between;padding:1rem 1.25rem}.admin-app .admin-modal-header h2{font-size:1.05rem;margin:0}.admin-app .admin-modal-body{padding:1.25rem}.admin-app .admin-modal-close{background:#0000;border:none;border-radius:999px;color:var(--admin-text-muted);cursor:pointer;font-size:1.2rem;line-height:1;padding:.15rem .4rem}.admin-app .admin-modal-close:hover{background:var(--admin-surface-elevated);color:var(--admin-text)}.admin-app .admin-image-upload{margin-bottom:.5rem}.admin-app .admin-upload-dropzone{align-items:center;background:var(--admin-surface);border:2px dashed var(--admin-border);border-radius:var(--admin-radius);color:var(--admin-text-muted);cursor:pointer;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;min-height:100px;padding:1rem 1.25rem;transition:border-color var(--admin-transition),background var(--admin-transition)}.admin-app .admin-upload-dropzone:hover{background:#58a6ff0f;border-color:var(--admin-accent)}.admin-app .admin-upload-dropzone.admin-upload-dropzone--active{background:#3fb95014;border-color:var(--admin-success);color:var(--admin-text)}.admin-app .admin-upload-dropzone.admin-upload-dropzone--uploading{opacity:.8;pointer-events:none}.admin-app .admin-upload-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.admin-app .admin-upload-text{font-size:.9rem}.admin-app .admin-upload-browse{flex-shrink:0}.admin-app .admin-upload-error{color:var(--admin-danger);font-size:.875rem;margin:.5rem 0 0}.admin-app .admin-upload-url-input{background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text);font-size:.9rem;padding:.6rem .75rem;width:100%}.admin-app .admin-tech-taxonomy{margin-bottom:.5rem}.admin-app .tech-selected-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;min-height:2rem}.admin-app .tech-selected-chip{align-items:center;background:var(--admin-surface-elevated);border:1px solid var(--admin-success);border-radius:20px;color:var(--admin-text);display:inline-flex;font-size:.85rem;gap:.25rem;padding:.35rem .5rem .35rem .65rem}.admin-app .tech-selected-chip--new{border-color:var(--admin-accent)}.admin-app .tech-selected-chip .tech-chip-remove{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--admin-text-muted);cursor:pointer;display:inline-flex;font-size:1.1rem;height:1.25rem;justify-content:center;line-height:1;margin:0 0 0 .15rem;padding:0;transition:background .2s,color .2s;width:1.25rem}.admin-app .tech-selected-chip .tech-chip-remove:hover{background:var(--admin-danger);color:#fff}.admin-app .tech-autocomplete-row{max-width:100%;position:relative}.admin-app .tech-search-input{background:var(--admin-bg);color:var(--admin-text);font-size:.9rem;padding:.6rem .75rem;width:100%}.admin-app .tech-autocomplete-dropdown,.admin-app .tech-search-input{border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm)}.admin-app .tech-autocomplete-dropdown{background:var(--admin-surface-elevated);box-shadow:var(--admin-shadow);left:0;margin-top:2px;max-height:220px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:50}.admin-app .tech-ac-item{cursor:pointer;font-size:.9rem;padding:.6rem .75rem;transition:background .2s}.admin-app .tech-ac-item.tech-ac-item--highlight,.admin-app .tech-ac-item:hover{background:var(--admin-accent);color:#fff;outline:none}.admin-app .tech-ac-item-new{border-top:1px solid var(--admin-border);color:var(--admin-success)}.admin-app .tech-ac-item-new.tech-ac-item--highlight,.admin-app .tech-ac-item-new:hover{color:#fff}.admin-app .tech-autocomplete-hint{color:var(--admin-text-muted);display:block;font-size:.8rem;margin-top:.5rem}.admin-app .tech-autocomplete-hint kbd{background:var(--admin-surface-elevated);border:1px solid var(--admin-border);border-radius:4px;font-size:.75rem;padding:.1rem .35rem}.admin-app .admin-section-editor{margin-top:.5rem}.admin-app .admin-section-editor-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;padding:.35rem 0}.admin-app .admin-section-editor-toolbar-label{color:var(--admin-text-muted);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.admin-app .admin-section-editor-uploading{color:var(--admin-accent);font-size:.85rem}.admin-app .admin-section-editor-source{background:#fff;border:1px solid #d1d5db;border-radius:var(--admin-radius-sm);color:#111827;font-family:ui-monospace,monospace;font-size:.9rem;line-height:1.5;min-height:220px;padding:.75rem;resize:vertical;width:100%}.admin-app .admin-section-editor-source:focus{border-color:var(--admin-accent);box-shadow:0 0 0 3px #58a6ff26;outline:none}.admin-app .admin-section-editor-quill-wrap{border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);overflow:hidden}.admin-app .admin-section-editor-quill-wrap:focus-within{border-color:var(--admin-accent);box-shadow:0 0 0 3px #58a6ff1a}.admin-app .admin-section-editor-hint{color:var(--admin-text-muted);font-size:.8rem;margin:.5rem 0 0}.admin-app .admin-section-editor-visual-wrap{background:#fff;border:1px solid #d1d5db;border-radius:var(--admin-radius-sm);overflow:hidden}.admin-app .admin-section-editor-visual-wrap:focus-within{border-color:var(--admin-accent);box-shadow:0 0 0 3px #58a6ff1a}.admin-app .admin-section-editor-toolbar-buttons{align-items:center;background:#f3f4f6;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem .75rem}.admin-app .admin-section-editor-tb-btn{background:#0000;border:1px solid #0000;border-radius:var(--admin-radius-sm);color:#4b5563;cursor:pointer;font-size:.85rem;padding:.35rem .6rem;transition:color var(--admin-transition),background var(--admin-transition),border-color var(--admin-transition),box-shadow var(--admin-transition)}.admin-app .admin-section-editor-tb-btn:hover{background:#e5e7eb;border-color:#9ca3af;box-shadow:0 0 0 1px #94a3b880;color:#111827}.admin-app .admin-section-editor-tb-sep{background:#d1d5db;height:1.25rem;margin:0 .15rem;width:1px}.admin-app .admin-section-editor-editable{background:#fff;color:#111827;font-size:.95rem;line-height:1.6;min-height:220px;outline:none;padding:.75rem 1rem}.admin-app .admin-section-editor-editable.is-empty[data-placeholder]:before{color:var(--admin-text-muted);content:attr(data-placeholder);font-style:normal}.admin-app .admin-section-editor-editable img{height:auto;max-width:100%;vertical-align:middle}.admin-app .admin-section-editor-editable a{color:var(--admin-accent)}.admin-app .admin-section-editor-quill .ql-toolbar.ql-snow{background:var(--admin-surface-elevated);border:none;border-bottom:1px solid var(--admin-border);padding:.5rem .75rem}.admin-app .admin-section-editor-quill .ql-container.ql-snow{background:var(--admin-bg);border:none;color:var(--admin-text);font-size:.95rem}.admin-app .admin-section-editor-quill .ql-editor{min-height:220px;padding:.75rem 1rem}.admin-app .admin-section-editor-quill .ql-editor.ql-blank:before{color:var(--admin-text-muted);font-style:normal}.admin-app .admin-section-editor-quill .ql-snow .ql-stroke{stroke:var(--admin-border)}.admin-app .admin-section-editor-quill .ql-snow .ql-fill{fill:var(--admin-text-muted)}.admin-app .admin-section-editor-quill .ql-snow .ql-picker{color:var(--admin-text-muted)}.admin-app .admin-section-editor-quill .ql-snow .ql-toolbar button.ql-active .ql-stroke,.admin-app .admin-section-editor-quill .ql-snow .ql-toolbar button:hover .ql-stroke{stroke:var(--admin-accent)}.admin-app .admin-section-editor-quill .ql-snow .ql-toolbar button.ql-active .ql-fill,.admin-app .admin-section-editor-quill .ql-snow .ql-toolbar button:hover .ql-fill{fill:var(--admin-accent)}.admin-app .admin-section-editor-quill .ql-snow .ql-toolbar .ql-picker-label:hover,.admin-app .admin-section-editor-quill .ql-snow .ql-toolbar button:hover{color:var(--admin-text)}.admin-app .admin-section-editor-quill .ql-editor img{height:auto;max-width:100%;vertical-align:middle}.admin-app .admin-section-editor-quill .ql-editor a{color:var(--admin-accent)}.admin-app .admin-section-card{padding:1.25rem}.admin-app .admin-section-layout-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1rem;padding:.5rem 0}.admin-app .admin-section-columns{display:grid;min-width:0}.admin-app .admin-section-columns--1{grid-template-columns:1fr}.admin-app .admin-section-columns--2{grid-template-columns:1fr 1fr}.admin-app .admin-section-columns--3{grid-template-columns:1fr 1fr 1fr}.admin-app .admin-section-column{min-width:0}@media (max-width:768px){.admin-app .admin-section-columns--2,.admin-app .admin-section-columns--3{grid-template-columns:1fr}.admin-app .admin-nav{align-items:stretch;flex-direction:column;padding:.75rem}.admin-app .admin-nav a{font-size:.85rem;padding:.5rem .75rem}.admin-app .admin-content{padding:1rem}.admin-app .card-header{align-items:flex-start;flex-direction:column}.admin-app .form-row{grid-template-columns:1fr}}.admin-app .admin-chat-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:280px 1fr;min-height:400px}.admin-app .admin-chat-list ul{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius);list-style:none;margin:0;padding:0}.admin-app .admin-chat-list li{align-items:center;border-bottom:1px solid var(--admin-border);cursor:pointer;display:flex;flex-wrap:wrap;gap:.35rem;padding:.75rem 1rem}.admin-app .admin-chat-list li:last-child{border-bottom:none}.admin-app .admin-chat-list li.active,.admin-app .admin-chat-list li:hover{background:var(--admin-surface-elevated)}.admin-app .admin-chat-list li.active{color:var(--admin-accent)}.admin-app .admin-chat-status{background:var(--admin-border);border-radius:4px;font-size:.75rem;padding:.2rem .5rem;text-transform:uppercase}.admin-app .admin-chat-status--live_agent{background:var(--admin-success);color:#fff}.admin-app .admin-chat-status--awaiting_agent{background:var(--admin-warning);color:#000}.admin-app .admin-chat-meta{color:var(--admin-text-muted);font-size:.85rem}.admin-app .admin-chat-date{color:var(--admin-text-muted);font-size:.8rem;margin-left:auto}.admin-app .admin-chat-detail{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius);display:flex;flex-direction:column;padding:1rem}.admin-app .admin-chat-placeholder{color:var(--admin-text-muted);margin:auto}.admin-app .admin-chat-thread{flex:1 1;margin-bottom:1rem;max-height:360px;overflow-y:auto}.admin-app .admin-chat-msg{border-left:3px solid var(--admin-border);border-radius:var(--admin-radius-sm);margin-bottom:.75rem;padding:.5rem .75rem}.admin-app .admin-chat-msg--user{background:#58a6ff14;border-left-color:var(--admin-accent)}.admin-app .admin-chat-msg--assistant{border-left-color:var(--admin-text-muted)}.admin-app .admin-chat-msg--agent{background:#3fb95014;border-left-color:var(--admin-success)}.admin-app .admin-chat-msg-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.admin-app .admin-chat-msg-role{color:var(--admin-text-muted);font-size:.7rem;text-transform:uppercase}.admin-app .admin-chat-msg-time{color:var(--admin-text-muted);font-size:.75rem}.admin-app .admin-chat-msg-body{margin-top:.25rem;white-space:pre-wrap;word-break:break-word}.admin-app .admin-chat-reply{display:flex;flex-direction:column;gap:.75rem}.admin-app .admin-chat-reply-row{align-items:flex-end;display:flex;gap:.75rem}.admin-app .admin-chat-reply-row textarea{background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);color:var(--admin-text);flex:1 1;font-family:inherit;min-height:72px;padding:.5rem .75rem;resize:vertical}@media (max-width:768px){.admin-app .admin-chat-layout{grid-template-columns:1fr}}
/*# sourceMappingURL=main.4048f961.css.map*/