@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:700;src:url(/static/media/SourceSans3-Bold.87cd29d52ade6dbaf2e9.ttf)}@font-face{font-family:Source Sans\ 3;font-style:italic;font-weight:700;src:url(/static/media/SourceSans3-BoldItalic.0a18aac64dd9cf87ec77.ttf)}@font-face{font-family:Source Sans\ 3;font-style:italic;font-weight:400;src:url(/static/media/SourceSans3-Italic.d185605565b3d79868b3.ttf)}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:300;src:url(/static/media/SourceSans3-Light.a6fc9f8eb8250767a15c.ttf)}@font-face{font-family:Source Sans\ 3;font-style:italic;font-weight:300;src:url(/static/media/SourceSans3-LightItalic.e9a43c450d9e05b5f8c2.ttf)}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:500;src:url(/static/media/SourceSans3-Medium.21bb91ae441528dc2e2e.ttf)}@font-face{font-family:Source Sans\ 3;font-style:italic;font-weight:500;src:url(/static/media/SourceSans3-MediumItalic.e3b442cb6d878f0098c5.ttf)}@font-face{font-family:Source Sans\ 3;font-style:normal;font-weight:400;src:url(/static/media/SourceSans3-Regular.9264dda20a2f22afe52b.ttf)}::-webkit-scrollbar-track{background:#0000}*{-webkit-tap-highlight-color:transparent;font-family:Source Sans\ 3!important;-webkit-user-select:none;user-select:none}a:focus,a:focus img,a:focus svg,button:focus,input:focus,input:focus img,input:focus svg{outline:none!important}input:-webkit-autofill{-webkit-text-fill-color:#000!important;background-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--pine-background:var(--pine-off-white);--pine-foreground:var(--pine-forest-green);--pine-text-primary:var(--pine-slate-gray);--pine-text-secondary:var(--pine-slate-gray);--pine-text-accent:var(--pine-forest-green);--pine-muted:var(--pine-slate-gray);--pine-border:var(--pine-slate-gray);--pine-card:var(--pine-off-white);--pine-card-foreground:var(--pine-slate-gray);--pine-primary:var(--pine-off-white);--pine-secondary:var(--pine-forest-green);--pine-accent:var(--pine-slate-gray);--pine-primary-dark:#e8e6e5;--pine-secondary-light:var(--pine-slate-gray);--pine-secondary-dark:var(--pine-forest-green);--pine-accent-light:var(--pine-slate-gray);--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}body,html{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);max-width:100vw;overflow-x:hidden}body{background:#f2f0ef;background:var(--pine-background);color:#085139;color:var(--pine-foreground);margin:0;padding:0}a{color:inherit}button:focus{outline:2px solid #7a8c92;outline:2px solid var(--pine-accent);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f2f0ef;background:var(--pine-primary)}::-webkit-scrollbar-thumb{background:#7a8c92;background:var(--pine-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#085139;background:var(--pine-forest-green)}.bg-animation{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@media (max-width:1024px){.bg-animation{background-attachment:scroll;min-height:100%;position:absolute}}.bg-animation:before{background:radial-gradient(circle at 20% 50%,#08513908 0,#0000 50%),radial-gradient(circle at 80% 20%,#08513905 0,#0000 50%),radial-gradient(circle at 40% 80%,#7a8c9203 0,#0000 50%);content:"";position:absolute}.bg-animation:before,.grid-overlay{height:100%;left:0;top:0;width:100%}.grid-overlay{animation:gridMove 40s linear infinite;background-image:linear-gradient(#08513933 1px,#0000 0),linear-gradient(90deg,#08513933 1px,#0000 0);background-size:100px 100px;opacity:.01;position:fixed;z-index:-1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.glass-card{background:#ffffffe6;border:1px solid #0851391a;border-radius:20px;box-shadow:0 10px 30px #0000001a}.glass-card,.glass-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-header{background:#fff;border-bottom:1px solid #7a8c9233;display:flex;justify-content:space-between;width:100%!important}.modern-btn{background:#085139;background:var(--pine-forest-green);border:none;border-radius:12px;cursor:pointer;display:inline-block;font-weight:600;text-align:center;transition:all .3s ease}.modern-btn,.modern-btn:hover{color:#f2f0ef;color:var(--pine-off-white)}.modern-btn:hover{box-shadow:0 15px 40px #0851394d;transform:translateY(-2px)}.modern-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #08513933;border-radius:12px;transition:all .3s ease}.modern-input:focus{background:#fff;border-color:#085139;border-color:var(--pine-forest-green);box-shadow:0 10px 30px #0851391a;outline:none;transform:translateY(-2px)}.modern-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #0851391a;border-radius:20px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.modern-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.min-h-screen{min-height:100vh}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.top-0{top:0}.z-100{z-index:100}.z-10{z-index:10}.py-20{padding-bottom:5rem;padding-top:5rem}.py-16{padding-bottom:4rem;padding-top:4rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.p-8{padding:2rem}.p-12{padding:3rem}.max-w-7xl{max-width:100rem}.max-w-3xl{max-width:48rem}.max-w-2xl{max-width:42rem}.max-w-md{max-width:28rem}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.grid{display:grid;justify-content:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.space-x-3>*+*{margin-left:.75rem}.space-x-8>*+*{margin-left:2rem}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mb-8{margin-bottom:2rem}.mb-20{margin-bottom:5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-3{margin-bottom:.75rem}.mt-20{margin-top:5rem}.text-left{text-align:left}.text-5xl{font-size:3rem;line-height:1.2}.text-7xl{font-size:4.5rem;line-height:1.2}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem}.text-lg,.text-xl{line-height:1.75rem}.text-lg{font-size:1.125rem}.text-6xl{font-size:3.75rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-light{font-weight:300}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.text-pine-slate-gray{color:#7a8c92;color:var(--pine-slate-gray)}.text-pine-forest-green{color:#085139;color:var(--pine-forest-green)}.text-pine-off-white{color:#f2f0ef;color:var(--pine-off-white)}.hover\:text-pine-forest-green:hover{color:#085139;color:var(--pine-forest-green)}.hover\:text-pine-off-white:hover{color:#f2f0ef;color:var(--pine-off-white)}.hover\:bg-pine-forest-green:hover{background-color:#085139;background-color:var(--pine-forest-green)}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-pine-forest-green{border-color:#085139;border-color:var(--pine-forest-green)}.border-pine-slate-gray\/20{border-color:#7a8c9233}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.hover\:scale-105:hover{transform:scale(1.05)}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.inline-block{display:inline-block}.hidden{display:none}.bg-white{background-color:#fff}.pt-12{padding-top:3rem}.flex-1{flex:1 1}@media (min-width:768px){.md\:flex{display:flex}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-7xl{font-size:4.5rem;line-height:1.2}.md\:text-5xl{font-size:3rem;line-height:1.2}.md\:flex-row{flex-direction:row}.md\:mb-0{margin-bottom:0}.md\:text-right{text-align:right}}@media (min-width:640px){.sm\:flex-row{flex-direction:row}}.loading-app{background:#f2f0ef;background:var(--pine-background)}.pine-logo-loading{color:#085139;color:var(--pine-forest-green)}.pine-logo-loading:before{background:linear-gradient(90deg,#085139,#7a8c92);background:linear-gradient(90deg,var(--pine-forest-green) 0,var(--pine-slate-gray) 100%)}.loading-text{color:#7a8c92;color:var(--pine-slate-gray)}.social-home.background-container{background:#f2f0ef;background:var(--pine-background);position:relative}.social-home.background-container:before{background:#f2f0efcc;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.homeCardGroup{display:flex;flex-direction:row}@media (max-width:768px){.pine-logo-loading{font-size:3rem}.loading-text{font-size:1rem}.text-5xl{font-size:2.5rem;line-height:1.2}.homeCardGroup{display:flex;flex-direction:column}}@media (max-width:480px){.pine-logo-loading{font-size:2.5rem}.loading-text{font-size:.9rem}.text-5xl{font-size:2rem;line-height:1.2}.px-6{padding-left:1rem;padding-right:1rem}.py-20{padding-bottom:3rem;padding-top:5rem}.px-10{padding-left:1.5rem;padding-right:1.5rem}.p-8{padding:1.5rem}.p-12{padding:2rem}.text-6xl{font-size:2.5rem}.gap-6{gap:1rem}.space-x-8>*+*{margin-left:1rem}}.home-page{background:#f2f0ef;background:var(--pine-background);min-height:100vh}.hero{background:#0000}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#085139,#7a8c92);background:linear-gradient(135deg,var(--pine-forest-green),var(--pine-slate-gray));background-clip:text;-webkit-background-clip:text;font-weight:700}.hero-description{color:#7a8c92;color:var(--pine-slate-gray)}.btn{border-radius:12px;cursor:pointer;display:inline-block;font-weight:600;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:#085139;background:var(--pine-forest-green);border:none}.btn-primary,.btn-primary:hover{color:#f2f0ef;color:var(--pine-off-white)}.btn-primary:hover{box-shadow:0 15px 40px #0851394d;transform:translateY(-2px)}.btn-secondary{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border:2px solid #085139;border:2px solid var(--pine-forest-green);color:#085139;color:var(--pine-forest-green)}.btn-secondary:hover{background:#085139;background:var(--pine-forest-green);color:#f2f0ef;color:var(--pine-off-white)}.step-icon{color:#085139;color:var(--pine-forest-green);font-size:3.75rem;font-weight:300;margin-bottom:2rem}h1,h2,h3,h4,h5,h6{color:#085139;color:var(--pine-foreground)}p{color:#7a8c92;color:var(--pine-slate-gray)}:root{--primary:#184f43}.navbar{align-items:center;box-shadow:0 0 10px #00000022;display:flex;height:60px;justify-content:space-between;padding:0 60px;position:fixed;width:100%}.navbarCompany{font-size:30px;pointer-events:none}.mub_nav_btnSignIn{background:#085139;border-radius:5px;color:#fff;cursor:pointer;display:flex;padding:5px 15px}.mub_nav_btnSignIn:hover{background:#039967}.mub_homelink{align-items:center;cursor:pointer;display:flex;outline:none!important}.narbarHeader{height:60px;padding:70px;width:100%}.narbarHeader,.navbar-container{align-items:center;display:flex;justify-content:space-between}.navbar-logo{text-decoration:none}.logo-text{color:#184f43;color:var(--primary);font-size:1.8rem;font-weight:700}.nav-links,.nav-menu{align-items:center;display:flex}.nav-links{gap:2rem;list-style:none;margin:0;padding:0}.nav-links a{font-weight:500;text-decoration:none;transition:color .3s}.nav-links a,.nav-links a:hover{color:#184f43;color:var(--primary)}.signin-button{background-color:#184f43;background-color:var(--primary);border-radius:5px;color:var(--on-primary)!important;margin-left:auto;padding:.4rem 1rem;transition:background-color .3s!important}.signin-button:hover{background-color:var(--primary-dark);color:var(--on-primary)!important}.profile-menu-container{align-items:center;display:flex;position:relative}.profile-button{align-items:center!important;background:none!important;border:none!important;border-radius:50%;cursor:pointer;display:flex!important;height:48px;justify-content:center!important;min-height:48px;min-width:48px;padding:4px!important;transition:all .2s ease;width:48px}.profile-button:hover{background-color:#0000000d!important;transform:scale(1.05)}.profile-button:focus{outline:2px solid #184f43;outline:2px solid var(--primary);outline-offset:2px}.navbar-avatar-container{align-items:center!important;border:2px solid #fff;border-radius:50%!important;box-shadow:0 2px 4px #0000001a;display:flex!important;flex-shrink:0;height:40px!important;justify-content:center!important;min-height:40px!important;min-width:40px!important;overflow:hidden!important;position:relative!important;transition:all .2s ease;width:40px!important}.profile-button:hover .navbar-avatar-container{border-color:#184f43;border-color:var(--primary);box-shadow:0 0 0 2px #228b2233}.navbar-profile-photo{border-radius:50%!important;display:block!important;height:100%!important;object-fit:cover!important;object-position:center center!important;width:100%!important}.avatar{align-items:center;border:2px solid #e5e7eb;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;position:relative;transition:border-color .2s,box-shadow .2s;width:40px}.profile-button .avatar{border:2px solid #fff!important;box-shadow:0 2px 4px #0000001a!important}.avatar-image{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.avatar-initials{align-items:center!important;background:linear-gradient(135deg,#184f43,var(--primary-dark));background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:2px solid #fff;border-radius:50%!important;box-shadow:0 2px 4px #0000001a;color:#fff!important;display:flex!important;font-size:1rem;font-weight:600;height:100%!important;justify-content:center!important;-webkit-user-select:none;user-select:none;width:100%!important}.profile-dropdown{animation:dropdownFadeIn .2s ease-out;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000d;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:280px;z-index:1001}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbarHeader{height:60px;justify-content:space-between;padding:0;width:85%}.navbarHeader,.profile-header{align-items:center;display:flex}.profile-header{background:linear-gradient(135deg,#f8fffe,#f0f9ff);border-bottom:1px solid #e5e7eb;gap:.75rem;padding:1.25rem}.profile-avatar-dropdown{align-items:center!important;border:3px solid #fff!important;border-radius:50%!important;box-shadow:0 2px 8px #0000001a!important;display:flex!important;flex-shrink:0;height:50px!important;justify-content:center!important;overflow:hidden!important;width:50px!important}.profile-avatar-dropdown .avatar-image{height:100%;object-fit:cover;width:100%}.profile-avatar-dropdown .avatar-initials{background:linear-gradient(135deg,#184f43,var(--primary-dark));background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none!important;box-shadow:none!important;font-size:1.2rem!important;height:100%!important;width:100%!important}.profile-info{flex:1 1;min-width:0}.profile-name{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:.25rem}.profile-email,.profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email{color:#6b7280;font-size:.85rem}.profile-type{color:#059669;font-size:11px;font-weight:500;margin-top:2px}.profile-menu{background-color:#fff;list-style:none;margin:0;padding:.5rem 0}.profile-menu li{margin:0}.profile-menu a,.profile-menu button{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;padding:.75rem 1.25rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.profile-menu a:hover,.profile-menu button:hover{background-color:#f9fafb;color:#184f43;color:var(--primary);transform:translateX(4px)}.profile-menu i{font-size:1rem;margin-right:.75rem;opacity:.7;text-align:center;width:20px}.divider{background-color:#e5e7eb;height:1px;margin:.5rem 0}.logout-button,.logout-button:hover{color:#dc2626!important}.logout-button:hover{background-color:#fef2f2!important}.network-link{align-items:center;display:inline-flex;gap:8px;position:relative}.notification-badge{align-items:center;animation:pulse 2s infinite;background-color:#ef4444;border:2px solid var(--beige);border-radius:10px;box-shadow:0 1px 3px #0003;color:#fff;display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:2px 6px;position:absolute;right:-8px;top:-8px;z-index:10}.mobile-menu-button{background:none;border:none;cursor:pointer;display:none;height:40px;position:relative;width:40px;z-index:1002}.mobile-menu-button span{background-color:#184f43;background-color:var(--primary);display:block;height:2px;margin:5px 0;transition:all .3s;width:25px}@media (min-width:769px){.md\:hidden{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}}@media (max-width:768px){.mobile-menu-button{display:block}.md\:hidden{display:flex!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important}.navbarHeader{align-items:center;display:flex;height:35px;justify-content:space-between;padding:0;width:95%}.navbarLogo{height:25px;width:25px}.navbarCompany{font-size:15px}.nav-menu{background-color:#fff;box-shadow:-5px 0 15px #0000001a;flex-direction:column;height:100vh;justify-content:flex-start;max-width:300px;padding-top:80px;position:fixed;right:-100%;top:0;transition:right .3s ease;width:80%;z-index:1001}.navbar{align-items:center;box-shadow:0 0 10px #00000022;display:flex;height:40px;justify-content:space-between;padding:0 5px;position:fixed;width:100%}.navbarCompany{font-size:20px;pointer-events:none}.nav-menu.active{right:0}.nav-links{align-items:flex-start;flex-direction:column;gap:1rem;padding:2rem;width:100%}.nav-links li{margin:1rem 0;width:100%}.nav-links a{display:block;padding:.5rem 0;width:100%}.mub_nav_btnSignIn{background:#085139;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;padding:1px 8px}.mub_nav_btnSignIn:hover{background:#085139}.signin-button{display:inline-block;width:auto}.profile-button,.profile-menu-container,nav.hidden{display:none!important;height:0!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;width:0!important}.navbar-avatar,.navbar-avatar-container{display:none!important}.navbar-avatar-container{border-width:1px!important;height:36px!important;min-height:36px!important;min-width:36px!important;width:36px!important}.avatar-initials{font-size:.9rem!important}.profile-dropdown{border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important;margin-top:1rem!important;max-width:none!important;position:static!important;width:100%!important}.profile-dropdown:before{display:none!important}.profile-avatar-dropdown{border-width:2px!important;height:40px!important;width:40px!important}.profile-avatar-dropdown .avatar-initials{font-size:1rem!important}.notification-badge{margin-left:8px!important;position:static!important;transform:none!important}.mub_nav_btnSignIn:after,.mub_nav_btnSignIn:before,.nav-menu:after,.nav-menu:before,.navbar :after,.navbar :before,.navbar-avatar-container:after,.navbar-avatar-container:before,.navbarHeader:after,.navbarHeader:before,.profile-button:after,.profile-button:before,.profile-menu-container:after,.profile-menu-container:before{content:none!important;display:none!important;height:0!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;width:0!important}}.navbar *{box-sizing:border-box}.nav-links:after,.nav-links:before,.nav-menu:after,.nav-menu:before,.navbar :after,.navbar :before,.navbar-avatar-container:after,.navbar-avatar-container:before,.profile-button:after,.profile-button:before,.profile-menu-container:after,.profile-menu-container:before,header:after,header:before{content:none!important;display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.profile-dropdown:before{content:none!important;display:none!important}.navbar>:not(.navbarHeader):not(.nav-menu){pointer-events:none!important}.md\:hidden{pointer-events:auto!important}.ProfilePhoto{border-radius:50%!important;overflow:hidden!important}.navbar:after,.navbar:before{content:none!important;display:none!important}.navbar-avatar-container .avatar-image,.navbar-avatar-container img,.navbar-profile-photo{height:100%!important;margin:0!important;object-fit:cover!important;object-position:center center!important;padding:0!important;width:100%!important}.navbar-avatar-container [style*=background]{background-position:50%!important;background-size:cover!important}.navbar-avatar-container{margin:0!important;padding:0!important}.pine-back-button{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #08513926;border-radius:50%;box-shadow:0 2px 8px #00000014;color:#085139;color:var(--pine-forest-green,#085139);cursor:pointer;display:flex;height:40px;justify-content:center;left:20px;padding:0;position:fixed;top:80px;transition:all .2s ease;width:40px;z-index:9999}.pine-back-button:hover{background:#085139;background:var(--pine-forest-green,#085139);box-shadow:0 4px 12px #08513933;color:#fff;transform:translateY(-1px)}.pine-back-button:active{box-shadow:0 2px 6px #08513926;transform:translateY(0)}.pine-back-button svg{flex-shrink:0;transition:transform .2s ease}.pine-back-button:hover svg{transform:translateX(-1px)}.pine-back-button--green{background:#085139;background:var(--pine-forest-green,#085139);border:1px solid #085139;border:1px solid var(--pine-forest-green,#085139);color:#fff}.pine-back-button--green:hover{background:#085139e6;box-shadow:0 4px 12px #0851394d;color:#fff;transform:translateY(-1px)}@media (max-width:768px){.pine-back-button{height:36px;left:15px;top:75px;width:36px}.pine-back-button svg{height:16px;width:16px}}@media (max-width:480px){.pine-back-button{height:34px;left:10px;top:70px;width:34px}.pine-back-button svg{height:14px;width:14px}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(100px,100px)}}.pine-settings-container{margin:0 auto;max-width:1200px;padding:6rem 1rem 2rem;position:relative;z-index:1}.pine-settings-header{animation:fadeInUp 1s ease-out forwards;margin-bottom:3rem;text-align:center}.pine-settings-header h1{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.pine-settings-header p{color:#7a8c92;color:var(--pine-slate-gray);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.pine-auth-required{animation:fadeInUp 1s ease-out forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0851391a;border-radius:24px;box-shadow:0 15px 40px #0000001a;padding:4rem 2rem;text-align:center}.auth-icon{font-size:4rem;margin-bottom:1.5rem}.pine-auth-required h2{font-size:2rem;font-weight:600;margin-bottom:1rem}.pine-auth-required p{color:#7a8c92;color:var(--pine-slate-gray);font-size:1.1rem;margin-bottom:2rem}.pine-alert{align-items:center;animation:slideIn .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.pine-alert-error{background:#ef44441a;border-color:#ef444433;color:#dc2626}.pine-alert-success{background:#22c55e1a;border-color:#22c55e33;color:#16a34a}.alert-icon{flex-shrink:0;font-size:1.2rem}.alert-close{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;margin-left:auto;padding:0;transition:all .2s;width:24px}.alert-close:hover{background:#0000001a}.pine-settings-single-layout{animation:fadeInUp 1s ease-out .3s both}.pine-settings-content-full{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0851391a;border-radius:24px;box-shadow:0 15px 40px #00000026;margin:0 auto;max-width:900px;padding:2.5rem}.pine-settings-layout{grid-gap:2rem;animation:fadeInUp 1s ease-out .3s both;display:grid;gap:2rem;grid-template-columns:280px 1fr}.pine-settings-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0851391a;border-radius:20px;box-shadow:0 10px 30px #0000001a;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.pine-nav-tab{align-items:center;background:none;border:none;border-radius:12px;color:#7a8c92;color:var(--pine-slate-gray);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:1rem;margin-bottom:.5rem;padding:1rem 1.5rem;text-align:left;transition:all .3s ease;width:100%}.pine-nav-tab:hover{background:#0851390d;color:#085139;color:var(--pine-forest-green);transform:translateX(4px)}.pine-nav-tab.active{background:#085139;background:var(--pine-forest-green);box-shadow:0 4px 12px #0851394d;color:#f2f0ef;color:var(--pine-off-white);transform:translateX(8px)}.tab-icon{font-size:1.2rem;text-align:center;width:24px}.tab-label{flex:1 1}.pine-settings-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0851391a;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:0}.pine-settings-section{padding:2.5rem}.pine-section-header{border-bottom:1px solid #0851391a;margin-bottom:2rem;padding-bottom:1.5rem}.pine-section-header h2{font-size:2rem;font-weight:600;margin-bottom:.5rem}.pine-section-header p{color:#7a8c92;color:var(--pine-slate-gray);font-size:1.1rem;line-height:1.6}.pine-settings-form{display:flex;flex-direction:column;gap:1.5rem}.pine-form-section{margin-bottom:2rem}.pine-form-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.pine-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.pine-form-group{display:flex;flex-direction:column;gap:.5rem}.pine-form-group label{color:#085139;color:var(--pine-forest-green);font-size:.95rem;font-weight:600}.pine-input,.pine-select,.pine-textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #08513933;border-radius:12px;color:#085139;color:var(--pine-forest-green);font-family:Inter,sans-serif;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease}.pine-input:focus,.pine-select:focus,.pine-textarea:focus{background:#fff;border-color:#085139;border-color:var(--pine-forest-green);box-shadow:0 8px 20px #0851391a;outline:none;transform:translateY(-2px)}.pine-input.disabled,.pine-input::placeholder,.pine-textarea::placeholder{color:#7a8c92;color:var(--pine-slate-gray)}.pine-input.disabled{background:#7a8c921a;cursor:not-allowed}.pine-field-hint{color:#7a8c92;color:var(--pine-slate-gray);font-size:.85rem;margin-top:.25rem}.pine-profile-photo-section{align-items:center;background:#08513905;border:2px solid #0851391a;border-radius:16px;display:flex;flex-direction:column;gap:1rem;padding:2rem}.pine-photo-preview,.pine-photo-preview-container{height:120px;position:relative;width:120px}.pine-photo-preview{align-items:center;border:4px solid #0851391a;border-radius:50%;box-shadow:0 8px 20px #0000001a;display:flex;justify-content:center;overflow:hidden}.pine-profile-photo-preview{height:100%;object-fit:cover;width:100%}.pine-photo-placeholder{align-items:center;background:linear-gradient(135deg,#085139,#7a8c92);background:linear-gradient(135deg,var(--pine-forest-green),var(--pine-slate-gray));border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:3.5rem;font-weight:600;height:100%;justify-content:center;transition:all .3s ease;width:100%}.pine-photo-placeholder:hover{transform:scale(1.02)}.pine-edit-photo-btn{align-items:center;background:#085139;background:var(--pine-forest-green);border:3px solid #fff;border-radius:50%;bottom:-5px;box-shadow:0 4px 12px #0851394d;color:#fff;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;position:absolute;right:-5px;transition:all .3s;width:36px}.pine-edit-photo-btn:hover{background:#064a34;box-shadow:0 6px 16px #08513966;transform:scale(1.1)}.photo-help-text{text-align:center}.photo-help-text p{color:#7a8c92;color:var(--pine-slate-gray);font-size:.9rem;margin:0}.pine-photo-modal-overlay{align-items:flex-start;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem 1rem;position:fixed;right:0;top:0;z-index:1000}.pine-photo-modal{animation:modalSlideIn .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #e5e7ebcc;border-radius:16px;box-shadow:0 10px 30px #00000026;max-height:80vh;max-width:480px;overflow-y:auto;padding:0;position:relative;width:100%}.pine-photo-modal.cropping-active{max-height:90vh;overflow-y:auto}.pine-photo-modal.cropping-active .pine-modal-content{overflow:visible}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pine-modal-header{border-bottom:1px solid #e5e7ebcc;padding:1.5rem 1.5rem 1rem}.pine-modal-close{align-items:center;background:#6b72801a;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.pine-modal-close:hover{background:#6b728033;color:#374151}.pine-modal-content{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem 1.5rem}.current-photo-preview{display:flex;justify-content:center;margin-bottom:.5rem}.current-photo{align-items:center;border:1px solid #e5e7ebcc;border-radius:50%;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.pine-upload-section{background:#f9fafb80;border:1px dashed #6b72804d;border-radius:12px;cursor:pointer;padding:2rem 1.5rem;text-align:center;transition:all .3s}.pine-upload-section:hover{background:#0851390d;border-color:#085139}.upload-icon{align-items:center;color:#6b7280;display:flex;justify-content:center;margin-bottom:.75rem}.upload-icon svg{height:32px;width:32px}.upload-text h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.upload-text p{color:#6b7280;font-size:.9rem;line-height:1.4;margin:0}.pine-file-input-label{align-items:center;background:#085139;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-top:.75rem;padding:.75rem 1.5rem;transition:all .2s}.pine-file-input-label svg{height:16px;width:16px}.pine-file-input-label:hover{background:#064a34}.photo-preview-container{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.preview-photo{align-items:center;border:1px solid #e5e7ebcc;border-radius:50%;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.preview-text{text-align:center}.preview-text h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.preview-text p{color:#6b7280;font-size:.9rem;line-height:1.4;margin:0}.uploading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem 1.5rem}.uploading-spinner{align-items:center;animation:spin 1s linear infinite;color:#085139;display:flex;justify-content:center}.uploading-spinner svg{height:32px;width:32px}.uploading-text{text-align:center}.uploading-text h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.uploading-text p{color:#6b7280;font-size:.9rem;line-height:1.4;margin:0}.uploading-message{padding:1rem;text-align:center}.uploading-message p{color:#6b7280;font-size:.9rem;margin:0}.photo-step-container{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 1.5rem}.success-container{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:2rem 1.5rem}.success-icon{align-items:center;color:#22c55e;display:flex;justify-content:center}.success-text{text-align:center}.success-text h4{color:#22c55e;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.success-text p{color:#6b7280;font-size:.9rem;line-height:1.4;margin:0}.file-selected-info{padding:1.5rem}.file-selected-card{background:#22c55e0d;border:1px solid #22c55e33;border-radius:12px;gap:1rem;margin-bottom:1rem;padding:1rem}.file-icon,.file-selected-card{align-items:center;display:flex}.file-icon{background:#22c55e1a;border-radius:8px;color:#16a34a;flex-shrink:0;height:40px;justify-content:center;width:40px}.file-details{flex:1 1;text-align:left}.file-name{color:var(--pine-dark-forest);font-size:.95rem;font-weight:600;margin-bottom:.25rem}.file-size{color:#7a8c92;color:var(--pine-slate-gray);font-size:.85rem}.file-status{align-items:center;background:#16a34a;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.file-hint{background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;color:#16a34a;font-size:.9rem;font-weight:500;margin:0;padding:.75rem;text-align:center}.photo-crop-container{margin:0;padding-top:.5rem;width:100%}.crop-header{margin-bottom:1rem;text-align:center}.crop-header h4{color:var(--pine-dark-forest);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.crop-header p{color:#7a8c92;color:var(--pine-slate-gray);font-size:.9rem;margin:0}.cropper-wrapper{background:#f8f9fa;border:1px solid #0851391a;border-radius:12px;overflow:hidden}.cropper-container{background:#000;height:350px;position:relative;width:100%}.crop-controls{background:#fff;border-top:1px solid #0851391a;padding:1rem}.zoom-control{align-items:center;display:flex;gap:1rem}.zoom-control label{color:var(--pine-dark-forest);font-size:.9rem;font-weight:500;min-width:40px}.zoom-slider{-webkit-appearance:none;background:#0851391a;border-radius:3px;flex:1 1;height:6px;outline:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#085139;background:var(--pine-forest-green);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px;width:20px}.zoom-slider::-moz-range-thumb{background:#085139;background:var(--pine-forest-green);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:20px;width:20px}.crop-actions{background:#08513905;border-radius:0 0 12px 12px;gap:1rem;padding:1rem}.crop-actions,.crop-edit-actions{display:flex;justify-content:center;margin-top:1rem}.crop-edit-btn{align-items:center;display:inline-flex;font-size:.9rem;gap:.5rem}.pine-error-message{background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#dc2626;font-size:.9rem;padding:1rem}.pine-modal-actions{border-top:1px solid #e5e7ebcc;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.pine-btn-modal{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;min-width:100px;padding:.75rem 1.5rem;transition:all .2s}.pine-btn-modal.secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.pine-btn-modal.secondary:hover{background:#f9fafb;border-color:#9ca3af}.pine-btn-modal.danger{background:#fff;border:1px solid #dc2626;color:#dc2626}.pine-btn-modal.danger:hover{background:#fef2f2;border-color:#b91c1c;color:#b91c1c}.pine-btn-modal.primary{background:#085139;color:#fff}.pine-btn-modal.primary:hover{background:#064a34}.pine-btn-modal:disabled{cursor:not-allowed;opacity:.6}.pine-skill-input{align-items:flex-end;display:flex;gap:.75rem}.pine-skill-input .pine-input{flex:1 1}.pine-btn-add-skill{background:#085139;background:var(--pine-forest-green);border:none;border-radius:12px;color:#fff;cursor:pointer;flex-shrink:0;font-weight:600;padding:.875rem 1.5rem;transition:all .3s}.pine-btn-add-skill:hover{background:#064a34;transform:translateY(-2px)}.pine-skills-display{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.pine-skill-tag{background:#0851391a;border:1px solid #08513933;border-radius:20px;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.pine-skill-tag,.remove-skill{align-items:center;color:#085139;color:var(--pine-forest-green);display:flex}.remove-skill{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.1rem;height:20px;justify-content:center;padding:0;transition:all .2s;width:20px}.remove-skill:hover{background:#08513933}.pine-school-search-container{position:relative}.pine-college-dropdown{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #08513933;border-radius:12px;box-shadow:0 8px 24px #00000026;left:0;margin-top:.5rem;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.pine-college-option{border-bottom:1px solid #0851390d;color:#085139;color:var(--pine-forest-green);cursor:pointer;font-weight:500;padding:.875rem 1rem;transition:all .2s}.pine-college-option:hover{background:#0851390d;transform:translateX(4px)}.pine-college-option:last-child{border-bottom:none}.pine-profession-display{background:#0851390d;border:2px solid #0851391a;border-radius:12px;color:#085139;color:var(--pine-forest-green);font-weight:600;margin:0;padding:.875rem 1rem}.pine-checkbox-group{background:#08513905;border:1px solid #0851391a;border-radius:12px;padding:1.5rem;transition:all .3s ease}.pine-checkbox-group:hover{background:#0851390d;border-color:#08513933}.pine-checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:1rem}.pine-checkbox{accent-color:#085139;accent-color:var(--pine-forest-green);cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.pine-checkbox-text{flex:1 1}.pine-checkbox-text strong{color:#085139;color:var(--pine-forest-green);display:block;font-size:1rem;margin-bottom:.25rem}.pine-checkbox-text small{color:#7a8c92;color:var(--pine-slate-gray);font-size:.9rem;line-height:1.4}.pine-btn-primary,.pine-save-button{align-items:center;background:#085139;background:var(--pine-forest-green);border:none;border-radius:12px;box-shadow:0 4px 12px #0851394d;color:#f2f0ef;color:var(--pine-off-white);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:160px;padding:1rem 2rem;transition:all .3s ease}.pine-btn-primary:hover,.pine-save-button:hover{background:#064a34;box-shadow:0 8px 20px #08513966;transform:translateY(-2px)}.pine-save-button.loading{background:#7a8c92;background:var(--pine-slate-gray);cursor:not-allowed;transform:none}.pine-save-button.success{background:#16a34a;transform:scale(1.02)}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:16px;width:16px}.checkmark,.spinner{display:inline-block}.checkmark{animation:bounce .6s ease;font-weight:700}.pine-btn-danger{background:#dc2626;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.pine-btn-danger:hover{background:#b91c1c;box-shadow:0 8px 20px #dc26264d;transform:translateY(-2px)}.pine-form-actions{border-top:1px solid #0851391a;display:flex;justify-content:flex-end;margin-top:1rem;padding-top:2rem}.pine-danger-zone{background:#ef444405;border:2px solid #ef444433;border-radius:16px;margin-top:3rem;padding:2rem}.pine-danger-zone h3{color:#dc2626;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.pine-danger-action{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between}.danger-content{flex:1 1}.danger-content h4{color:#dc2626;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.danger-content p{color:#7a8c92;color:var(--pine-slate-gray);font-size:.95rem;line-height:1.5;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#085139,#7a8c92);background:linear-gradient(135deg,var(--pine-forest-green),var(--pine-slate-gray));background-clip:text;-webkit-background-clip:text;color:#0000}@media (max-width:1024px){.pine-settings-container{padding:1.5rem .75rem}.pine-settings-layout{gap:1.5rem;grid-template-columns:1fr}.pine-settings-nav{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:1rem;position:static}.pine-nav-tab{flex-direction:column;gap:.5rem;margin-bottom:0;padding:.75rem 1rem;text-align:center}.pine-nav-tab.active,.pine-nav-tab:hover{transform:none}.pine-form-grid{grid-template-columns:1fr}}@media (max-width:768px){.pine-settings-header h1{font-size:2.5rem}.pine-settings-section{padding:2rem}.pine-section-header h2{font-size:1.75rem}.pine-settings-nav{grid-template-columns:repeat(2,1fr)}.pine-btn-modal{width:100%}.pine-danger-action{flex-direction:column;gap:1rem}.pine-form-actions{justify-content:center}.pine-skill-input{align-items:stretch;flex-direction:column}.pine-btn-add-skill{align-self:flex-start}}@media (max-width:480px){.pine-settings-container{padding:1rem .5rem}.pine-settings-header h1{font-size:2rem}.pine-settings-section{padding:1.5rem}.pine-auth-required{padding:3rem 1.5rem}.auth-icon{font-size:3rem}.pine-auth-required h2{font-size:1.75rem}.pine-settings-nav{grid-template-columns:1fr}.pine-nav-tab{flex-direction:row;justify-content:flex-start;text-align:left}.pine-photo-modal{margin:.5rem;max-height:90vh;max-width:calc(100% - 1rem)}.pine-modal-actions,.pine-modal-content,.pine-modal-header{padding-left:1.5rem;padding-right:1.5rem}.pine-upload-section{padding:1rem}.upload-icon{font-size:1.5rem}.current-photo{height:60px;width:60px}.pine-photo-preview,.pine-photo-preview-container{height:100px;width:100px}.pine-photo-placeholder{font-size:2.5rem}.pine-edit-photo-btn{font-size:12px;height:32px;width:32px}.pine-form-section h3{font-size:1.1rem}.pine-section-header h2{font-size:1.5rem}.pine-section-header p{font-size:1rem}.pine-checkbox-group{padding:1rem}.pine-checkbox-label{gap:.75rem}.pine-danger-zone{padding:1.5rem}}@media (max-width:640px){.pine-form-grid{gap:1rem}.pine-alert{gap:.75rem;padding:.875rem 1rem}.alert-icon{font-size:1rem}.pine-btn-primary,.pine-save-button{font-size:.95rem;min-width:140px;padding:.875rem 1.5rem}.pine-input,.pine-select,.pine-textarea{font-size:.95rem;padding:.75rem .875rem}.pine-field-hint{font-size:.8rem}.pine-skill-tag{font-size:.85rem;padding:.4rem .75rem}.pine-college-option{font-size:.95rem;padding:.75rem .875rem}}.pine-btn-danger:focus-visible,.pine-btn-primary:focus-visible,.pine-checkbox:focus-visible,.pine-input:focus-visible,.pine-nav-tab:focus-visible,.pine-save-button:focus-visible,.pine-select:focus-visible,.pine-textarea:focus-visible{outline:2px solid #085139;outline:2px solid var(--pine-forest-green);outline-offset:2px}@media (prefers-contrast:high){.pine-input,.pine-select,.pine-textarea{border-width:3px}.pine-alert{border-width:2px}.pine-nav-tab.active{outline:2px solid #f2f0ef;outline:2px solid var(--pine-off-white)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.settings-grid-overlay{animation:none}}@media print{.pine-settings-page{background:#fff}.pine-danger-zone,.pine-form-actions,.pine-settings-nav,.settings-bg-animation,.settings-grid-overlay{display:none}.pine-settings-layout{grid-template-columns:1fr}.pine-settings-content,.pine-settings-section{background:#fff;border:1px solid #ccc;box-shadow:none}}:root{--pine-off-white:#f2f0ef;--pine-forest-green:#085139;--pine-slate-gray:#7a8c92;--pine-sage-green:#bfd8b8}.pine-settings-page{background:#f2f0ef;background:var(--pine-off-white);font-family:Inter,sans-serif;min-height:100vh;position:relative}.settings-bg-animation{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-2}.settings-bg-animation:before{background:radial-gradient(circle at 20% 50%,#08513905 0,#0000 50%),radial-gradient(circle at 80% 20%,#08513903 0,#0000 50%),radial-gradient(circle at 40% 80%,#7a8c9203 0,#0000 50%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.settings-grid-overlay{animation:gridMove 40s linear infinite;background-image:linear-gradient(#0851394d 1px,#0000 0),linear-gradient(90deg,#0851394d 1px,#0000 0);background-size:100px 100px;height:100%;left:0;opacity:.005;position:fixed;top:0;width:100%;z-index:-1}.pine-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.pine-modal{animation:slideUp .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #08513926;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.pine-modal-header{align-items:center;border-bottom:1px solid #0851391a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.pine-modal-header h3{font-size:1.5rem;font-weight:600;margin:0}.pine-btn-secondary{background:#0000;border:1px solid #085139;border-radius:12px;color:#085139;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.pine-btn-secondary:hover:not(:disabled){background:#0851390d;transform:translateY(-2px)}.pine-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.signin{align-items:center;background:#0000;height:calc(100vh - 52px);justify-content:flex-start;overflow:hidden;padding-top:80px;width:100vw}.signin,.signinBox{display:flex;flex-direction:column}.signinBox{background:#fff;border-radius:10px;box-shadow:0 0 10px #00000022;min-height:500px;min-width:600px;padding:30px;position:relative}.signinTitle{color:#085139;font-size:30px;font-weight:600}.signinText{color:#666;font-size:17px;padding:0 0 20px}.signinRow{align-items:center;background:#f2f0ef;border-radius:8px;display:flex;height:45px;justify-content:space-around;padding:2px;width:100%}.signinBtn{border-radius:7px;cursor:pointer;padding:10px}.signinGoogleBtn{background:#f2f0ef;margin:20px 0 12px}.signinGithubBtn,.signinGoogleBtn{align-items:center;border:1px solid #98a5a9;border-radius:8px;cursor:pointer;display:flex;height:50px;justify-content:center;padding:5px;width:100%}.signinGithubBtn{background:#fff}.signinEmail{align-items:center;display:flex;height:25px;justify-content:center;margin:20px 0;width:100%}.signinLine{background:#085139;height:1px;width:26%}.signinInput{border:1px solid #98a5a9;border-radius:8px;font-size:16px;height:40px;outline:none;padding:5px 10px}.siginBtn{background:#085139;border-radius:8px;color:#fff;cursor:pointer;height:50px;margin:20px 0;padding:5px;width:100%}.siginBtn,.signinError{align-items:center;display:flex;justify-content:center}.signinError{color:red;flex-direction:column;font-size:14px;height:30px;margin-top:10px;opacity:0}.signinForget{align-items:center;color:#085139;cursor:pointer;display:flex;font-weight:500;justify-content:center;margin:10x}@media (max-width:768px){.signinBox{background:#fff;border-radius:10px;box-shadow:0 0 10px #00000044;display:flex;flex-direction:column;justify-content:center;min-height:550px;min-width:320px;padding:20px;position:relative}.signinGoogleBtn{background:#f2f0ef;margin:20px 0 12px}.signinGithubBtn,.signinGoogleBtn{align-items:center;border:1px solid #98a5a9;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px;width:100%}.signinGithubBtn{background:#fff}.signinEmail{align-items:center;display:flex;height:15px;justify-content:center;margin:10px 0;width:100%}.signinTitle{color:#085139;font-size:24px;font-weight:600;margin-top:-20px}.signinText{color:#666;font-size:16px;padding:0 0 10px}.signinLine{background:#085139;height:1px;width:20%}.signinError{align-items:center;color:red;display:flex;flex-direction:column;font-size:14px;height:20px;justify-content:center;margin-top:0 5px;opacity:0}.siginBtn{background:#085139;border-radius:8px;color:#fff;height:50px;margin:10px 0;padding:5px;width:100%}.siginBtn,.signinForget{align-items:center;cursor:pointer;display:flex;justify-content:center}.signinForget{color:#085139;font-weight:500;margin-bottom:30px}}.signup{align-items:center;background:#0000;display:flex;justify-content:center;min-height:100vh;padding-bottom:20px;padding-top:80px;width:100vw}.signupBox{background:#fff;border-radius:10px;box-shadow:0 0 10px #00000022;display:flex;flex-direction:column;height:auto;margin:0 auto;max-height:calc(100vh - 120px);max-width:550px;min-height:600px;overflow-y:auto;padding:30px;position:relative;width:90%}.signupLeft{display:none}@keyframes fadeBackground{0%{background-image:url(/static/media/slide1.3643c58c9ff6f18ac286.jpg)}33%{background-image:url(/static/media/slide2.895a8b16f468aec36e44.jpg)}66%{background-image:url(/static/media/slide3.82fc89c1162d701a7030.jpg)}to{background-image:url(/static/media/slide1.3643c58c9ff6f18ac286.jpg)}}.signupLens{background:#08513966;border-radius:10px 0 0 10px;height:100%;left:0;top:0;width:100%}.leftbottom,.signupLens{color:#fff;position:absolute}.leftbottom{bottom:30px;font-size:18px}.leftArea{height:100%;padding:30px;width:100%}.logowhite{cursor:pointer;height:30px}.logoText{color:#fff;font-size:16px;position:relative}.customList{color:#fff;font-size:14px;list-style:none;padding-left:0;padding-top:10px}.customList li{color:#fff;margin-bottom:2px;padding-left:17px;position:relative}.customList li:before{content:url(/static/media/bullet.a2c4256a681fdc91813c.svg);height:16px;left:0;position:absolute;top:2px;width:16px}.signupRight{height:100%;position:relative;width:100%}.singupRightBox{height:100%}.signupRightUp,.singupRightBox{align-items:center;display:flex;flex-direction:column}.signupRightUp{flex-shrink:0;gap:8px;margin-bottom:15px;min-height:100px;width:100%}.signupRow{align-items:center;background:#f2f0ef;border-radius:8px;display:flex;height:45px;justify-content:space-around;margin:20px 0;padding:2px;width:100%}.signupBtn{border-radius:7px;cursor:pointer;padding:10px}.signupTitle{font-size:28px;font-weight:500;margin:0}.signupSubhead{margin:0;padding-bottom:10px}.signupStepBars{display:flex;justify-content:space-between;margin-bottom:25px;margin-top:10px;padding:10px 0;width:100%}.signupStepBar{background:#ddd;height:7px;width:32%}.signupRightCenter{display:flex;flex:1 1;flex-direction:column;justify-content:start;min-height:320px;overflow:visible;width:100%}.signupPhotoTitle{font-size:20px;font-weight:700}.signupPhotSubTitle{font-size:16px}.signupRightCenterBox{-webkit-overflow-scrolling:touch;display:flex;display:-webkit-flex;flex:1 1;-webkit-flex:1;flex-direction:column;gap:18px;overflow-y:auto;padding:20px 0}.signFieldBox{align-items:center;-webkit-align-items:center;border:1px solid #ccc;border-radius:5px;display:flex;display:-webkit-flex;padding:2px;position:relative}.signupInputTex{padding:5px;width:100%}.signupInputPwd,.signupInputTex{border:none;font-size:16px;outline:none}.signupInputPwd{padding:5px 0 5px 10px;width:90%}.signupValidCheck{display:flex;flex-direction:column;gap:6px;justify-content:center;margin-top:-5px}.signupValidCheckBox{color:#666;font-size:14px;transition:all .2s ease}.signupRightDown{flex-shrink:0;margin-top:auto;min-height:140px;padding-top:15px;position:relative;width:100%}.signupError{color:#ff005e;font-size:14px;justify-content:center;line-height:1.3;max-height:60px;min-height:40px;overflow:hidden;padding:0 10px;text-align:center;width:100%}.signupButtonBox,.signupError{align-items:center;display:flex}.signupButtonBox{justify-content:space-around}.signupButton{align-items:center;background-color:#085139;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;min-height:45px;overflow:hidden;padding:10px 5px;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease-out;white-space:nowrap;width:45%}.signupButton:hover{background-color:#039967}.signupButtomLinkBox{align-items:center;display:flex;justify-content:center;margin-top:20px;padding-bottom:10px;width:100%}.signupSignIn{color:#666;cursor:pointer;display:inline-block;font-weight:700;margin-left:10px;position:relative;text-decoration:none;transition:color .3s ease-out}.signupSignIn:after{background-color:#039967;bottom:0;content:"";height:2px;left:50%;position:absolute;transition:width .3s ease-out,left .3s ease-out;width:0}.signupSignIn:hover{color:#039967}.signupSignIn:hover:after{left:0;width:100%}.professionList{background:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 0 10px #0003;display:none;left:0;max-height:210px;overflow-y:auto;padding:10px;position:absolute;top:0;width:440px;z-index:1000}.signupListText{border:none;color:#666;cursor:text;font-size:16px;outline:none;padding:5px 0 5px 10px;width:100%}.signupStep2Message{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;height:200px;justify-content:center;margin-top:50px;padding:20px}.signupzoom{display:block}@media (max-width:768px){.signup{display:flex;height:93vh;margin:0;padding:0;width:100vw}.signupBox{background:#fff;border-radius:0;box-shadow:0 0 10px #0000;height:100%;margin:0;min-height:100%;min-width:100%;padding:20px;position:relative;width:100%}.signupLeft{display:none}.signupLens{background:#08513966;color:#fff;left:0;position:absolute;top:0}.leftArea,.signupLens{height:100%;width:100%}.leftArea{padding:20px 5px;position:relative}.logowhite{height:24px}.logoText{font-size:12px;left:10px;top:50px}.leftbottom,.logoText{color:#fff;position:absolute}.leftbottom{font-size:18px;right:10px;top:45px}.customList{color:#fff;font-size:12px;line-height:12px;list-style:none;padding-left:0;padding-top:0}.signupRight{height:100%;margin:0;padding:0;position:relative;width:100%}.singupRightBox{height:100%;justify-content:center;padding:10px 20px}.signupRightUp,.singupRightBox{align-items:center;display:flex;flex-direction:column;width:100%}.signupRightUp{gap:5px;margin-bottom:25px;min-height:100px}.signupTitle{font-size:24px;font-weight:500;line-height:24px;margin:0}.signupSubhead{margin:0;padding-bottom:5px}.signupStepBars{display:flex;justify-content:space-between;margin-bottom:20px;margin-top:5px;padding:5px 0;width:100%}.signupRightCenter{display:flex;flex-direction:column;height:60%;justify-content:start;width:100%}.signupRightCenterBox{display:flex;flex-direction:column;gap:7px;justify-content:center}.signFieldBox{align-items:center;border:1px solid #ccc;border-radius:5px;display:flex;padding:2px}.signupInputTex{width:100%}.signupInputPwd,.signupInputTex{border:none;font-size:14px;outline:none;padding:2px 5px}.signupInputPwd{width:90%}.signupError{color:#ff005e;height:20px;overflow-y:none;text-align:center;width:100%}.signupRightDown{height:20%}.signupButton{align-items:center;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;min-height:40px;overflow:hidden;padding:8px 4px;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease-out;white-space:nowrap;width:45%}.signupButton,.signupButton:hover{background-color:#085139}.signupPhotoTitle{font-size:16px;font-weight:700;line-height:16px}.signupPhotSubTitle{font-size:13px;line-height:13px}.signupzoom{display:none}.professionList{background:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 0 10px #0003;display:none;left:0;max-height:210px;overflow-y:auto;padding:10px;position:absolute;top:0;width:calc(100% - 46px);z-index:1000}}.professionList::-webkit-scrollbar,.signupRightCenterBox::-webkit-scrollbar{width:8px}.professionList::-webkit-scrollbar-track,.signupRightCenterBox::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.professionList::-webkit-scrollbar-thumb,.signupRightCenterBox::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.professionList::-webkit-scrollbar-thumb:hover,.signupRightCenterBox::-webkit-scrollbar-thumb:hover{background:#555}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#000!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--gridScrollerWidth:30px;--gridRowHeight:30px}.grid{position:relative}.grid,.gridList{display:flex;width:100%}.gridList{flex-direction:column;height:100%}.gridRow{align-items:center;border-bottom:1px solid #ccc;color:#666;display:flex;font-size:1em;height:30px;height:var(--gridRowHeight);line-height:30px;line-height:var(--gridRowHeight);overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap;width:99%}.gridRow:hover{background:#085139;color:#fff}.scrollbar{background:#0000;display:flex;height:100%;justify-content:center;position:absolute;right:0;width:30px;width:var(--gridScrollerWidth)}.scrollThumb{background:#888;border-radius:6px;box-sizing:border-box;cursor:pointer;left:25%;position:absolute;width:50%}.searchable-list-container,.searchable-list-input-container{position:relative;width:100%}.searchable-list-input{background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:16px;padding:12px 40px 12px 16px;transition:border-color .2s ease;width:100%}.searchable-list-input:focus{border-color:#085139;box-shadow:0 0 0 2px #0851391a;outline:none}.searchable-list-arrow{color:#666;font-size:12px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.searchable-list-dropdown{background:#fff;border:1px solid #ddd;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.searchable-list-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.searchable-list-item:hover{background-color:#f8f9fa}.searchable-list-item:last-child{border-bottom:none}.searchable-list-no-results{color:#666;font-style:italic;padding:12px 16px;text-align:center}.searchable-list-dropdown::-webkit-scrollbar{width:6px}.searchable-list-dropdown::-webkit-scrollbar-track{background:#f1f1f1}.searchable-list-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.searchable-list-dropdown::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.email-verification-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:20px}.verification-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:500px;padding:48px 40px;text-align:center;transition:all .3s ease;width:100%}.verification-container.success{box-shadow:0 10px 60px #08513933;transform:scale(1.02)}.verification-icon{align-items:center;background:#f0fdf4;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.verification-title{color:#1a1a1a;font-size:32px;font-weight:600;margin:0 0 12px}.verification-subtitle{color:#666;font-size:16px;margin:0 0 8px}.verification-email{color:#085139;font-size:16px;font-weight:600;margin:0 0 16px}.verification-instructions{color:#666;font-size:14px;margin:0 0 32px}.code-input-container{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.code-input{background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:#1a1a1a;font-size:28px;font-weight:600;height:64px;outline:none;text-align:center;transition:all .2s ease;width:56px}.code-input:focus{border-color:#085139;box-shadow:0 0 0 4px #0851391a}.code-input.error{animation:shake .3s ease;border-color:#ff005e}.code-input:disabled{background:#f5f5f5;cursor:not-allowed}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.verification-error{animation:slideDown .3s ease;background:#fff5f5;border:1px solid #fdd;border-radius:8px;color:#ff005e;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.verify-button{background:#085139;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-bottom:16px;padding:16px 32px;transition:all .2s ease;width:100%}.verify-button:hover:not(:disabled){background:#0a5d42;box-shadow:0 4px 12px #0851394d;transform:translateY(-1px)}.verify-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6;transform:none}.verify-button:active:not(:disabled){transform:translateY(0)}.resend-container{margin-bottom:24px}.resend-button{background:none;border:none;border-radius:6px;color:#085139;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.resend-button:hover:not(:disabled){background:#f0fdf4}.resend-button:disabled{color:#666;cursor:not-allowed}.verification-footer{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px}.verification-footer p{color:#666;font-size:13px;line-height:1.5;margin:0}@media (max-width:600px){.email-verification-page{padding:16px}.verification-container{padding:32px 24px}.verification-title{font-size:28px}.code-input-container{gap:8px}.code-input{font-size:24px;height:56px;width:48px}}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.verification-container.success .verification-icon{animation:successPulse .6s ease;background:#085139}.verification-container.success .verification-icon svg path{fill:#fff}.profile{margin-top:40px;overflow:hidden;width:100%}.profileBody{height:calc(100% - 52px);overflow-y:auto;width:100%}.profileMain{color:#085139;text-align:center;width:100%}.profileBox,.profileMain{align-items:center;display:flex;flex-direction:column}.profileBox{justify-content:center;text-align:justify;width:85%}.profileHeader{display:flex;justify-content:space-between;margin-top:70px;width:100%}.profileExtraGap{margin-top:30px}.profileHeaderLeft{display:flex;flex-direction:column;min-width:500px;width:65%}.profileHeaderRight{display:flex;flex-direction:column;width:25%}.profileHead1{color:#000;font-size:32px;font-weight:700}.profileRow{align-items:center;display:flex;padding-bottom:10px;position:relative}.profileCol{display:flex;flex-direction:column;justify-content:center;margin-left:20px}.profilePhoto{border-radius:50%;height:138px;object-fit:cover;width:138px}.profileName{color:#085139;font-size:clamp(2rem,4vw + 1rem,4rem);font-weight:700;line-height:clamp(2rem,4vw + 1rem,4rem);margin-bottom:18px}.profileText{color:#000;font-size:16px;font-weight:700}.profileAboutMe{color:#085139;font-size:32px;font-weight:600;padding-top:20px}.profileAboutMeSub{color:#000;font-size:18px;font-weight:500;padding-top:10px}.profileQty{color:#000;font-size:20px;font-weight:800}.profileSkills{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;width:100%}.profileSkill{background:#085139;border-radius:20px;color:#fff;font-size:16px;font-weight:400;padding:5px 15px}.profileViewmore{color:#085139;cursor:pointer;font-size:20px;font-weight:500;margin:20px;text-align:center}.protfolioEdit{cursor:pointer;height:40px;position:absolute;right:0;top:0}.profileBar{background:#085139;height:100%;left:0;position:absolute;transition:left .3s ease-out;width:50%;z-index:0}.profileStyleColor{cursor:pointer;transition:color 1s ease-out}.profileBranches{direction:rtl;height:80px;overflow-y:auto;padding:5px;text-align:left;width:-webkit-fit-content;width:fit-content}.profileBranch{background-color:initial;border-radius:5px;color:#333;font-size:16px;line-height:16px;padding:4px 10px}.profileBranch:hover{background-color:#085139;color:#fff}.profileAddProj{background-color:initial;border:2px solid #085139;border-radius:20px;color:#085139;cursor:pointer;display:inline-block;margin-top:30px;padding:5px 15px;text-decoration:none;transition:color .5s ease-out,background-color .5s ease-out;width:-webkit-fit-content;width:fit-content}.profileAddProj:hover{background-color:#085139;color:#fff}@media (max-width:768px){.profile{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:-20px 0 0;overflow:hidden;padding:0;width:100%}.profileBody{height:100%;overflow-y:auto;width:100%}.profileBox{align-items:center;justify-content:center;text-align:justify;width:92%}.profileBox,.profileHeader{display:flex;flex-direction:column}.profileHeader{justify-content:space-between;margin-top:60px;width:100%}.profileExtraGap{margin-top:0}.profileHeaderLeft{display:none;display:block;min-width:100%;width:100%}.profileRow{align-items:center;display:flex;padding:0;position:relative;width:100%}.profileCol{display:flex;flex-direction:column;justify-content:center;margin-left:5px}.profileName{color:#085139;font-size:clamp(1rem,2vw + 1rem,2rem);font-weight:700;line-height:clamp(1rem,2vw + 1rem,2rem);margin-bottom:10px}.profileText{color:#000;font-size:12px;font-weight:700;line-height:14px;text-align:left}.profileAboutMe{color:#085139;font-size:24px;font-weight:600;padding-top:10px}.profileAboutMeSub{color:#000;font-size:16px;font-weight:500;line-height:18px;padding-top:0;text-align:left}.profilePhoto{border-radius:50%;height:80px;object-fit:cover;width:80px}.protfolioEdit{cursor:pointer;height:30px;position:absolute;right:0;top:10px}.profileHeaderRight{display:flex;flex-direction:column;width:100%}.profileHead1{color:#000;font-size:24px;font-weight:700;padding-top:20px}.profileSkill{background:#085139;border-radius:20px;color:#fff;font-size:14px;font-weight:400;padding:3px 10px}.profileSkills{display:flex;flex-wrap:wrap;gap:5px;margin-top:0;width:100%}}.category-title-bar{align-items:center!important;background-color:#085139!important;color:#fff!important;display:flex!important;font-family:Arial,sans-serif!important;font-size:18px!important;font-weight:700!important;justify-content:center!important;text-shadow:none!important}.category-title-bar *{color:#fff!important;font-family:inherit!important}@media (max-width:768px){.project-viewer-modal-container{border-radius:0!important;height:100%!important;max-width:none!important;width:100%!important}.project-viewer-header{padding:20px 15px!important}.project-viewer-close{font-size:32px!important;padding:5px 10px!important;right:10px!important;top:10px!important}.project-viewer-content{padding:15px!important}}@media (max-width:480px){.project-viewer-header{align-items:flex-start!important;flex-direction:column!important;padding:15px 10px!important}.project-viewer-content{padding:10px!important}}.ProjectViewer{background:#fff;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;overflow-y:auto;padding:60px 150px;width:100vw}.projViewTitle{font-size:40px;text-align:center}.projViewSub,.projViewTitle{color:#085139;font-weight:700;padding-top:20px}.projViewSub{font-size:26px}.projViewShort{font-size:20px}.projViewerRow{display:flex;gap:20px;padding-bottom:20px;padding-top:0;width:100%}.projViewSlidePic{border:1px solid #ccc;border-radius:20px}.createProject{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:200px;margin-top:60px;width:50%}.createProjectTitle{color:#085139;font-size:40px;font-weight:700;padding-top:20px;text-align:center}.createProjectSub{font-size:16px;text-align:center}.createProjStepNum{padding:10px}.createProjectStepBars{align-items:center;display:flex;gap:20px;justify-content:center;width:100%}.createProjectStepBar{background:#ddd;height:7px;width:50%}.createProjectFields{box-sizing:border-box;display:flex;flex-direction:column;font-size:20px;max-width:100%;overflow-x:hidden;padding-top:30px;width:100%}.createProjectLabel{color:#2c3e50;font-size:15px;font-weight:600;letter-spacing:.3px;padding-bottom:8px;padding-top:20px;width:100%}.createProjectInput{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:16px;max-width:100%;overflow-wrap:break-word;padding:12px 16px;transition:all .3s ease;width:100%;word-break:break-word}.createProjectInput:focus{background:#fff;border-color:#085139;box-shadow:0 0 0 3px #0851391a;outline:none}.createProjectTextArea{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:16px;line-height:1.6;max-width:100%;outline:none!important;overflow-wrap:break-word;padding:12px 16px;resize:none;transition:all .3s ease;width:100%;word-break:break-word}.createProjectTextArea:focus{background:#fff;border-color:#085139;box-shadow:0 0 0 3px #0851391a}.creatProjectOptionButton{align-items:center;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:10px;color:#2c3e50;cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:center;line-height:1.4;padding:14px 20px;text-align:center;transition:all .3s ease;width:50%}.creatProjectOptionButton:hover{background:#fff;border-color:#085139;box-shadow:0 4px 12px #08513926;transform:translateY(-2px)}.creatProjectOptionButton.selected{background:#085139;border-color:#085139;box-shadow:0 4px 12px #08513940;color:#fff}.createProjectError{color:#ff005e;height:26px;margin:10px 0;overflow-y:none;text-align:center;width:100%}.createProjectButtonBox{align-items:center;display:flex;gap:30px;justify-content:space-between;margin-bottom:50px;width:100%}.creatProjectButtons{align-items:center;background:#085139;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:3px;width:50%}.createProjCategories{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;min-height:560px;overflow-x:auto;padding:10px;width:100%}.createProjCategory{background:#d9d9d9;border:1px solid #ddd;border-radius:10px;display:flex;flex:0 0 auto;flex-direction:column;gap:10px;height:350px;position:relative;width:350px}.presetCat{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 8px 32px #0000001f;gap:20px;padding:32px;position:absolute}.presetCat,.presetCatBox{display:flex;flex-direction:column}.presetCatBox{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;gap:12px;padding:16px}.editCategoryModal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080}.editCategoryModalContent{background:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 20px 60px #0000004d}.categoryActionButton{background:#085139;border:none;border-radius:8px;box-shadow:0 2px 8px #08513933;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.categoryActionButton:hover{background:#0a6347;box-shadow:0 4px 12px #0851394d;transform:translateY(-2px)}.categoryActionButton:active{transform:translateY(0)}.fileUploadArea{background:#fafafa;border:2px dashed #d0d0d0;border-radius:12px;padding:40px;transition:all .3s ease}.fileUploadArea:hover{background:#f5f9f7;border-color:#085139}.fileUploadArea.dragover{background:#e8f5f1;border-color:#085139;border-style:solid}.characterCounter{color:#666;font-size:13px;font-weight:500;letter-spacing:.3px;margin-top:6px;text-align:right}.characterCounter.warning{color:#ff6b6b;font-weight:600}.createProjCategory{box-shadow:0 2px 8px #00000014;transition:all .3s ease}.createProjCategory:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.presetCategoryCheckbox{accent-color:#085139;cursor:pointer;height:20px;width:20px}.presetCategoryLabel{color:#2c3e50;cursor:pointer;font-size:15px;font-weight:500;transition:color .2s ease}.presetCategoryLabel:hover{color:#085139}.modalHeader{border-bottom:2px solid #e8e8e8;color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:24px;padding-bottom:16px}.presetCat::-webkit-scrollbar{width:8px}.presetCat::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.presetCat::-webkit-scrollbar-thumb{background:#085139;border-radius:4px}.presetCat::-webkit-scrollbar-thumb:hover{background:#0a6347}@media (max-width:768px){.createProject{margin-top:40px;padding:0 10px;width:90%}.createProjectTitle{font-size:28px;padding-top:10px}.createProjectSub{font-size:14px}.createProjCategories{flex-wrap:wrap;justify-content:center;min-height:auto;overflow-x:visible;padding:10px 5px}.createProjCategory{flex:0 0 auto;height:auto;max-width:350px;min-height:300px;width:100%}.createProjectButtonBox{flex-direction:column;gap:15px}.creatProjectButtons{width:100%}.creatProjectOptionButton{font-size:14px;padding:12px 16px;width:100%}.createProjectInput,.createProjectTextArea{font-size:14px;padding:10px 12px}.createProjectLabel{font-size:14px}}.tiptap-toolbar{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #00000026;display:flex;flex-wrap:wrap;gap:8px;margin:0 auto 15px;max-width:1200px;padding:8px 12px}.toolbar-group{align-items:center;border-right:1px solid #e0e0e0;display:flex;gap:4px;padding:0 8px}.toolbar-group:last-child{border-right:none}.tiptap-toolbar button{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.tiptap-toolbar button:hover{background:#f3f4f6;border-color:#085139}.tiptap-toolbar button.is-active{background:#085139;border-color:#085139;color:#fff}.tiptap-toolbar select{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 8px}.tiptap-toolbar select:hover{border-color:#085139}.tiptap-toolbar input[type=color]{border:1px solid #d1d5db;border-radius:4px;cursor:pointer;height:32px;width:40px}.tiptap-editor{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.tiptap-editor,.tiptap-editor .ProseMirror{cursor:text;height:100%;min-height:200px;width:100%}.tiptap-editor .ProseMirror{outline:none}.tiptap-editor .ProseMirror p.is-editor-empty:first-child:before{color:#adb5bd;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.tiptap-editor:focus-within{border-color:#085139;box-shadow:0 0 0 2px #0851391a}.tiptap-editor p{margin:0 0 1em}.tiptap-editor p:last-child{margin-bottom:0}.tiptap-editor ol,.tiptap-editor ul{margin:0 0 1em;padding-left:1.5em}.tiptap-editor h1,.tiptap-editor h2,.tiptap-editor h3{font-weight:600;margin:0 0 .5em}.tiptap-editor h1{font-size:2em}.tiptap-editor h2{font-size:1.5em}.tiptap-editor h3{font-size:1.25em}.tiptap-editor a{color:#085139;text-decoration:underline}.tiptap-editor a:hover{color:#064029}.link-input-popup{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #00000026;display:flex;gap:4px;left:0;margin-top:8px;padding:8px;position:absolute;top:100%;z-index:1000}.link-input-popup input{border:1px solid #d1d5db;border-radius:4px;font-size:14px;outline:none;padding:6px 10px;width:200px}.link-input-popup input:focus{border-color:#085139;box-shadow:0 0 0 2px #0851391a}.link-input-popup button{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;min-width:32px;padding:6px 10px}.link-input-popup button:hover{background:#f3f4f6}.link-input-popup button:first-of-type{background:#085139;border-color:#085139;color:#fff}.link-input-popup button:first-of-type:hover{background:#064029}.toolbar-group{position:relative}.cardBuilder{align-items:center;background:#00000080;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}.cardBuilder,.cardBuilderInline{display:flex;justify-content:center}.cardBuilderInline{background:#0000;height:auto;position:relative;width:100%}.cardBuilderInline .cardBox{height:auto;margin-top:0;max-width:600px;padding:10px;width:60%}.cardBox{background:#fff;border-radius:10px;box-shadow:0 0 10px #00000022;height:calc(100vh - 120px);margin:0;max-height:calc(100vh - 120px);max-width:1700px;overflow:hidden;padding:20px;position:relative;width:96%}.cardButton{align-items:center;background:#085139;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:2px 14px}.cardBuilder textarea:focus{border-color:#ccc!important;box-shadow:none!important;outline:none!important}.pdf-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.pdf-modal-content{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:85vh;max-width:1200px;overflow:hidden;width:90vw}.pdf-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem}.pdf-modal-title{color:#111827;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.pdf-modal-actions{align-items:center;display:flex;gap:1rem}.pdf-modal-download-btn,.pdf-modal-open-btn{border-radius:6px;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.pdf-modal-open-btn{background:#085139;color:#fff}.pdf-modal-open-btn:hover{background:#064532;color:#fff;text-decoration:none}.pdf-modal-download-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.pdf-modal-download-btn:hover{background:#e5e7eb;color:#374151;text-decoration:none}.pdf-modal-close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .2s}.pdf-modal-close-btn:hover{background:#f3f4f6;color:#374151}.pdf-modal-body{display:flex;flex:1 1;position:relative}.pdf-modal-iframe{border:none;height:100%;width:100%}@media (max-width:768px){.pdf-modal-overlay{padding:1rem}.pdf-modal-content{height:90vh;width:95vw}.pdf-modal-header{flex-wrap:wrap;gap:1rem;padding:1rem}.pdf-modal-title{margin-bottom:.5rem;width:100%}.pdf-modal-actions{justify-content:flex-end;width:100%}}.ql-toolbar{background:#f8f9fa!important;padding:8px!important}.ql-container,.ql-toolbar{border:1px solid #e0e0e0!important;border-radius:8px!important}.ql-container{font-family:inherit!important;font-size:16px!important}.ql-editor{min-height:200px;padding:16px!important}.ql-editor.ql-blank:before{color:#666!important;font-style:normal!important}.ql-toolbar button.ql-active,.ql-toolbar button:focus,.ql-toolbar button:hover{color:#085139!important}.ql-toolbar .ql-stroke{stroke:#333!important}.ql-toolbar button.ql-active .ql-stroke,.ql-toolbar button:hover .ql-stroke{stroke:#085139!important}.ql-toolbar .ql-fill{fill:#333!important}.ql-toolbar button.ql-active .ql-fill,.ql-toolbar button:hover .ql-fill{fill:#085139!important}.ql-toolbar .ql-picker-label.ql-active,.ql-toolbar .ql-picker-label:hover{color:#085139!important}.ql-toolbar .ql-picker-options{background:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px!important;box-shadow:0 2px 8px #0000001a!important}.ql-container.ql-snow:focus-within{border-color:#085139!important;box-shadow:0 0 0 2px #0851391a!important}.ttIcon{-webkit-user-drag:none;border:none;border-radius:0;cursor:pointer;height:20px;pointer-events:all;-webkit-user-select:none;user-select:none;width:20px;z-index:1000}.ttCLine,.ttIcon{position:absolute}.ttCLine{background:#00f;display:none;height:1px;left:20px;top:20px;width:1px;z-index:999}canvas{position:relative;z-index:100}.tutorial-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;overflow:hidden;overscroll-behavior:contain;padding:20px;position:fixed;right:0;top:0;z-index:10000}body.tutorial-open{height:100%;overflow:hidden;position:fixed;width:100%}.tutorial-popup{animation:slideUp .3s ease-out;background:#fff;border:none;border-radius:12px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;position:relative;width:100%}.tutorial-header{align-items:center;background:#085139;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:18px 24px;position:relative}.tutorial-header h2{font-size:20px;font-weight:600;letter-spacing:.3px;margin:0}.tutorial-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:300;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.tutorial-close:hover{background:#fff3;transform:scale(1.05)}.tutorial-content{align-items:flex-start;box-sizing:border-box;display:flex;flex:1 1;justify-content:flex-start;overflow-y:auto;padding:28px 32px;scrollbar-color:#c1c1c1 #0000;scrollbar-width:thin}.tutorial-content::-webkit-scrollbar{width:6px}.tutorial-content::-webkit-scrollbar-track{background:#0000;margin:10px 0}.tutorial-content::-webkit-scrollbar-thumb{background-color:#d1d1d1;border-radius:3px;-webkit-transition:background-color .2s;transition:background-color .2s}.tutorial-content::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}.tutorial-step{text-align:center}.tutorial-icon{display:none;font-size:0;margin-bottom:16px}.tutorial-step h3{border-bottom:1px solid #f0f0f0;color:#085139;font-size:20px;font-weight:600;line-height:1.4;margin:0 0 20px;padding-bottom:8px}.feature-list{list-style:none;margin:0 auto;max-width:600px;padding:0;text-align:left}.feature-list li{background:#f8f9fa;border-left:3px solid #085139;border-radius:6px;color:#333;font-size:14px;line-height:1.6;margin-bottom:12px;padding:14px 16px;transition:transform .2s,box-shadow .2s}.feature-list li:hover{box-shadow:0 2px 8px #0000000d;transform:translateX(2px)}.step-details{margin:0 auto;max-width:600px;text-align:left}.step-details p{color:#495057;font-size:16px;line-height:1.6;margin-bottom:20px}.step-details ol{margin-bottom:20px;padding-left:20px}.step-details li{color:#495057;font-size:16px;line-height:1.5;margin-bottom:8px}.tip-box{background:linear-gradient(135deg,#e3f2fd,#f0f8ff);border:1px solid #2196f3;border-radius:8px;color:#1565c0}.tip-box,.warning-box{font-size:14px;line-height:1.5;margin-top:20px;padding:16px}.warning-box{background:linear-gradient(135deg,#fff3e0,#fff8f0);border:1px solid #ff9800;border-radius:8px;color:#e65100}.workflow-summary{flex-wrap:wrap;justify-content:center;margin:24px 0}.workflow-step,.workflow-summary{align-items:center;display:flex;gap:8px}.workflow-step{background:#f8f9fa;border:2px solid #085139;border-radius:8px;padding:12px 16px}.step-number{align-items:center;background:#085139;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.workflow-arrow{color:#085139;font-size:18px;font-weight:700}.tutorial-footer{background:#f8f9fa;border-top:1px solid #e9ecef;flex-wrap:wrap;justify-content:space-between;padding:24px 32px}.tutorial-footer,.tutorial-progress{align-items:center;display:flex;gap:16px}.progress-steps{display:flex;gap:8px}.progress-step{background:#dee2e6;border-radius:50%;height:12px;transition:all .3s ease;width:12px}.progress-step.active{background:#085139;transform:scale(1.2)}.progress-text{color:#6c757d;font-size:14px;font-weight:500}.tutorial-buttons{align-items:center;background:#f9f9f9;border-top:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;padding:20px 24px}.tutorial-buttons,.tutorial-buttons-left{display:flex;gap:12px}.tutorial-buttons-right{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-left:auto}@media (max-width:480px){.tutorial-buttons{align-items:stretch;flex-direction:column}.tutorial-buttons-left,.tutorial-buttons-right{justify-content:space-between;width:100%}.tutorial-buttons-right{border-top:1px solid #eee;margin-top:12px;padding-top:12px}}.tutorial-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;line-height:1.4;min-width:100px;padding:10px 20px;text-align:center;transition:all .2s ease;white-space:nowrap}.tutorial-btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.tutorial-btn-primary{background:#085139;border-color:#085139;box-shadow:0 2px 4px #0000001a;color:#fff}.tutorial-btn-primary:hover:not(:disabled){background:#0a6347;border-color:#0a6347;box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.tutorial-btn-primary:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.tutorial-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#085139}.tutorial-btn-secondary:hover:not(:disabled){background:#f8f9fa;border-color:#9ca3af;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.tutorial-btn-skip{background:#0000;border:none;color:#6b7280;min-width:auto;padding:10px 12px}.tutorial-btn-skip:hover:not(:disabled){background-color:#f3f4f6;border-radius:6px;color:#4b5563;text-decoration:none}@media (max-width:480px){.tutorial-popup{border-radius:0;max-height:95vh;max-width:100%}.tutorial-content{padding:20px}.tutorial-buttons,.tutorial-header{padding:16px 20px}.tutorial-btn{font-size:13px;padding:10px 16px}.confirmation-dialog{border-radius:0;max-width:100%;padding:20px}}@media (max-width:768px){.tutorial-popup{height:500px;width:500px}}@media (max-width:600px){.tutorial-popup{height:90vw;max-height:450px;max-width:450px;width:90vw}.tutorial-header{padding:20px}.tutorial-header h2{font-size:20px}.tutorial-content{padding:24px 20px}.tutorial-footer{align-items:stretch;flex-direction:column;padding:20px}.tutorial-buttons,.tutorial-progress{justify-content:center}.workflow-summary{flex-direction:column;gap:12px}.workflow-arrow{transform:rotate(90deg)}.feature-list li{font-size:14px;padding:12px 16px}}@media (max-width:480px){.tutorial-header{padding:16px}.tutorial-content{padding:20px 16px}.tutorial-footer{padding:16px}.tutorial-btn{font-size:13px;min-width:80px;padding:10px 16px}}.confirmation-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0009;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.confirmation-dialog{-webkit-overflow-scrolling:touch;animation:slideUp .3s ease-out;background:#fff;border:none;border-radius:12px;box-shadow:0 10px 25px #00000026;max-height:90vh;max-width:400px;overflow-y:auto;padding:24px;position:relative;width:100%}.confirmation-header{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:20px 24px;text-align:center}.confirmation-header h3{font-size:20px;font-weight:600;margin:0}.confirmation-content{padding:24px;text-align:center}.confirmation-content p{color:#495057;font-size:16px;margin:0 0 16px}.warning-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;font-size:14px;margin:16px 0;padding:16px;text-align:left}.confirmation-buttons{display:flex;gap:12px;justify-content:center;padding:0 24px 24px}.confirmation-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:140px;padding:12px 20px;transition:all .2s ease}.confirmation-btn-secondary{background:#6c757d;color:#fff}.confirmation-btn-secondary:hover{background:#5a6268;transform:translateY(-2px)}.confirmation-btn-danger{background:#dc3545;color:#fff}.confirmation-btn-danger:hover{background:#c82333;transform:translateY(-2px)}@media (max-width:480px){.confirmation-dialog{width:95%}.confirmation-buttons{flex-direction:column}.confirmation-btn{min-width:auto;width:100%}}.upload-error-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.upload-error-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;text-align:center;width:90%}.upload-error-icon{animation:bounce .5s ease-out;font-size:64px;margin-bottom:20px}.upload-error-title{color:#2d3748;font-size:24px;font-weight:700;margin:0 0 16px}.upload-error-message{color:#4a5568;font-size:16px;line-height:1.6;margin:0 0 12px}.upload-error-suggestion{color:#718096;font-size:14px;font-style:italic;line-height:1.6;margin:0 0 32px}.upload-error-button{background:#085139;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 40px;transition:all .2s ease}.upload-error-button:hover{background:#0a6247;box-shadow:0 4px 12px #0851394d;transform:translateY(-2px)}.upload-error-button:active{transform:translateY(0)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:600px){.upload-error-modal{padding:30px 20px}.upload-error-icon{font-size:48px}.upload-error-title{font-size:20px}.upload-error-message{font-size:14px}.upload-error-suggestion{font-size:13px}}.legal-page-container{background:#f9fafb;min-height:100vh;padding:120px 2rem 4rem}.legal-page-standalone{padding:3rem 2rem}.legal-page-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;color:#374151;line-height:1.7;margin:0 auto;max-width:900px;padding:3rem}.legal-page-content .legal-document h1{color:#085139;font-size:2.25rem;font-weight:700;margin-bottom:.5rem}.legal-page-content .legal-document .last-updated{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:.95rem;margin-bottom:2.5rem;padding-bottom:1.5rem}.legal-page-content .legal-document section{margin-bottom:2.5rem}.legal-page-content .legal-document h2{color:#085139;font-size:1.5rem;font-weight:600;margin-bottom:1rem;margin-top:2rem}.legal-page-content .legal-document h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:.75rem;margin-top:1.5rem}.legal-page-content .legal-document p{color:#4b5563;font-size:1rem;margin-bottom:1.25rem}.legal-page-content .legal-document ul{margin:1.25rem 0;padding-left:2rem}.legal-page-content .legal-document li{color:#4b5563;font-size:1rem;margin-bottom:.75rem}.legal-page-content .legal-document strong{color:#374151;font-weight:600}@media (max-width:768px){.legal-page-container{padding:100px 1rem 2rem}.legal-page-content{padding:2rem 1.5rem}.legal-page-content .legal-document h1{font-size:1.875rem}.legal-page-content .legal-document h2{font-size:1.25rem}.legal-page-content .legal-document h3{font-size:1.125rem}.legal-page-content .legal-document li,.legal-page-content .legal-document p{font-size:.95rem}}:root{--meshMatrixHeight:310px}*{color:#333;font-family:Inter}body{height:100%;overflow:hidden}.disableOverlay{background:#0000;display:none;height:100vh;left:0;position:absolute;top:0;width:100%}.closeMenuFile{display:none}.colorPicker{background:#fff;border:1px solid #ccc;border-radius:3px;cursor:pointer;height:20px;margin-left:5px;overflow:hidden;position:relative;width:20px}.explodeParam{filter:grayscale(100%);opacity:.5;pointer-events:none}.app{display:flex;height:100vh;overflow:hidden;width:100%}.gizmoDiv{bottom:0;height:8vh;left:5px;position:fixed;width:8vh}.gizmo{bottom:10px;left:300px;position:absolute}.gizmo,.gizmoCanvas{height:100px;width:100px}.panelLeft{background:#fff;border-right:1px solid #ddd;display:block;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:300px;z-index:100}.viewport{flex-direction:column;height:100%;padding:5px 10px;position:relative}.header,.viewport{display:flex;width:calc(100% - 600px)}.header{align-items:center;height:60px;justify-content:space-between;left:300px;padding:0 5px;top:0}.header,.switch{position:absolute}.switch{font-family:Inter;font-size:.85em;visibility:hidden;white-space:nowarp}.logo{cursor:pointer;height:90%}.fullscreen{cursor:pointer;height:30px;margin-right:10px;-webkit-user-select:none;user-select:none}.canvas{background-color:#fff;height:100vh;left:0;position:absolute;top:0}.menu{display:none}.footermv{background:#0000;bottom:0;height:60px;position:absolute;right:300px;width:calc(100% - 600px)}.panelRight{background:#fff;border-left:1px solid #ddd;height:100%;overflow-y:hidden;padding:5px;position:absolute;right:0;top:0;width:300px;z-index:100}.canvas{display:block;height:100%;width:100%}.dragDropMsg{align-items:center;background:#fffc;border-radius:5px;color:#006eff;font-size:14px;height:70px;justify-content:center;left:50%;padding:10px;text-align:center;top:50%;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;width:400px;z-index:6000}.dragDropMsg,.tag{display:none;position:absolute}.tag{background:#006ac0;border-radius:20px;box-shadow:0 0 10px #fff;color:#fff;font-size:16px;margin:5px;padding:6px 10px;pointer-events:none;z-index:4000}.searchArea,.searchBlock{height:-webkit-fit-content;height:fit-content;width:100%}.searchBlock{display:flex;flex-direction:column}.searchBox{align-items:center;background:#fff;border:1px solid #ccc;border-radius:5px;display:flex;height:32px;padding:5px;width:100%}.iconStyle{height:20px}.searchInput{border:none;font-size:16px;height:100%;margin:0 5px;outline:none;padding:5px;pointer-events:auto;-webkit-user-select:auto;user-select:auto;width:85%}.listBox{height:310px;max-height:310px;min-height:60px;padding-bottom:5px;transition:max-height .3s ease-out;width:100%}.listHeader{height:30px;padding:0 2px;-webkit-user-select:none;user-select:none;width:100%}.itemCount,.listHeader{align-items:center;display:flex}.itemCount{color:#666;font-size:12px;font-weight:600;height:100%;pointer-events:none;width:54%}.headerRight{align-items:center;border:1px red;display:flex;height:100%;justify-content:end;width:40%}.listHeaderIcon{cursor:pointer;height:20px}.listBar{align-items:center;cursor:pointer;display:flex;height:25px;pointer-events:all;width:100%}.arrow{display:inline-block;height:20px;margin-left:-2px;pointer-events:none;transform-origin:center center;transition:transform .3s ease;width:20px}.arrow.active{transform:rotate(-90deg)}.barLabel{color:#4caf50;font-size:13px;font-weight:600;padding-top:2px;pointer-events:none}.list{border:1px solid #ddd;border-bottom:none;display:flex;flex-direction:column;height:calc(100% - 55px);margin-top:5px;max-height:calc(100% - 32px);overflow-y:auto;transition:max-height .3s ease-out;width:100%}.inputName{border:1px solid #09f;color:#0070ff;display:none;font-size:12px;height:100%;margin-right:5px;outline:none;overflow:hidden;padding-left:5px;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap;width:250px}.inputName,.item{align-items:center;pointer-events:all}.item{display:flex;min-height:25px;width:100%}.item:hover .itemLabel:not(.selected){background:#858585;color:#fff}.itemLabel{align-items:center;background:#fff;color:#000;display:flex;font-size:12px;height:100%;margin-right:5px;overflow:hidden;padding-left:5px;pointer-events:none;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap;width:calc(100% - 50px)}.itemLabel.selected{background:#4caf50;color:#fff}.meshMatrixBox{max-height:310px;max-height:var(--meshMatrixHeight);overflow-y:auto;transition:max-height .3s ease-out;width:100%}.paramLock{color:#f003;height:100%;left:0;position:absolute;top:0;width:100%}.paramBox{display:none;position:relative}.explodeLabel,.param{color:#666;font-size:14px}.explodeLabel{margin-right:10px}.rowSwitch{margin-top:5px}.row,.rowSwitch{align-items:center;display:flex;height:30px;width:100%}.col3{width:33.33%}.col2,.col3{align-items:center;display:flex;height:100%}.col2{width:50%}.btnCopyPaste{background:#4caf50;border-radius:5px;color:#fff;font-size:14px;padding:2px 7px;-webkit-user-select:none;user-select:none}.btnCopyPaste:hover{background:#147918}.sns{align-items:center;color:#000;display:flex;font-family:Inter}.snsLabel{color:#333;font-size:15px;font-weight:500;-webkit-user-select:none;user-select:none}.snsInput{background:#0000;border:none;color:#333;cursor:e-resize;font-size:14px;margin-left:2px;padding:2px 0;width:45px}.snsUnit{color:#333;font-size:15px;-webkit-user-select:none;user-select:none}.snsFocus{color:"#0000FF"}.rowleft{align-items:center;background:#fff;display:flex;padding:0 10px;width:100%}.mvProfilePhoto{border-radius:50%;height:80%;padding:0 5px}.profileLabel{color:#333;font-size:1.5vh;font-weight:500;line-height:1.25em;overflow:hidden;padding:0 0 0 10px;text-overflow:ellipsis;white-space:nowrap}.projDetailRow{background:#fff;display:flex;height:25%;padding:10px;width:100%}.projDetail{color:#666;font-size:1.5vh;line-height:2vh;overflow-y:auto;padding:5px;text-align:justify}.viewportSettings{color:#000;font-size:14px;font-weight:700;margin-bottom:5px}.userRow{align-items:center;background:#fff;font-size:2em;height:10%}.rowleftVert,.userRow{display:flex;padding:0 10px;width:100%}.rowleftVert{flex-direction:column;height:40%}.rowleftHoriz{background:#fff;bottom:10%;flex-wrap:wrap;height:20%;padding:30px 0;width:100%}.btnLeft,.rowleftHoriz{align-items:center;display:flex;justify-content:center}.btnLeft{background:#4caf50;border-radius:5px;color:#fff;cursor:pointer;font-size:.75em;height:3.24vh;margin:0 3%;text-align:center;-webkit-user-select:none;user-select:none;width:42%}.btnLeft:hover{background:#147918}.toolsDiv{align-items:center;bottom:0;display:flex;flex-direction:column;gap:20px;height:250px;justify-content:center;position:absolute;right:300px;width:60px}.tools{height:100%;width:100%;z-index:2000}.toolIcons{cursor:pointer;width:40px}.paramAssembly{display:none;flex-direction:column}.asmMatrix{display:flex;flex-direction:column;height:100px;overflow-y:auto;transition:max-height .3s ease-out;width:100%}.helpBox{align-items:center;display:none;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw}.helpSheet{background:#fff;border-radius:5px;box-shadow:0 0 10px #0003;display:flex;flex-direction:column;height:80%;min-height:400px;overflow-y:auto;padding:30px;position:relative;transform:translate(-50%,-50%) scale(0);transform:scale(0);transition:transform .3s ease-out;width:800px}.helpSheet.show{transform:scale(1)}.helpRow{align-items:center;display:flex;width:100%}.helpTitle{color:#006ac0;font-size:30px;font-weight:700;text-align:center}.exitHelp{cursor:pointer;height:20px;position:absolute;right:20px;top:20px}.helpPicRow{height:100%;overflow-y:auto;width:100%}.helpPic{width:100%}.popupButton{background:#007bff}.popupButton:hover{background:#4c00d8}.gallery{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff02;display:none;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw}.galleryBox{align-items:center;background:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 0 10px #ccc;color:#07f;display:flex;flex-direction:column;font-weight:700;height:70%;padding:10px;position:relative;transform:translate(-50%,-50%) scale(0);transform:scale(0);transition:transform .3s ease-out;width:80%}.galleryBox.show{transform:scale(1)}.galleryCategories{height:95%;margin-top:10px;overflow-y:auto;width:100%}.galleryCategory{width:100%}.galleryCategoryBar{background:#a1a1a1;color:#fff;height:30px;padding:5px;text-transform:capitalize;-webkit-user-select:none;user-select:none}.galleryCategoryBar,.galleryCategoryList{align-items:center;display:flex;width:100%}.galleryCategoryList{flex-wrap:wrap;gap:10px;padding:10px}.galleryImage{border-radius:5px;height:80px;width:80px}.msg{background:#fff;border:1px solid red;color:red;height:60px;left:0;position:absolute;top:0;width:100%}.checkbox{align-items:center;display:flex;height:25px;margin:10px 5px}.chkboxBox{border:2px solid #085139;border-radius:.5vh;width:25px}.chkboxBox,.chkboxTick{height:100%;pointer-events:none}.chkboxLabel{color:#333;font-size:16px;margin-left:10px;pointer-events:none}.close{height:2.5vh;position:absolute;right:10px;top:10px}.userPage{flex-direction:column;padding:3vh 1vh 1vh}.filePage,.userPage{background:#fff;border-top-left-radius:2vw;border-top-right-radius:2vw;bottom:-60vh;box-shadow:0 0 3vh #0000007f;display:flex;height:50vh;left:0;position:absolute;transition:bottom .3s ease-out;width:100%}.filePage{justify-content:center}.viewportPage{background:#fff;border-top-left-radius:2vw;border-top-right-radius:2vw;bottom:-60vh;box-shadow:0 0 3vh #0000007f;display:flex;flex-direction:column;height:50vh;left:0;padding:4vh 1vh 1vh;position:absolute;transition:bottom .3s ease-out;width:100%}.assemblyPage,.listPage,.meshPage{background:#fff;border-top-left-radius:2vw;border-top-right-radius:2vw;bottom:-60vh;box-shadow:0 0 3vh #0000007f;display:flex;flex-direction:column;height:55vh;left:0;padding:4vh 1vh 1vh;position:absolute;transition:bottom .3s ease-out;width:100%}.meshParam{height:28vh;overflow-x:hidden;overflow-y:auto;width:100%}.meshLabel{font-size:2vh;margin-left:5px}.explodeParam_m{filter:grayscale(100%);flex-direction:column;opacity:.5;pointer-events:none}.explodeParam_m,.rowMesh{align-items:center;display:flex;width:100%}.rowMesh{gap:2vh;height:4vh}.iconMesh{height:100%}.slider{align-items:center;display:flex;padding:5px;width:98%}.sliderLabel,.sliderVal{color:#333;font-size:2vh}.sliderVal{margin-left:5px;width:22vw}#app ::-webkit-scrollbar{width:4px}#app ::-webkit-scrollbar-track{background:#0000}#app ::-webkit-scrollbar-thumb{background:#aaa;border-radius:2px}#app ::-webkit-scrollbar-thumb:hover{background:#555}@media screen and (orientation:portrait){.panelLeft{background:#fff0;border:none;height:90%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.panelLeft,.panelRight{display:none}.header{align-items:center;height:7vh;justify-content:space-between;padding:0 5px}.header,.viewport{display:flex;left:0;position:absolute;top:0;width:100%}.viewport{height:100%;padding:5px 10px}.toolsDiv,.viewport{flex-direction:column}.toolsDiv{align-items:center;bottom:35%;display:flex;gap:3vh;height:30vh;justify-content:center;position:fixed;right:10px;width:10vw}.tools{height:100%;width:100%}.gizmoDiv{bottom:11px}.gizmo,.gizmoDiv{height:8vh;left:5px;position:fixed;width:8vh}.gizmo{bottom:11%}.gizmoCanvas{height:8vh;width:8vh}.toolIcons{cursor:pointer;width:5vh}.fullscreen{cursor:pointer;display:none;height:30px;margin-right:10px;-webkit-user-select:none;user-select:none}.menu{align-items:center;background:#fff;bottom:0;box-shadow:0 0 10px #0003;display:flex;gap:1px;height:10%;justify-content:center;position:fixed;width:100%}.menuIcon{border:1px solid #4caf50;border-radius:5px;height:75%;padding:5px}.logo{cursor:pointer;height:100%;padding:5px 0}.closeMenuFile{display:block;height:2.5vh;position:absolute;right:1vh;top:1vh}.rowleftHoriz{align-items:center;background:#fff;bottom:10%;display:flex;flex-wrap:wrap;height:20%;justify-content:center;position:fixed;width:100%}.rowleftVert{display:flex;flex-direction:column;height:55%;padding:0 10px;width:100%}.projDetailRow{background:#fff;display:flex;height:20%;padding:10px;width:100%}.btnLeft{align-items:center;background:#4caf50;border-radius:1vw;color:#fff;cursor:pointer;display:flex;font-size:1.5vh;height:3.5vh;justify-content:center;margin:1vh;text-align:center;-webkit-user-select:none;user-select:none;width:27vw}.projDetail{color:#666;font-size:3vw;line-height:3vw;overflow-y:auto;padding:2vw;text-align:justify}.profileLabel{color:#333;font-size:3vw;font-weight:500;line-height:1.25em;overflow:hidden;padding:0 0 0 10px;text-overflow:ellipsis;white-space:nowrap}.viewportSettings{color:#000;font-size:2vh;font-weight:700;margin-bottom:5px}.snsLabel{-webkit-user-select:none;user-select:none}.snsInput,.snsLabel{color:#333;font-size:2vh}.snsInput{background:#0000;border:none;cursor:e-resize;margin-left:10px;padding:2px 0;width:15vw}.snsUnit{color:#333;font-size:2vh;-webkit-user-select:none;user-select:none}.vpCheckBoxes{display:flex;flex-wrap:wrap;justify-content:center;margin-top:0;width:100%}.checkbox{margin:10px 5px}.checkbox,.chkboxBox{align-items:center;display:flex;height:3vh}.chkboxBox{border:2px solid #333;border-radius:.5vh;justify-content:center;pointer-events:none;width:3vh}.chkboxTick{height:100%;pointer-events:none}.chkboxLabel{color:#333;font-size:2vh;margin-left:5px;pointer-events:none}.fileButton{align-items:center;background:#4caf50;border-radius:.5vh;color:#fff;display:flex;font-size:1.6vh;height:7vw;justify-content:center;width:28vw}.fileButton:hover{background:#147918}.listMini{display:flex;flex-direction:column;padding-top:10px;width:100%}.listMini .searchBox{border:1px solid #ccc;border-radius:.5vh;height:4vh;padding:2px;width:100%}.listMini .searchIcon{height:3vh}.listMini .search{border:none;font-size:2vh;outline:none;padding:2px;width:100%}.listMini .header{align-items:center;display:flex;height:3vh;margin-top:2vh;padding:0;position:relative;width:100%}.listMini .total{font-size:2vh;font-weight:700;width:70%}.listMini .headerIconBox{align-items:center;display:flex;gap:1.5vh;height:100%;padding-left:1vh;width:30%}.listMini .headerIconBox .icon{height:3vh}.listMini .list{border:1px solid #ccc;display:flex;flex-direction:column;height:15vh;overflow:hidden;overflow-y:auto;padding-left:.5vh;width:100%}.listMini .list .item{align-items:center;display:flex;min-height:25px;pointer-events:all;width:100%}.listMini .list .item .icon{height:3vh;margin-left:2px}.listMini .list .item .inputName{border:1px solid #09f;color:#0070ff;display:none;font-size:12px;outline:none;pointer-events:all}.listMini .list .item .inputName,.listMini .list .item .itemLabel{align-items:center;height:100%;margin-right:5px;overflow:hidden;padding-left:5px;text-overflow:ellipsis;white-space:nowrap;width:65%}.listMini .list .item .itemLabel{background:#fff;color:#000;display:flex;font-size:1.5vh;pointer-events:none;-webkit-user-select:none;user-select:none}.pageTitle{color:#4caf50;font-size:2vh;font-weight:700;left:2vh;position:absolute;top:.5vh}.colorPicker{background:#fff;border:1px solid #ccc;border-radius:3px;cursor:pointer;height:4vh;margin-left:5px;overflow:hidden;position:relative;width:4vh}}.pine-loading-screen{background:#fff;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:9999}.pine-loading-content,.pine-loading-screen{align-items:center;display:flex;justify-content:center}.pine-loading-content{flex-direction:column}.pine-logo-container{align-items:center;display:flex;height:300px;justify-content:center;perspective:300px;width:300px}.pine-logo-spinner{animation:pine-spin3D 3s linear infinite;height:70%;position:relative;transform-style:preserve-3d}.pine-logo-image{height:100%;width:auto}.pine-loading-text{color:#085139;font-size:60px;font-weight:700;letter-spacing:2px;margin-top:-40px}@keyframes pine-spin3D{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@media (max-width:768px){.pine-logo-container{height:200px;width:200px}.pine-loading-text{font-size:48px;margin-top:-30px}}.preloader-overlay{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#ffffff22;display:none;height:100vh;left:0;position:fixed;top:0;transition:-webkit-backdrop-filter 1s ease;transition:backdrop-filter 1s ease;transition:backdrop-filter 1s ease,-webkit-backdrop-filter 1s ease;width:100%;z-index:5000}.preloader-content,.preloader-overlay{align-items:center;display:flex;justify-content:center}.preloader-content{flex-direction:column;height:50%;width:70%}.spinnerContainer{align-items:center;display:flex;height:300px;justify-content:center;perspective:300px;width:300px}.logoSpinner{animation:spin3D 3s linear infinite;height:70%;position:relative;transform-style:preserve-3d}.pineText{color:#085139;font-size:60px;font-weight:700;margin-top:-40px}.preloaderLogo{height:100%;width:auto}@keyframes spin3D{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.session-expired-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.session-expired-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:3rem 2.5rem;text-align:center;width:90%}.session-expired-icon{animation:pulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}.session-expired-title{color:#085139;font-size:1.75rem;font-weight:700;margin:0 0 1rem}.session-expired-message{color:#666;font-size:1rem;line-height:1.6;margin:0 0 2rem}.session-expired-button{background:#085139;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;max-width:280px;padding:1rem 2.5rem;transition:all .2s ease;width:100%}.session-expired-button:hover{background:#064028;box-shadow:0 8px 20px #0851394d;transform:translateY(-2px)}.session-expired-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.session-expired-modal{padding:2rem 1.5rem}.session-expired-icon{font-size:3rem}.session-expired-title{font-size:1.5rem}.session-expired-message{font-size:.95rem}}:root{--primary:#388e3c;--primary-light:#6abf69;--primary-dark:#00600f;--background:#f1e9d2;--surface:#1e1e1e;--on-primary:#fff;--on-background:#e1e1e1;--on-surface:#fff;--error:#cf6679;--success:#4caf50;--warning:#ff9800;--beige:beige;--beige2:#f2e8c9;--lightGreen:#d1ffbd;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{background:#0000}body{color:#e1e1e1;color:var(--on-background);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}a{color:#388e3c;color:var(--primary);text-decoration:none}button{font-family:Inter,sans-serif}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.icon-settings:before{content:"⚙️"}.icon-logout:before{content:"🚪"}.loading-app{background-color:beige;background-color:var(--beige);height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-app,.loading-logo-container{align-items:center;display:flex;flex-direction:column}.loading-logo-container{gap:2rem}.pine-logo-loading{color:#388e3c;color:var(--primary);font-size:4rem;font-weight:700;letter-spacing:.2em;overflow:hidden;position:relative;text-transform:uppercase}.pine-logo-loading:before{-webkit-text-fill-color:#0000;animation:fillText 2s ease-in-out infinite;background:linear-gradient(90deg,#388e3c,#6abf69);background:linear-gradient(90deg,var(--primary) 0,var(--primary-light) 100%);background-clip:text;-webkit-background-clip:text;color:#0000;content:"PINE";height:100%;left:0;overflow:hidden;position:absolute;top:0;white-space:nowrap;width:0}@keyframes fillText{0%{width:0}50%{width:100%}to{width:0}}.loading-text{animation:pulse 2s ease-in-out infinite;color:#388e3c;color:var(--primary);font-size:1.2rem;font-weight:500}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.pine-logo-letters{display:flex;font-size:4rem;font-weight:700;gap:.1em;text-transform:uppercase}.pine-logo-letters .letter{animation:letterFill 2s ease-in-out infinite;color:#ccc}.pine-logo-letters .letter:first-child{animation-delay:0s}.pine-logo-letters .letter:nth-child(2){animation-delay:.2s}.pine-logo-letters .letter:nth-child(3){animation-delay:.4s}.pine-logo-letters .letter:nth-child(4){animation-delay:.6s}@keyframes letterFill{0%,20%{color:#ccc;transform:scale(1)}50%{color:#388e3c;color:var(--primary);transform:scale(1.1)}80%,to{color:#ccc;transform:scale(1)}}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #388e3c4d;border-radius:50%;border-top:3px solid var(--primary);display:inline-block;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.main-content{background:#0000;min-height:calc(100vh - 260px)}.icon-plus:before{content:"➕"}.icon-edit:before{content:"✏️"}.icon-user:before{content:"👤"}.icon-shield:before{content:"🔒"}.icon-bell:before{content:"🔔"}.icon-check:before{content:"✅"}.icon-alert:before{content:"⚠️"}.icon-eye:before{content:"👁️"}@media (max-width:768px){.pine-logo-letters,.pine-logo-loading{font-size:3rem}.loading-text{font-size:1rem}}@media (max-width:480px){.pine-logo-letters,.pine-logo-loading{font-size:2.5rem}.loading-text{font-size:.9rem}}
/*# sourceMappingURL=main.3c78fdd4.css.map*/