@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:linear-gradient(135deg,#0f1419 0%,#1a1a2e 100%);height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .3s,color .3s;overflow:hidden}@media (max-width:768px){body{font-size:14px}}@media (max-width:480px){body{font-size:13px}}body.light-mode{color:#1a202c;background:linear-gradient(135deg,#f0f4f8 0%,#e2e8f0 100%)}body.light-mode .header{background:#ffffffe6;border-bottom:1px solid #0000001a}body.light-mode .search-bar input{color:#1a202c;background:#0000000d;border-color:#53c5e84d}body.light-mode .search-bar input::placeholder{color:#718096}body.light-mode .icon-btn{background:#0000000d;border-color:#53c5e84d}body.light-mode .user-profile{background:0 0;border-color:#53c5e866}body.light-mode .sidebar{background:#fffc;border-right:1px solid #0000001a}body.light-mode .user-type-selector{background:#00000008}body.light-mode .user-type-btn{color:#1a202c;background:#0000000d;border-color:#53c5e84d}body.light-mode .user-type-btn.active{color:#fff;background:linear-gradient(135deg,#53c5e8,#3da8cc)}body.light-mode .selector-title,body.light-mode .nav-title,body.light-mode .nav-item{color:#4a5568}body.light-mode .nav-item:hover{color:#2c5f8d;background:#53c5e81a}body.light-mode .stat-card{background:#fffc;border-color:#53c5e84d}body.light-mode .stat-card.blue{background:linear-gradient(135deg,#667eea1a,#764ba20d)}body.light-mode .stat-card.green{background:linear-gradient(135deg,#10b9811a,#0596690d)}body.light-mode .stat-card.purple{background:linear-gradient(135deg,#8b5cf61a,#6d28d90d)}body.light-mode .stat-title{color:#4a5568}body.light-mode .stat-icon{background:#0000000d}body.light-mode .stat-value{background:linear-gradient(135deg,#1a202c,#2d3748);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}body.light-mode .activity-section{background:#fffc;border-color:#53c5e84d}body.light-mode .section-title{color:#1a202c}body.light-mode .filter-btn{color:#2c5f8d;background:#53c5e81a;border-color:#53c5e866}body.light-mode .activity-item{background:#00000005;border-color:#53c5e833}body.light-mode .activity-item:hover{background:#53c5e80d}body.light-mode .activity-title{color:#1a202c}body.light-mode .activity-time{color:#718096}body.light-mode .timeline-line{background:linear-gradient(#53c5e8,#53c5e833)}body.light-mode .footer{color:#718096;border-top-color:#0000001a}body.light-mode ::-webkit-scrollbar-track{background:#0000000d}body.light-mode ::-webkit-scrollbar-thumb{background:#53c5e866}body.light-mode{background:#fff!important}body.light-mode>#root>div,.light-mode{color:#1a202c;background:#fff!important}body.light-mode .main-container{background:#fff}body.light-mode .content{color:#1a202c;background:#fff}body.light-mode .icon-btn svg{color:#1a202c!important;stroke:#1a202c!important}body.light-mode .search-icon{color:#4a5568!important}body.light-mode .mobile-menu-btn{background:#0000000d;color:#1a202c!important}body.light-mode .mobile-menu-btn svg{color:#1a202c!important;stroke:#1a202c!important}body.light-mode .header{box-shadow:0 2px 10px #0000001a;background:#fff!important}body.light-mode .header *{color:#1a202c}body.light-mode .header svg{color:#1a202c!important;stroke:#1a202c!important}body.light-mode .sidebar{background:#fff!important}body.light-mode .user-profile>div>div{color:#1a202c!important}body.light-mode .user-profile>div>div:last-child{color:#4a5568!important}body.light-mode .activity-item,body.light-mode .activity-item *,body.light-mode .stat-card,body.light-mode .stat-card *{color:#1a202c}body.light-mode .form-input{border-color:#53c5e84d;color:#1a202c!important;background:#f7fafc!important}body.light-mode .form-input::placeholder{color:#718096}body.light-mode .form-label,body.light-mode .content-page-title{color:#1a202c!important}body.light-mode .content-page-description,body.light-mode .text-secondary{color:#4a5568!important}body.light-mode .text-small{color:#718096!important}body.light-mode .text-bold{color:#1a202c!important}body.light-mode .activity-dot{border-color:#fff!important}body.light-mode .footer{background:#fff;color:#4a5568!important}body.light-mode .footer a{color:#53c5e8}body.light-mode .bg-animation{opacity:.1;background-image:radial-gradient(circle at 20%,#53c5e826 0%,#0000 50%),radial-gradient(circle at 80% 80%,#764ba226 0%,#0000 50%)}body.light-mode p,body.light-mode span,body.light-mode div,body.light-mode h1,body.light-mode h2,body.light-mode h3,body.light-mode h4,body.light-mode h5,body.light-mode h6{color:inherit}body.light-mode .stat-subtitle,body.light-mode .stat-subtitle.growth{color:#059669!important}body.light-mode .status-badge.completed{background:#10b98126;color:#059669!important}body.light-mode .status-badge.pending{background:#fbbf2426;color:#d97706!important}body.light-mode .theme-toggle svg{color:#1a202c!important;stroke:#1a202c!important}body.light-mode .user-avatar{color:#fff!important}body.light-mode .notification-badge{color:#fff;background:#ff4757}.bg-animation{z-index:0;opacity:.03;background-image:radial-gradient(circle at 20%,#53c5e84d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#764ba24d 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}.header{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ecc;border-bottom:1px solid #53c5e81a;justify-content:space-between;align-items:center;height:80px;min-height:80px;padding:1rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 4px 30px #0000004d}@media (max-width:768px){.header{height:60px;min-height:60px;padding:.75rem 1rem}}.logo-section{align-items:center;gap:1rem;display:flex}@media (max-width:480px){.logo-section{gap:.5rem}}.logo{color:#fff;background:linear-gradient(135deg,#53c5e8,#3da8cc);border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;font-weight:700;display:flex;box-shadow:0 4px 15px #53c5e866}@media (max-width:768px){.logo{width:35px;height:35px;font-size:16px}}.logo-img{object-fit:contain;width:auto;height:190px}.logo-img-login{object-fit:contain;width:auto;max-width:100%;height:570px}@media (max-width:768px){.logo-img{height:120px}.logo-img-login{height:360px}}@media (max-width:480px){.logo-img{height:80px}.logo-img-login{height:240px}}.brand-name{background:linear-gradient(135deg,#53c5e8,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}@media (max-width:768px){.brand-name{font-size:18px}}@media (max-width:480px){.brand-name{display:none}}.search-bar{flex:1;max-width:500px;margin:0 2rem;position:relative}@media (max-width:1024px){.search-bar{display:none}}.search-bar input{color:#fff;background:#ffffff0d;border:1px solid #53c5e833;border-radius:12px;width:100%;padding:.8rem 1rem .8rem 3rem;font-size:14px;transition:all .3s}.search-bar input:focus{background:#ffffff14;border-color:#53c5e8;outline:none;box-shadow:0 0 20px #53c5e833}.search-icon{color:#53c5e8;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.header-actions{align-items:center;gap:1.5rem;display:flex}@media (max-width:768px){.header-actions{gap:.75rem}}.icon-btn{cursor:pointer;background:#ffffff0d;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:relative}@media (max-width:768px){.icon-btn{width:35px;height:35px}}.icon-btn:hover{background:#53c5e81a;border-color:#53c5e8;transform:translateY(-2px)}.theme-toggle{cursor:pointer;background:#ffffff1a;border:1px solid #53c5e84d;border-radius:15px;align-items:center;width:60px;height:30px;padding:0 4px;transition:all .3s;display:flex;position:relative}.theme-toggle:hover{background:#53c5e826;border-color:#53c5e8}.theme-toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;transition:transform .3s;display:flex;box-shadow:0 2px 8px #0000004d}body.light-mode .theme-toggle-slider{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translate(30px)}.notification-badge{color:#fff;background:#ff4757;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-5px;right:-5px}.user-profile{cursor:pointer;background:0 0;border:1px solid #53c5e84d;border-radius:12px;align-items:center;gap:.8rem;padding:.5rem 1rem;transition:all .3s;display:flex}@media (max-width:768px){.user-profile{gap:.5rem;padding:.4rem .6rem}}.user-profile:hover{background:#53c5e814;border-color:#53c5e880}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:14px;font-weight:600;display:flex}@media (max-width:768px){.user-avatar{width:30px;height:30px;font-size:12px}}.main-container{z-index:1;height:calc(100vh - 140px);display:flex;position:relative}@media (max-width:768px){.main-container{height:calc(100vh - 110px)}}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border-right:1px solid #53c5e81a;flex-direction:column;width:280px;padding:2rem 1rem;display:flex}@media (max-width:1024px){.sidebar{z-index:40;height:calc(100vh - 140px);transition:transform .3s;position:fixed;top:80px;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}@media (max-width:768px){.sidebar{width:250px;height:calc(100vh - 110px);top:60px}}.overlay{z-index:39;background:#00000080;transition:opacity .3s;position:fixed;inset:0}@media (min-width:1024px){.overlay{display:none}}.sidebar-header{border-bottom:1px solid #53c5e81a;margin-bottom:2rem;padding-bottom:1rem}.sidebar-header h2{color:#e0e0e0;margin:0;font-size:18px;font-weight:600}body.light-mode .sidebar-header h2{color:#1a202c}.sidebar-nav{flex:1;padding-right:.5rem;overflow-y:auto}.sidebar-nav ul{margin:0;padding:0;list-style:none}.sidebar-footer{border-top:1px solid #53c5e81a;margin-top:auto;padding-top:1rem}body.light-mode .sidebar-footer{border-top-color:#0000001a}.emoji{font-size:18px;line-height:1;display:inline-block}.user-type-selector{background:#ffffff08;border-radius:12px;margin-bottom:2rem;padding:1rem}.selector-title{text-transform:uppercase;color:#888;letter-spacing:1px;margin-bottom:1rem;font-size:11px;font-weight:600}.user-type-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.user-type-btn{color:#e0e0e0;cursor:pointer;text-align:center;background:#ffffff0d;border:none;border-radius:8px;padding:.8rem;font-size:13px;font-weight:500;transition:all .3s}.user-type-btn.active{color:#fff;background:linear-gradient(135deg,#53c5e8,#3da8cc);border-color:#53c5e8;box-shadow:0 4px 15px #53c5e84d}.user-type-btn:hover:not(.active){background:#53c5e81a;transform:translateY(-2px)}.nav-section{margin-bottom:2rem}.nav-title{text-transform:uppercase;color:#888;letter-spacing:1px;margin-bottom:1rem;font-size:11px;font-weight:600}.nav-item{color:#b0b0b0;cursor:pointer;text-align:left;width:100%;font-family:inherit;font-size:inherit;background:0 0;border:none;border-radius:10px;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.9rem 1rem;transition:all .3s;display:flex}.nav-item:hover{color:#53c5e8;background:#53c5e81a;transform:translate(5px)}.nav-icon{width:20px;height:20px}.content{flex:1;height:100%;padding:1.5rem 2rem;overflow:hidden auto}@media (max-width:768px){.content{padding:1rem}}@media (max-width:480px){.content{padding:.75rem}}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}@media (max-width:768px){.stats-grid{grid-template-columns:1fr;gap:1rem}}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff08;border:1px solid #53c5e833;border-radius:16px;padding:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}@media (max-width:768px){.stat-card{padding:1.25rem}}.stat-card:before{content:"";opacity:0;background:linear-gradient(135deg,#0000,#53c5e81a);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.stat-card:hover{border-color:#53c5e8;transform:translateY(-5px);box-shadow:0 10px 40px #53c5e833}.stat-card:hover:before{opacity:1}.stat-card.blue{background:linear-gradient(135deg,#667eea26,#764ba21a)}.stat-card.green{background:linear-gradient(135deg,#10b98126,#0596691a)}.stat-card.purple{background:linear-gradient(135deg,#8b5cf626,#6d28d91a)}.stat-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.stat-title{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:500}.stat-icon{background:#ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.stat-value{background:linear-gradient(135deg,#fff,#53c5e8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:36px;font-weight:700}@media (max-width:768px){.stat-value{font-size:30px}}.stat-subtitle{color:#10b981;align-items:center;gap:.5rem;font-size:13px;font-weight:500;display:flex}.stat-subtitle.growth{color:#10b981}.sparkline{align-items:flex-end;gap:3px;height:30px;margin-top:1rem;display:flex}.sparkline-bar{background:linear-gradient(#53c5e8,#53c5e880);border-radius:2px;flex:1;min-height:5px;transition:all .3s}.sparkline-bar:hover{background:#53c5e8;transform:scaleY(1.2)}.activity-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #53c5e833;border-radius:16px;padding:1.5rem}@media (max-width:768px){.activity-section{padding:1.25rem}}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}@media (max-width:480px){.section-header{flex-direction:column;align-items:flex-start;gap:1rem}}.section-title{color:#fff;margin-bottom:.5rem;font-size:20px;font-weight:700}@media (max-width:768px){.section-title{font-size:18px}}.filter-btn{color:#53c5e8;cursor:pointer;background:#53c5e81a;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:13px;font-weight:500;transition:all .3s}.filter-btn:hover{background:#53c5e833;transform:translateY(-2px)}.activity-timeline{padding-left:2rem;position:relative}@media (max-width:480px){.activity-timeline{padding-left:1.5rem}}.timeline-line{background:linear-gradient(#53c5e8,#0000);width:2px;position:absolute;top:0;bottom:0;left:8px}.activity-item{background:#ffffff08;border:1px solid #53c5e81a;border-radius:12px;margin-bottom:1.25rem;padding:1.25rem;transition:all .3s;position:relative}@media (max-width:768px){.activity-item{padding:1rem}}.activity-item:hover{background:#ffffff0d;border-color:#53c5e8;transform:translate(10px)}.activity-dot{background:#10b981;border:3px solid #0f1419;border-radius:50%;width:16px;height:16px;position:absolute;top:1.5rem;left:-26px;box-shadow:0 0 0 4px #10b98133}.activity-dot.pending{background:#fbbf24;box-shadow:0 0 0 4px #fbbf2433}.activity-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}@media (max-width:480px){.activity-header{flex-direction:column;gap:.5rem}}.activity-title{color:#fff;align-items:center;gap:.5rem;font-size:16px;font-weight:600;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:.3rem .8rem;font-size:11px;font-weight:600}.status-badge.completed{color:#10b981;background:#10b98133}.status-badge.pending{color:#fbbf24;background:#fbbf2433}.activity-time{color:#888;margin-top:.5rem;font-size:13px}.footer{z-index:1;text-align:center;color:#888;border-top:1px solid #53c5e81a;flex-shrink:0;justify-content:center;align-items:center;height:60px;padding:1rem 2rem;font-size:13px;display:flex;position:relative}@media (max-width:768px){.footer{height:50px;padding:.75rem 1rem;font-size:12px}}.footer a{color:#53c5e8;text-decoration:none}.footer a:hover{text-decoration:underline}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#53c5e84d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#53c5e880}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card{animation:.6s ease-out backwards fadeInUp}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.mobile-menu-btn{cursor:pointer;color:#e0e0e0;background:#ffffff0d;border:none;border-radius:10px;padding:.5rem;display:none}@media (max-width:1024px){.mobile-menu-btn{display:block}.overlay{z-index:30;background:#00000080;position:fixed;inset:0}}.tooltip{color:#e0e0e0;pointer-events:none;white-space:nowrap;background:#1a1a2ef2;border:1px solid #53c5e84d;border-radius:8px;max-width:200px;padding:.5rem .75rem;font-size:12px;font-weight:500;box-shadow:0 4px 12px #0000004d}body.light-mode .tooltip{color:#1a202c;background:#fffffff2;border-color:#53c5e866}.form-input{width:100%;color:inherit;background:#ffffff0d;border:1px solid #53c5e833;border-radius:12px;padding:.8rem 1rem;font-size:14px;transition:all .3s}.form-input:focus{background:#ffffff14;border-color:#53c5e8;outline:none;box-shadow:0 0 20px #53c5e833}.form-input select{color:#e0e0e0;appearance:none;background:#ffffff0d url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2353c5e8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e") right 1rem center/1rem no-repeat;padding-right:3rem}.form-input select option{color:#e0e0e0;background:#1a1a2e;border:none;padding:.5rem}.form-input select option:hover{color:#53c5e8;background:#2d2d4a}.form-input select option:checked,.form-input select option:focus{color:#fff;background:#53c5e8}body.light-mode .form-input select{color:#1a202c;background:#fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a202c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")}body.light-mode .form-input select option{color:#1a202c;background:#fff;padding:.5rem}body.light-mode .form-input select option:hover{color:#1a202c;background:#f7fafc}body.light-mode .form-input select option:checked,body.light-mode .form-input select option:focus{color:#fff;background:#53c5e8}@supports ((-webkit-appearance:none)){.form-input select{-webkit-appearance:none}}@supports ((-moz-appearance:none)){.form-input select{-moz-appearance:none}}@-moz-document url-prefix(){.form-input select{background-image:none;padding-right:1rem}.form-input select option{color:#e0e0e0!important;background:#1a1a2e!important}body.light-mode .form-input select option{color:#1a202c!important;background:#fff!important}}@media screen and (-webkit-min-device-pixel-ratio:0){.form-input select option{color:#e0e0e0;background:#1a1a2e}body.light-mode .form-input select option{color:#1a202c;background:#fff}}select.form-input{color:#e0e0e0!important;background-color:#ffffff0d!important}select.form-input option{color:#e0e0e0!important;background-color:#1a1a2e!important;padding:8px 12px!important}body.light-mode select.form-input,body.light-mode select.form-input option{color:#1a202c!important;background-color:#fff!important}select.form-input:disabled{opacity:.6;cursor:not-allowed}select.form-input:disabled option{color:#888!important}.form-label{color:inherit;margin-bottom:.5rem;font-size:14px;font-weight:500;display:block}.form-container{flex-direction:column;gap:1rem;display:flex}.form-section{flex-direction:column;gap:.5rem;display:flex}.input-wrapper{flex-direction:column;gap:.5rem;width:100%;min-width:0;margin-bottom:1.5rem;display:flex}.input-label{color:#555;margin-bottom:.75rem;font-size:14px;font-weight:600;display:block}body.light-mode .input-label{color:#555}.content-section{margin-bottom:2rem}.content-section:last-child{margin-bottom:0}.alert{margin-bottom:1.5rem}.info-box{margin-bottom:2rem}.form-section{margin-bottom:1.5rem}.form-section:last-child{margin-bottom:0}.input-container{width:100%;min-width:0;position:relative}.input{color:#333;background:#fff;border:2px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:.875rem 1rem;font-size:1rem;transition:all .3s}.input--icon-left{padding-left:3rem}.input--icon-right{padding-right:3rem}.input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.input__icon{color:#888;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.input__icon--left{left:1rem}.input__icon--right{right:1rem}.input__toggle{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.input__toggle:hover{color:#667eea;background:#667eea1a}.input__toggle:focus{outline-offset:2px;outline:2px solid #667eea}.input__toggle[aria-pressed=true]{color:#667eea}.checkbox-container{align-items:center;margin-top:.5rem;display:flex}.checkbox-label{cursor:pointer;color:#1a202c;align-items:center;margin:0;font-size:14px;display:flex}body.light-mode .checkbox-label{color:#1a202c}.checkbox-input{cursor:pointer;accent-color:#53c5e8;border-radius:4px;width:18px;height:18px;margin-right:.75rem}.checkbox-input:checked{background-color:#53c5e8;border-color:#53c5e8}.checkbox-text{-webkit-user-select:none;user-select:none;font-weight:500}.login-container{background:linear-gradient(135deg,#fbfbfc 0%,#f5f4f7 100%);width:100%;min-height:100vh;display:flex}@media (max-width:768px){.login-container{flex-direction:column}}.login-image{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}@media (max-width:768px){.login-image{min-height:30vh;padding:1rem}}.login-image img{object-fit:contain;border-radius:20px;max-width:100%;max-height:80vh;box-shadow:0 20px 60px #0000004d}@media (max-width:768px){.login-image img{max-height:25vh}}.login-form{background:#fff;flex-direction:column;flex:1;justify-content:center;min-width:400px;max-width:600px;padding:3rem;display:flex;box-shadow:-10px 0 30px #0000001a}@media (max-width:768px){.login-form{max-width:100%;min-width:unset;padding:2rem 1.5rem}}@media (max-width:480px){.login-form{padding:1.5rem 1rem}}.login-form h1{color:#333;margin-bottom:2rem;font-size:2.5rem;font-weight:700}@media (max-width:768px){.login-form h1{font-size:2rem}}@media (max-width:480px){.login-form h1{font-size:1.75rem}}.login-form form{width:100%}.mb-3{margin-bottom:1.5rem}.d-grid{gap:.75rem;display:grid}.d-grid-auto{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (max-width:480px){.d-grid-auto{grid-template-columns:1fr}}.btn{cursor:pointer;text-align:center;border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}@media (max-width:480px){.btn{padding:.75rem 1rem;font-size:.95rem}}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 15px #667eea66}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline-secondary{color:#666;background:#fff;border:2px solid #e0e0e0}.btn-outline-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.alert{border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.95rem}.alert-danger{color:#c33;background:#fee;border:1px solid #fcc}.text-center{text-align:center;margin-top:1.5rem}.text-center a{color:#667eea;font-weight:500;text-decoration:none;transition:color .3s}.text-center a:hover{color:#764ba2;text-decoration:underline}.responsive-logo{object-fit:contain;width:100%;max-width:500px;height:auto;max-height:500px}.logo-fallback{aspect-ratio:1;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;justify-content:center;align-items:center;width:100%;max-width:500px;padding:2rem;display:flex}.logo-fallback-text{color:#fff;text-align:center;font-size:3rem;font-weight:700}.logo-fallback-subtitle{opacity:.9;margin-top:1rem;font-size:1rem;font-weight:400}.content-page-title{color:inherit;margin-bottom:1rem;font-size:20px;font-weight:600}.content-page-description{color:inherit;opacity:.7;margin-bottom:1.5rem}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}@media (max-width:768px){.grid-auto-fit{grid-template-columns:1fr}}.grid-auto-fit-large{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}@media (max-width:768px){.grid-auto-fit-large{grid-template-columns:1fr}}.flex-column{flex-direction:column;gap:1rem;display:flex}.flex-column-large{flex-direction:column;gap:1.5rem;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.text-secondary{color:inherit;opacity:.8;font-size:14px}.text-small{color:inherit;opacity:.7;font-size:13px}.text-bold{font-weight:600}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}@media (hover:none) and (pointer:coarse){.btn,.icon-btn,.nav-item,.user-type-btn,.filter-btn{min-width:44px;min-height:44px}}@media (max-width:768px){*{-webkit-tap-highlight-color:#53c5e833}.stat-card:hover,.activity-item:hover{transform:none}}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #667eea}@media print{.header,.sidebar,.footer,.mobile-menu-btn,.theme-toggle{display:none}.content{padding:0}.stat-card,.activity-section{break-inside:avoid}}.user-profile-name{font-size:14px;font-weight:600}.user-profile-role{color:#888;font-size:11px}.user-profile-arrow{color:#53c5e8}.filter-btn-start{align-self:flex-start}.activity-item-clickable{cursor:pointer}.form-section-narrow{max-width:280px;margin-bottom:1.5rem}.activity-item-compact{margin-bottom:0;padding:1rem}.activity-item-flex{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.text-right{text-align:right}.text-green{color:#10b981}.section-title-small{margin-bottom:1.5rem;font-size:20px}.stat-title-large{font-size:18px;font-weight:600}.stat-value-medium{font-size:18px}.stat-value-green{color:#10b981;font-size:18px}.project-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;display:grid}@media (max-width:768px){.project-grid{grid-template-columns:1fr}}.filter-btn-small{padding:.4rem .8rem;font-size:12px}.stat-card-balance{background:linear-gradient(135deg,#667eea4d,#764ba233)}.text-italic{font-style:italic}.nav-item-padding{padding:.9rem 1rem}.nav-item.active{color:#53c5e8;background:#53c5e833}.inline-block-relative{display:inline-block;position:relative}.tooltip-fixed{position:fixed}.min-h-screen{min-height:100vh}.reset-password-form{width:100%;max-width:500px;margin:0 auto}.reset-password-container{background:#ffffff05;border:1px solid #53c5e81a;border-radius:16px;max-width:600px;margin:0 auto;padding:2rem}body.light-mode .reset-password-container{background:#ffffff80;border-color:#53c5e833}@media (max-width:768px){.reset-password-container{padding:1.5rem}}@media (max-width:480px){.reset-password-container{padding:1rem}}.reset-password-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;box-shadow:0 8px 24px #667eea4d}@media (max-width:480px){.reset-password-icon{width:64px;height:64px}.reset-password-icon svg{width:32px;height:32px}}.reset-password-description{color:#888;text-align:center;margin-bottom:1.5rem;font-size:.95rem}body.light-mode .reset-password-description{color:#666}.activity-section .reset-password-description{color:inherit;opacity:.8}.form-hint{color:#888;margin-top:.5rem;font-size:.85rem;display:block}body.light-mode .form-hint{color:#666}.alert-success{color:#155724;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.95rem}.captcha-container{justify-content:center;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.captcha-code{color:#fff;letter-spacing:.4rem;text-align:center;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;min-width:180px;padding:.875rem 1.5rem;font-family:Courier New,monospace;font-size:1.25rem;font-weight:700;position:relative;overflow:hidden;box-shadow:0 4px 15px #667eea4d}.captcha-code:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff0d 10px 20px);position:absolute;inset:0}.captcha-refresh{cursor:pointer;color:#667eea;background:#667eea1a;border:2px solid #667eea;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:all .3s;display:flex}.captcha-refresh:hover{color:#fff;background:#667eea;transform:rotate(180deg)}.captcha-refresh:active{transform:rotate(180deg)scale(.95)}body.light-mode .captcha-refresh{color:#667eea;background:#667eea1a;border-color:#667eea}body.light-mode .captcha-refresh:hover{color:#fff;background:#667eea}@media (max-width:480px){.captcha-code{letter-spacing:.3rem;padding:.75rem 1rem;font-size:1.2rem}.captcha-refresh{width:44px;height:44px}}.btn-link{text-decoration:none;display:inline-block}.btn-link:hover{text-decoration:none}.form-card{background:#ffffff05;border:1px solid #53c5e81a;border-radius:16px;max-width:700px;margin:0 auto;padding:2.5rem}body.light-mode .form-card{background:#ffffff80;border-color:#53c5e833}.form-card-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;box-shadow:0 8px 24px #667eea4d}.form-card-title{text-align:center;color:inherit;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.form-card-description{text-align:center;color:#888;margin-bottom:2rem;font-size:.95rem}body.light-mode .form-card-description{color:#666}@media (max-width:768px){.form-card{padding:2rem}.form-card-icon{width:64px;height:64px}.form-card-icon svg{width:32px;height:32px}.form-card-title{font-size:1.25rem}}@media (max-width:480px){.form-card{padding:1.5rem}}.balances-container{max-width:900px;margin:0 auto}.balance-card-large{text-align:center;background:linear-gradient(135deg,#667eea26,#764ba21a);border:1px solid #53c5e833;border-radius:16px;margin-bottom:2rem;padding:1.75rem;position:relative;overflow:hidden}body.light-mode .balance-card-large{background:linear-gradient(135deg,#667eea1a,#764ba20d);border-color:#53c5e84d}.balance-card-large:before{content:"";pointer-events:none;background:radial-gradient(circle,#53c5e81a 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;right:-50%}.balance-card-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1rem;display:inline-flex;box-shadow:0 6px 18px #667eea4d}.balance-card-icon svg{width:28px;height:28px}.balance-card-content{z-index:1;margin-bottom:1.5rem;position:relative}.balance-card-content .stat-value{margin-bottom:.25rem;font-size:36px}.balance-card-content .stat-title{margin-bottom:.5rem;font-size:12px}.balance-card-content .stat-subtitle{font-size:12px}.balance-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex;position:relative}.balance-actions .btn{min-width:140px;padding:.65rem 1.25rem;font-size:.9rem}@media (max-width:768px){.balance-card-large{padding:1.5rem}.balance-card-icon{width:48px;height:48px}.balance-card-icon svg{width:24px;height:24px}.balance-card-content .stat-value{font-size:30px}}@media (max-width:480px){.balance-card-large{padding:1.25rem}.balance-card-content .stat-value{font-size:28px}.balance-actions{flex-direction:column}.balance-actions .btn{width:100%}}.transactions-list{flex-direction:column;gap:.75rem;display:flex}.transaction-item{background:#ffffff05;border:1px solid #53c5e81a;border-radius:12px;justify-content:space-between;align-items:center;padding:1.25rem;transition:all .3s;display:flex}body.light-mode .transaction-item{background:#ffffff80;border-color:#53c5e833}.transaction-item:hover{background:#53c5e80d;border-color:#53c5e8;transform:translate(5px)}.transaction-info{flex-direction:column;gap:.25rem;display:flex}.transaction-name{font-size:.95rem;font-weight:600}.transaction-date{color:#888;font-size:.85rem}body.light-mode .transaction-date{color:#666}.transaction-amount{font-size:1.1rem;font-weight:700}@media (max-width:480px){.transaction-item{padding:1rem}.transaction-name{font-size:.9rem}.transaction-amount{font-size:1rem}}.offset-buyer-container{max-width:900px;margin:0 auto}.offset-header{text-align:center;margin-bottom:3rem}.buyer-type-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}@media (max-width:768px){.buyer-type-grid{grid-template-columns:1fr;gap:1.5rem}}.buyer-type-card{text-align:center;cursor:pointer;background:#ffffff05;border:1px solid #53c5e833;border-radius:16px;padding:2.5rem;transition:all .3s}body.light-mode .buyer-type-card{background:#ffffff80;border-color:#53c5e84d}.buyer-type-card:hover{border-color:#53c5e8;transform:translateY(-5px);box-shadow:0 10px 40px #53c5e833}.buyer-type-icon{justify-content:center;align-items:center;height:100px;margin-bottom:1.5rem;font-size:4rem;display:flex}.buyer-type-title{color:inherit;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.buyer-type-description{color:#888;margin-bottom:2rem;font-size:.95rem}body.light-mode .buyer-type-description{color:#666}.btn-block{width:100%}@media (max-width:480px){.buyer-type-card{padding:2rem}.buyer-type-icon{height:80px;font-size:3rem}}.floating-home-btn{cursor:pointer;z-index:1000;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;position:fixed;bottom:80px;right:2rem;box-shadow:0 8px 24px #667eea66}.floating-home-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-4px)scale(1.05);box-shadow:0 12px 32px #667eea99}.floating-home-btn:active{transform:translateY(-2px)scale(1)}.floating-home-btn svg{color:#fff;stroke:#fff}body.light-mode .floating-home-btn{background:linear-gradient(135deg,#53c5e8,#3da8cc);box-shadow:0 8px 24px #53c5e866}body.light-mode .floating-home-btn:hover{background:linear-gradient(135deg,#3da8cc,#53c5e8);box-shadow:0 12px 32px #53c5e899}@media (max-width:768px){.floating-home-btn{width:50px;height:50px;bottom:70px;right:1.5rem}.floating-home-btn svg{width:20px;height:20px}}@media (max-width:480px){.floating-home-btn{width:48px;height:48px;bottom:60px;right:1rem}}@keyframes floatPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.floating-home-btn{animation:3s ease-in-out infinite floatPulse}.floating-home-btn:hover{animation:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.form-button-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}@media (max-width:480px){.form-button-grid{grid-template-columns:1fr}}.btn-gradient-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;justify-content:center;align-items:center;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #667eea66}.btn-gradient-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-gradient-primary:disabled{opacity:.7;cursor:not-allowed}.btn-outline-white{color:#666;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-outline-white:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.btn-outline-white:disabled{opacity:.6;cursor:not-allowed}body.light-mode .btn-gradient-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}body.light-mode .btn-outline-white{color:#666;background:#fff;border-color:#e0e0e0}body.light-mode .btn-outline-white:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.form-card-compact{background:#ffffff05;border:1px solid #53c5e81a;border-radius:16px;max-width:700px;margin:0 auto;padding:1.5rem}body.light-mode .form-card-compact{background:#ffffff80;border-color:#53c5e833}.form-card-icon-compact{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto .75rem;display:flex;box-shadow:0 6px 18px #667eea4d}.form-card-title-compact{text-align:center;color:inherit;margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.form-card-description-compact{text-align:center;color:#888;margin-bottom:1rem;font-size:.875rem}body.light-mode .form-card-description-compact{color:#666}.form-section-compact{margin-bottom:.75rem}@media (max-width:768px){.form-card-compact{padding:1.25rem}.form-card-icon-compact{width:50px;height:50px}.form-card-title-compact{font-size:1.125rem}}@media (max-width:480px){.form-card-compact{padding:1rem}}.stakeholder-form-container{max-width:1000px;margin:0 auto}.stakeholder-form-card{background:#ffffff05;border:1px solid #53c5e81a;border-radius:16px;padding:1.5rem}body.light-mode .stakeholder-form-card{background:#ffffff80;border-color:#53c5e833}.stakeholder-icon-container{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto .75rem;display:flex;box-shadow:0 6px 18px #667eea4d}.stakeholder-title{text-align:center;color:inherit;margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.stakeholder-description{text-align:center;color:#888;margin-bottom:1rem;font-size:.875rem}body.light-mode .stakeholder-description{color:#666}.alert-success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:.5rem;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.alert-error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:.5rem;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.alert-icon{margin-right:.5rem}.stakeholder-form{flex-direction:column;gap:.75rem;display:flex}.form-section-no-margin{margin-bottom:0}.form-label-with-icon{color:inherit;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:14px;font-weight:500;display:flex}.form-label-emoji{font-size:16px}.required-asterisk{color:#ef4444}.select-disabled{opacity:.6;cursor:not-allowed}.textarea-resizable{resize:vertical;min-height:60px}@media (max-width:768px){.stakeholder-form-card{padding:1.25rem}.stakeholder-icon-container{width:50px;height:50px}.stakeholder-title{font-size:1.125rem}}@media (max-width:480px){.stakeholder-form-card{padding:1rem}}.site-details-container{color:#e0e0e0;max-width:1000px;margin:0 auto;padding:2rem}.site-details-header{margin-bottom:2rem}.site-details-title{color:#fff;margin-bottom:.5rem;font-size:28px;font-weight:700}.site-details-subtitle{color:#888;font-size:14px}.alert-success-site{color:#10b981;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding:1rem;display:flex}.alert-warning-site{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:8px;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding:1rem;display:flex}.stepper-container{justify-content:space-between;margin-bottom:3rem;display:flex;position:relative}.stepper-line{z-index:0;background:#53c5e833;height:2px;position:absolute;top:20px;left:10%;right:10%}.stepper-line-progress{background:linear-gradient(90deg,#53c5e8,#3da8cc);height:100%;transition:width .5s}.stepper-step{z-index:1;flex-direction:column;flex:1;align-items:center;gap:.8rem;display:flex;position:relative}.stepper-circle{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.stepper-circle-active{color:#fff;background:linear-gradient(135deg,#53c5e8,#3da8cc);border:2px solid #53c5e8;box-shadow:0 4px 15px #53c5e866}.stepper-circle-completed{color:#10b981;background:#10b98133;border:2px solid #10b981}.stepper-circle-inactive{color:#666;background:#ffffff0d;border:2px solid #53c5e84d}.stepper-label{font-size:13px;font-weight:500}.stepper-label-active{color:#53c5e8}.stepper-label-completed{color:#10b981}.wallet-stepper-circle{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.wallet-stepper-circle:before{content:"";opacity:0;background:linear-gradient(45deg,#0000,#ffffff1a);border-radius:50%;transition:opacity .3s;position:absolute;inset:-2px}.wallet-stepper-circle.active:before{opacity:1}.wallet-stepper-circle.current{animation:2s infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.wallet-stepper-emoji{filter:drop-shadow(0 1px 2px #0000001a);font-size:16px;line-height:1}.wallet-stepper-label{letter-spacing:.025em;font-weight:600;transition:all .3s}.wallet-stepper-progress-line{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#10b981) 0 0/200% 100%;animation:3s ease-in-out infinite gradient-flow}@keyframes gradient-flow{0%,to{background-position:0%}50%{background-position:100%}}.wallet-step-1.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.wallet-step-2.active{background:linear-gradient(135deg,#f97316,#ea580c)}.wallet-step-3.active{background:linear-gradient(135deg,#10b981,#059669)}.wallet-step-4.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.wallet-step-5.active{background:linear-gradient(135deg,#10b981,#047857)}.wallet-stepper-circle:hover{transform:translateY(-1px)}.wallet-stepper-circle.active:hover{transform:translateY(-1px)scale(1.05)}.step-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #53c5e833;border-radius:16px;padding:2rem}.step-card-title{color:#fff;margin-bottom:1.5rem;font-size:20px;font-weight:600}.step-card-subtitle{color:#888;margin-bottom:1.5rem;font-size:14px}.stakeholder-table-container{border:1px solid #53c5e833;border-radius:8px;overflow:hidden}.stakeholder-table{border-collapse:collapse;width:100%}.stakeholder-table thead{background:#ffffff08}.stakeholder-table th{text-align:left;color:#888;border-bottom:1px solid #53c5e833;padding:1rem;font-size:13px;font-weight:600}.stakeholder-table tbody tr{cursor:pointer;transition:background .2s}.stakeholder-table tbody tr:hover{background:#53c5e80d}.stakeholder-table tbody tr.selected{background:#53c5e81a}.stakeholder-table td{border-bottom:1px solid #53c5e81a;padding:1rem}.status-badge{text-transform:capitalize;border-radius:12px;padding:.3rem .8rem;font-size:11px;font-weight:600;display:inline-block}.status-badge-active{color:#10b981;background:#10b98133}.status-badge-pending{color:#fbbf24;background:#fbbf2433}.status-badge-inactive{color:#ef4444;background:#ef444433}.pagination-container{border-top:1px solid #53c5e81a;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.pagination-info{color:#666;margin-right:1rem;font-size:13px}.pagination-button{color:#888;cursor:pointer;background:#ffffff08;border:1px solid #53c5e833;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 .75rem;font-size:14px;font-weight:500;transition:all .2s;display:flex}.pagination-button:hover:not(:disabled){background:#53c5e81a;border-color:#53c5e8}.pagination-button:disabled{opacity:.3;cursor:not-allowed}.pagination-button-active{color:#fff;background:linear-gradient(135deg,#53c5e8,#3da8cc);border-color:#53c5e8;box-shadow:0 4px 12px #53c5e84d}.pagination-dots{color:#666;padding:0 .5rem}.selected-info{background:#53c5e81a;border:1px solid #53c5e84d;border-radius:8px;margin-top:1rem;padding:1rem}.site-form-field{margin-bottom:1.5rem}.site-form-label{color:#b0b0b0;text-transform:uppercase;margin-bottom:.6rem;font-size:11px;font-weight:600;display:block}.site-form-input{color:#fff;background:#ffffff0d;border:2px solid #53c5e833;border-radius:10px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:14px;transition:border-color .2s}.site-form-input:focus{border-color:#53c5e8;outline:none}.site-form-input-error{border-color:#ef4444}.site-form-hint{color:#666;margin-top:.5rem;font-size:12px}.site-form-error{color:#ef4444;margin-top:.5rem;font-size:12px}.site-nav-buttons{justify-content:space-between;margin-top:2rem;display:flex}.site-nav-buttons-right{gap:1rem;display:flex}.btn-cancel{cursor:pointer;color:#ef4444;background:#ffffff0d;border:2px solid #ef4444;border-radius:10px;padding:.75rem 1.5rem;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.btn-cancel:hover{background:#ef44441a}.btn-back{cursor:pointer;color:#53c5e8;background:#ffffff0d;border:2px solid #53c5e880;border-radius:10px;padding:.75rem 1.5rem;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.btn-back:hover{background:#53c5e81a}.btn-next{cursor:pointer;color:#53c5e8;background:#53c5e81a;border:2px solid #53c5e8;border-radius:10px;padding:.75rem 1.5rem;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.btn-next:hover:not(:disabled){background:#53c5e833}.btn-next:disabled{opacity:.5;cursor:not-allowed}.btn-save{cursor:pointer;color:#10b981;background:#10b9811a;border:2px solid #10b981;border-radius:10px;padding:.75rem 1.5rem;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.btn-save:hover{background:#10b98133}@media (max-width:768px){.site-details-container{padding:1rem}.stakeholder-table{font-size:12px}.stakeholder-table th,.stakeholder-table td{padding:.75rem .5rem}.site-nav-buttons{flex-direction:column;gap:1rem}.site-nav-buttons-right{flex-direction:column}}.register-links-container{background:linear-gradient(to bottom right,#f9fafb,#eff6ff,#f9fafb);min-height:100vh;padding:1rem}@media (min-width:640px){.register-links-container{padding:2rem}}.notification-banner{z-index:50;border-left-width:4px;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;max-width:28rem;padding:1rem;transition:all .3s;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 10px 15px -3px #0000001a}.notification-success{color:#065f46;background-color:#d1fae5;border-color:#10b981}.notification-error{color:#991b1b;background-color:#fee2e2;border-color:#ef4444}.notification-warning{color:#92400e;background-color:#fef3c7;border-color:#f59e0b}.notification-info{color:#1e40af;background-color:#dbeafe;border-color:#3b82f6}.notification-icon{flex-shrink:0}.notification-icon-success{color:#10b981}.notification-icon-error{color:#ef4444}.notification-icon-warning{color:#f59e0b}.notification-icon-info{color:#3b82f6}.notification-message{flex:1;font-size:.875rem;font-weight:500}.notification-dismiss{cursor:pointer;background:0 0;border:none;border-radius:9999px;width:2rem;height:2rem;margin-left:auto;padding:.375rem;transition:background-color .2s;display:inline-flex}.notification-dismiss:hover{background-color:#0000001a}.register-links-form{max-width:80rem;margin:0 auto}.register-links-header{margin-bottom:2rem}.register-links-description{color:#6b7280;margin-top:.5rem;font-size:.875rem}.register-links-description kbd{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem}.links-section-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.links-section-title{font-size:1.125rem;font-weight:700}.btn-add-link{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a}.btn-add-link:hover:not(:disabled){background-color:#059669;transform:scale(1.05)}.btn-add-link:disabled{cursor:not-allowed;background-color:#9ca3af}.link-card{background:linear-gradient(to bottom right,#f9fafb,#fff);border:1px solid #e5e7eb;border-radius:.75rem;grid-template-columns:repeat(12,1fr);align-items:start;gap:.75rem;margin-bottom:1rem;padding:1.25rem;transition:all .2s;display:grid}.link-card:hover{box-shadow:0 10px 15px -3px #0000001a}.link-card-drag-handle{grid-column:span 12/span 12;justify-content:center;align-items:center;padding-top:1.5rem;display:flex}@media (min-width:768px){.link-card-drag-handle{grid-column:span 1/span 1}}.drag-handle-icon{color:#9ca3af;cursor:move;width:1.25rem;height:1.25rem}.link-card-field{grid-column:span 12/span 12}@media (min-width:768px){.link-card-field-id,.link-card-field-name{grid-column:span 3/span 3}.link-card-field-icon,.link-card-field-link{grid-column:span 2/span 2}.link-card-field-remove{grid-column:span 1/span 1}}.link-card-field-remove{align-items:flex-end;display:flex}.btn-remove-link{color:#fff;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:all .2s;display:flex}.btn-remove-link-active{background-color:#ef4444;box-shadow:0 4px 6px -1px #0000001a}.btn-remove-link-active:hover{background-color:#dc2626;transform:scale(1.05)}.btn-remove-link-disabled{cursor:not-allowed;background-color:#9ca3af}.register-action-buttons{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}@media (min-width:640px){.register-action-buttons{flex-direction:row}}.btn-save-config{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2563eb,#1d4ed8);border:none;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 10px 15px -3px #0000001a}.btn-save-config:hover:not(:disabled){background:linear-gradient(90deg,#1d4ed8,#1e40af);box-shadow:0 20px 25px -5px #0000001a}.btn-save-config:active:not(:disabled){transform:scale(.95)}.btn-save-config:disabled{cursor:not-allowed;background:linear-gradient(90deg,#9ca3af,#9ca3af)}.btn-cancel-config{color:#374151;cursor:pointer;background:#fff;border:2px solid #d1d5db;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}@media (min-width:640px){.btn-cancel-config{width:25%}}.btn-cancel-config:hover:not(:disabled){background-color:#f9fafb}.btn-cancel-config:disabled{cursor:not-allowed;background-color:#f3f4f6}.payload-preview{color:#374151;background:linear-gradient(90deg,#eff6ff,#eef2ff);border:1px solid #bfdbfe;border-radius:.75rem;margin-top:2rem;padding:1rem;font-size:.875rem}.payload-preview-title{color:#1e40af;align-items:center;margin-bottom:.5rem;font-weight:600;display:flex}.payload-preview-content{background-color:#fff;border:1px solid #dbeafe;border-radius:.5rem;padding:.75rem;font-family:monospace;font-size:.75rem;overflow:auto}.success-display{background-color:#fff;border-top:4px solid #10b981;border-radius:.75rem;max-width:80rem;margin:1.5rem auto 0;padding:1.5rem;animation:.3s ease-in fadeIn;box-shadow:0 10px 15px -3px #0000001a}.success-display-title{color:#065f46;align-items:center;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;display:flex}.success-display-section{margin-bottom:1rem}.success-display-section-title{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.success-display-code{background-color:#d1fae5;border:1px solid #a7f3d0;border-radius:.5rem;padding:1rem;font-family:monospace;font-size:.75rem;overflow:auto}.success-display-timestamp{color:#6b7280;font-size:.75rem}.api-documentation{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;max-width:80rem;margin:1.5rem auto 0;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.api-documentation-title{color:#1f2937;align-items:center;margin-bottom:.75rem;font-size:1.125rem;font-weight:700;display:flex}.api-documentation-content{color:#4b5563;font-size:.875rem}.api-documentation-content p{margin-bottom:.5rem}.api-documentation-content code{background-color:#f3f4f6;border-radius:.25rem;padding:.25rem .5rem}.api-documentation-code-block{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:.75rem;padding:.75rem;font-family:monospace;font-size:.75rem;overflow:auto}.loading-spinner{border:2px solid #fff;border-top-color:#0000;border-radius:9999px;width:1.25rem;height:1.25rem;animation:1s linear infinite spin}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-text{color:#dc2626;align-items:center;margin-top:.25rem;font-size:.75rem;display:flex}.error-text-icon{width:.75rem;height:.75rem;margin-right:.25rem}.hint-text{color:#6b7280;margin-top:.25rem;font-size:.75rem}body.light-mode .register-links-container{background:linear-gradient(to bottom right,#fff,#f0f9ff,#fff)}body.light-mode .link-card{background:linear-gradient(to bottom right,#fff,#fafafa)}body.light-mode .payload-preview{background:linear-gradient(90deg,#f0f9ff,#f5f3ff)}.view-projects-container{background-color:#f3f4f6;min-height:100vh}.view-projects-header{background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.view-projects-header-content{align-items:center;gap:1rem;max-width:1280px;margin:0 auto;padding:1rem;display:flex}.view-projects-back-btn{cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.5rem;transition:background-color .2s}.view-projects-back-btn:hover{background-color:#f3f4f6}.view-projects-title{color:#111827;margin:0;font-size:1.5rem;font-weight:700}.view-projects-subtitle{color:#4b5563;margin:0;font-size:.875rem}.view-projects-main{max-width:1280px;margin:0 auto;padding:2rem 1rem}.view-projects-form-container{max-width:48rem;margin:0 auto}.view-projects-form{background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d}.view-projects-form-section{margin-bottom:1.5rem}.stakeholder-info-box{background-color:#eff6ff;border-radius:.5rem;align-items:center;gap:.75rem;padding:1rem;display:flex}.stakeholder-info-icon{color:#2563eb;width:1.5rem;height:1.5rem}.stakeholder-info-name{color:#111827;margin:0;font-weight:600}.stakeholder-info-id{color:#4b5563;margin:0;font-size:.875rem}.wallet-form-label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.wallet-form-input{border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.5rem 1rem;font-size:1rem;transition:all .2s}.wallet-form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.wallet-form-select{cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.5rem 1rem;font-size:1rem;transition:all .2s}.wallet-form-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.wallet-form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:.75rem;padding-top:1rem;display:flex}.btn-wallet-cancel{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem 1.5rem;font-weight:500;transition:background-color .2s}.btn-wallet-cancel:hover{background-color:#f9fafb}.btn-wallet-create{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-weight:500;transition:background-color .2s;display:flex}.btn-wallet-create:hover:not(:disabled){background-color:#1d4ed8}.btn-wallet-create:disabled{opacity:.5;cursor:not-allowed}.wallet-success-container{max-width:48rem;margin:0 auto}.wallet-success-card{background-color:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d}.wallet-success-header{color:#10b981;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.wallet-success-icon{width:2rem;height:2rem}.wallet-success-title{margin:0;font-size:1.25rem;font-weight:600}.wallet-success-subtitle{color:#4b5563;margin:0;font-size:.875rem}.wallet-warning-box{background-color:#fef3c7;border:1px solid #fde68a;border-radius:.5rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.wallet-warning-icon{color:#d97706;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.wallet-warning-content{color:#92400e;font-size:.875rem}.wallet-warning-title{margin-bottom:.25rem;font-weight:600}.wallet-address-section{margin-bottom:1.5rem}.wallet-address-label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.wallet-address-input-group{gap:.5rem;display:flex}.wallet-address-input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;flex:1;padding:.5rem 1rem;font-family:monospace;font-size:.875rem}.btn-copy{cursor:pointer;background-color:#f3f4f6;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:background-color .2s;display:flex}.btn-copy:hover{background-color:#e5e7eb}.btn-copy-icon{width:1rem;height:1rem}.btn-copy-icon-success{color:#10b981}.btn-wallet-done{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:.5rem;padding:.5rem 1.5rem;font-weight:500;transition:background-color .2s}.btn-wallet-done:hover{background-color:#1d4ed8}body.light-mode .view-projects-container{background-color:#fff}body.light-mode .view-projects-header,body.light-mode .view-projects-form,body.light-mode .wallet-success-card{background-color:#fafafa}@media (max-width:768px){.view-projects-main,.view-projects-form{padding:1rem}.wallet-form-actions{flex-direction:column}.btn-wallet-cancel,.btn-wallet-create{justify-content:center;width:100%}}.add-wallet-wrapper{padding-bottom:1rem}.add-wallet-placeholder{text-align:center;color:#888;padding:2rem}.add-wallet-placeholder p{margin:0;font-size:1rem}[data-sidebar]{scrollbar-width:thin;scrollbar-color:#4b5563 #111827}[data-sidebar]::-webkit-scrollbar{width:6px}[data-sidebar]::-webkit-scrollbar-track{background:#111827;border-radius:4px}[data-sidebar]::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}[data-sidebar]::-webkit-scrollbar-thumb:hover{background:#4b5563}.sidebar-link{color:#d1d5db;border-radius:.5rem;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex;position:relative}.sidebar-link:hover{color:#fff;background-color:#374151}.sidebar-link:before{content:"";transform-origin:bottom;background-color:#3b82f6;width:4px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.sidebar-link:hover:before,.sidebar-link[aria-current=page]:before{transform:scaleY(1)}.sidebar-link[aria-current=page]{color:#fff;background-color:#2563eb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@keyframes pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sidebar-link[aria-current=page] svg,.sidebar-link[aria-current=page] i{animation:2s infinite pulseIcon}@keyframes shimmer{0%{left:-100%}to{left:100%}}