@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url("PoppinsNormal.woff2") format("woff2")}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url("PoppinsBold.woff2") format("woff2")}h1{font-size:18px;font-weight:200;margin-bottom:6px}h2{font-size:38px;line-height:44px;font-weight:200}h3{font-size:26px;line-height:30px;margin-bottom:10px}@media only screen and (max-width: 600px){h1{font-size:14px}h2{font-size:27px;line-height:34px;margin-bottom:20px;font-weight:400}h3{font-size:22px;line-height:26px}}.spacerTop{margin-top:100px}@media only screen and (max-width: 1200px){.spacerTop{margin-top:60px}}@media only screen and (max-width: 600px){.spacerTop{margin-top:20px}}body,html{font-family:'Poppins', sans-serif !important;font-weight:normal;box-sizing:border-box;margin:0;padding:0;width:100%;min-height:100vh;color:#121212;font-size:18px}@media only screen and (max-width: 600px){body,html{font-size:14px}}input{outline:none !important;margin-left:8px}input[type=submit]{background:none}img{display:block}.Image{width:100%;height:auto}*{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{border:none;-webkit-text-fill-color:black;-webkit-box-shadow:0 0 0px 1000px transparent inset;transition:background-color 5000s ease-in-out 0s}::selection{background:#00b97f;color:#fff}a{text-decoration:none !important;color:#d9680c}@media only screen and (min-width: 1200px){a{transition:all 0.3s ease-out}a:hover{color:#000}}.button1,.button2{cursor:pointer;border-radius:20px;font-size:18px;line-height:40px;font-weight:200;text-align:center;margin:0 auto;padding-left:30px;padding-right:30px;-webkit-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.button1{color:#121212;border:1px solid #00b97f}@media only screen and (min-width: 1200px){.button1{transition:all 0.3s ease-out}.button1:hover{border:1px solid #d9680c;color:#d9680c}}.button2{color:white;background:#414141;border:1px solid #414141}@media only screen and (min-width: 1200px){.button2{transition:all 0.3s ease-out}.button2:hover{border:1px solid #d9680c;color:#d9680c;background:none}}.buttonMarginTop{margin-top:20px}.buttonFlexEnd{margin-top:auto}.InfoboxGreen,.InfoboxRed{color:white;border-radius:10px;font-size:18px;font-weight:bold;text-align:center;margin-top:20px;margin-bottom:20px;padding-right:20px;padding-left:20px;padding-top:8px;padding-bottom:8px}.InfoboxGreen{background:#29c75e}.InfoboxRed{background:#dd3f53}.DisplayNone{display:none}.burgermenuButton{position:absolute;right:22px;top:38px}.burgermenuButtonClose{right:4px;top:8px}@media only screen and (min-width: 900px){.burgermenuButton{display:none}}.menucontainer{display:inline-block;cursor:pointer;margin-right:10px}.bar1,.bar2,.bar3{width:35px;height:2px;background-color:white;margin:8px 0;transition:0.4s}.change .bar1{-webkit-transform:rotate(-45deg) translate(-8px, 7px);transform:rotate(-45deg) translate(-8px, 7px)}.change .bar2{opacity:0}.change .bar3{-webkit-transform:rotate(45deg) translate(-7px, -7px);transform:rotate(45deg) translate(-7px, -7px)}.alert.alert-danger ul{list-style:none}.alert-danger{background:#dd3f53;color:white;border-radius:20px;font-size:18px;font-weight:bold;text-align:center;margin-bottom:20px;padding:8px 20px;font-size:16px}.alert-green{background:#00b97f;color:white;border-radius:20px;font-size:18px;font-weight:bold;text-align:center;margin-bottom:20px;padding:8px 20px;font-size:16px}.admin-bar{position:fixed;top:0;left:0;right:0;background:#dd3f53;color:white;padding:10px;text-align:center;animation:pulseBg 1.5s ease-in-out infinite}@keyframes pulseBg{0%{background-color:#dd3f53}50%{background-color:#eba498}100%{background-color:#dd3f53}}.HeaderLogo{max-width:190px;margin:0 auto}*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}body{background-color:#f1f5f9;min-height:100vh;padding:16px}.two-col{display:flex;gap:20px;flex-wrap:wrap}.two-col .form-row{flex:1 1 200px}.dashboard{margin:80px auto 0;display:grid;grid-template-columns:260px 1fr;max-width:1400px;width:100%;background-color:#ffffff;border-radius:32px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);overflow:hidden;transition:all 0.2s ease}@media only screen and (max-width: 1400px){.dashboard{margin-top:0}}.sidebar{background-color:#0f172a;color:#e2e8f0;padding:28px 20px;display:flex;flex-direction:column;gap:40px}.logo-icon{background:linear-gradient(135deg, #818cf8, #9f61d6);width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:white}.logo-text{font-weight:700;font-size:25px;letter-spacing:-0.5px;color:white;text-align:center}.nav-menu{display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;color:#94a3b8;transition:all 0.2s;font-weight:500;cursor:pointer}.nav-item i{width:24px;font-size:1.2rem}.nav-item.active{background-color:#334155;color:white}.nav-item:not(.active):hover{background-color:#1e293b;color:#f1f5f9}.upgrade-card{margin-top:auto;background:linear-gradient(145deg, #1e293b, #0f172a);border:1px solid #334155;border-radius:20px;padding:20px 16px;text-align:center}.upgrade-card h4{color:white;font-size:1rem;margin-bottom:8px}.upgrade-card p{color:#94a3b8;font-size:0.85rem;margin-bottom:16px}.badge{background:#9f61d6;color:white;border:none;padding:8px 16px;border-radius:40px;font-weight:600;font-size:0.8rem;cursor:default;display:inline-block}.main-content{background-color:#f8fafc;padding:28px 32px;overflow-y:auto}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px}.welcome h1{font-size:1.8rem;font-weight:600;color:#0f172a}.welcome p{color:#64748b;font-size:0.95rem;margin-top:4px}.search-profile{display:flex;align-items:center;gap:24px}.search-box{background:white;border-radius:40px;padding:10px 18px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 6px -2px rgba(0,0,0,0.05)}.search-box i{color:#94a3b8}.search-box input{border:none;background:transparent;outline:none;font-size:0.95rem;width:180px}.search-box input::placeholder{color:#cbd5e1}.avatar{background:linear-gradient(135deg, #9f61d6, #a78bfa);width:44px;height:44px;border-radius:40px;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;font-size:1.2rem;box-shadow:0 6px 12px -4px #9f61d6 80}.spacerHeadline{margin-bottom:30px}.kpi-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-bottom:28px}.kpi-grid2{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-bottom:28px}.kpi-card{background:white;padding:22px 20px;border-radius:24px;box-shadow:0 8px 16px -6px rgba(0,0,0,0.04);transition:transform 0.1s ease;border:1px solid #ffffff50}.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.kpi-header i{font-size:1.8rem;color:#9f61d6;background:#eef2ff;padding:10px;border-radius:16px}.kpi-change{font-size:0.85rem;background:#dcfce7;color:#166534;padding:4px 8px;border-radius:40px;font-weight:600}.kpi-change.negative{background:#fee2e2;color:#991b1b}.kpi-value{font-size:2rem;font-weight:700;color:#0f172a;margin-bottom:6px}.kpi-label{color:#64748b;font-size:0.9rem;font-weight:500}.middle-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;margin-bottom:28px}.card{background:white;border-radius:24px;padding:22px;box-shadow:0 8px 16px -6px rgba(0,0,0,0.02);border:1px solid #f0f2f5}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3{font-weight:600;color:#1e293b;font-size:1.2rem}.card-header a{color:#9f61d6;font-size:0.9rem;text-decoration:none;font-weight:500}.chart-bars{display:flex;align-items:flex-end;gap:10px;height:160px;margin-top:20px}.bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.bar{width:100%;background:linear-gradient(to top, #818cf8, #9f61d6);border-radius:12px 12px 6px 6px;min-height:4px}.bar-label{font-size:0.7rem;color:#64748b}.bar-value{font-size:0.8rem;font-weight:600;color:#1e293b}.link-list{list-style:none}.link-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f1f5f9}.link-item:last-child{border-bottom:none}.link-info{display:flex;align-items:center;gap:12px}.link-info i{color:#9f61d6;font-size:1.1rem;width:24px}.link-name{font-weight:500;color:#0f172a}.link-clicks{background:#eef2ff;padding:4px 10px;border-radius:40px;font-size:0.8rem;font-weight:600;color:#4338ca}.table-container{background:white;border-radius:24px;padding:22px;box-shadow:0 8px 16px -6px rgba(0,0,0,0.02)}@media only screen and (max-width: 1150px){.table-container{overflow:scroll}}.container-spacer{margin-bottom:28px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-header h3{font-weight:600;color:#1e293b}.table-header a{color:#9f61d6;text-decoration:none;font-size:0.9rem}table{width:100%;border-collapse:collapse;min-width:600px}th{text-align:left;padding:14px 8px;color:#64748b;font-weight:500;font-size:0.85rem;border-bottom:1px solid #e2e8f0}td{padding:16px 8px;border-bottom:1px solid #f1f5f9;color:#1e293b;font-weight:500}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.status-badge{background:#dcfce7;color:#166534;padding:6px 14px;border-radius:40px;font-size:0.8rem;font-weight:600;display:inline-block}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.confirmed{background:#acd0ff;color:#006dff}.status-badge.available{background:#dfcdef;color:#9f61d6}.tablecenter{padding-left:32px}.clickTable{cursor:pointer;transition:transform 0.1s ease}.clickTable:hover{transform:scale(1.01, 1.01);box-shadow:0 11px 14px -8px rgba(0,0,0,0.08)}@media screen and (max-width: 1024px){.kpi-grid,.kpi-grid2{grid-template-columns:repeat(2, 1fr)}}@media screen and (max-width: 1050px){.middle-grid{grid-template-columns:1fr 1fr}}@media screen and (max-width: 900px){.dashboard{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;justify-content:space-between;padding:16px 24px;gap:16px;flex-wrap:wrap}.logo-area{padding-left:0}.nav-menu{padding-top:50px;display:none;position:fixed;left:0;right:0;top:0;bottom:0;background-color:#0f172a}.nav-item{padding:8px 14px;font-size:17px;max-width:170px;min-width:170px;margin:0 auto;margin-bottom:15px}.upgrade-card{display:none}.middle-grid{grid-template-columns:1fr}}@media screen and (max-width: 600px){body{padding:8px}.main-content{padding:20px 16px}.top-bar{flex-direction:column;align-items:stretch}.search-profile{justify-content:space-between}.search-box input{width:120px}.kpi-grid,.kpi-grid2{grid-template-columns:1fr}table{font-size:0.8rem}td,th{padding:12px 4px}.status-badge{padding:4px 8px}}.save-bar{display:flex;justify-content:flex-end;margin-top:20px}.save-bar2{margin-top:20px}.save-btn{background:linear-gradient(135deg, #9f61d6, #ed9adf);color:white;border:none;padding:14px 36px;border-radius:40px;font-weight:600;font-size:1rem;cursor:default;box-shadow:0 10px 20px -8px #9f61d6;transition:transform 0.1s, box-shadow 0.2s;display:inline-flex;align-items:center;gap:8px}.save-btn:hover{transform:translateY(-2px);box-shadow:0 16px 24px -8px #9f61d6;cursor:pointer}.success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;text-align:center;background:white;border-radius:32px;padding:48px 32px;box-shadow:0 8px 20px -8px rgba(0,0,0,0.08);border:1px solid #f0f2f5}.checkmark-circle{width:120px;height:120px;background:linear-gradient(135deg, #22c55e, #16a34a);border-radius:60px;display:flex;align-items:center;justify-content:center;margin-bottom:32px;box-shadow:0 16px 30px -8px #22c55e80;animation:pop-in 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.checkmark-circle i{font-size:4rem;color:white}@keyframes pop-in{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}.success-title{font-size:2.2rem;font-weight:700;color:#0f172a;margin-bottom:16px}.success-message{font-size:1.1rem;color:#475569;max-width:450px;margin-bottom:32px;line-height:1.5}.payout-details{background:#f1f5f9;border-radius:24px;padding:24px 36px;margin-bottom:36px;display:inline-block;border:1px solid #e2e8f0}.payout-details .amount{font-size:2.5rem;font-weight:700;color:#0f172a;line-height:1.2}.payout-details .amount small{font-size:1rem;font-weight:400;color:#64748b}.payout-details .date{color:#475569;margin-top:8px}.payout-details .date i{color:#6366f1;margin-right:6px}.action-buttons{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.btn-primary{background:linear-gradient(135deg, #9f61d6, #ed9adf);color:white;border:none;padding:16px 36px;border-radius:40px;font-weight:600;font-size:1rem;cursor:default;box-shadow:0 10px 20px -8px #9f61d6;transition:transform 0.1s, box-shadow 0.2s;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 24px -8px #9f61d6;cursor:pointer}.btn-secondary{background:white;border:1px solid #e2e8f0;padding:16px 36px;border-radius:40px;font-weight:600;color:#334155;cursor:default;transition:background 0.1s, transform 0.1s;display:inline-flex;align-items:center;gap:8px}.btn-secondary:hover{background:#f8fafc;transform:translateY(-2px);cursor:pointer}.showInfo{display:none}.settings-grid{display:flex;flex-direction:column;gap:28px}.settings-card{background:white;border-radius:24px;padding:26px 28px;box-shadow:0 8px 16px -6px rgba(0,0,0,0.04);border:1px solid #f0f2f5}.card-title{display:flex;align-items:center;gap:10px;margin-bottom:24px}.card-title i{font-size:1.6rem;color:#9f61d6;background:#eef2ff;padding:10px;border-radius:16px}.card-title h2{font-size:1.3rem;font-weight:600;color:#1e293b}.id-container{background:#f1f5f9;border-radius:100px;padding:6px 6px 6px 24px;display:inline-flex;align-items:center;gap:16px;border:1px solid #e2e8f0;margin-bottom:16px;max-width:100%;flex-wrap:wrap}.id-container span{font-size:1.4rem;font-weight:600;color:#0f172a;letter-spacing:1px}.copy-id-btn{background:white;border:none;padding:12px 24px;border-radius:60px;font-weight:600;color:#9f61d6;cursor:default;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 8px -4px #94a3b8;transition:all 0.1s}.copy-id-btn:hover{background:#f8fafc;transform:scale(1.02);cursor:pointer}.copied{background:green !important;color:white !important;transition:all 0.3s}.form-row{margin-bottom:20px}.form-label{display:block;font-weight:500;font-size:0.9rem;color:#334155;margin-bottom:6px}.input-field{display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:8px 18px;transition:border 0.15s, box-shadow 0.15s}.input-field i{color:#94a3b8;font-size:1.1rem;width:24px}.input-field input{width:100%;border:none;background:transparent;outline:none;font-size:1rem;padding:10px 0;color:#1e293b}.input-field input::placeholder{color:#cbd5e1}.input-field:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px #6366f125}.link-output{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.link-output .input-field{flex:1;background:#f1f5f9}.link-output .input-field input{color:#0f172a;font-weight:500}.action-btn{background:#eef2ff;border:none;padding:14px 24px;border-radius:40px;font-weight:600;color:#9f61d6;display:inline-flex;align-items:center;gap:8px;cursor:default;transition:all 0.1s;box-shadow:0 4px 8px -4px #cbd5e1}.action-btn:hover{background:#e0e7ff;transform:translateY(-2px);cursor:pointer}#generatedLink{margin-left:10px}.input-field select{margin-left:8px;width:100%;border:none;background:transparent;outline:none;font-size:1rem;padding:10px 0;color:#1e293b;font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent}.registerCenter{background-color:#f1f5f9;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.register-container{width:100%;max-width:520px}.register-card{background:#ffffff;border-radius:32px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);padding:40px 36px;transition:all 0.2s ease;border:1px solid rgba(255,255,255,0.3)}.welcome-text{text-align:center;margin-bottom:32px}.welcome-text h1{font-size:1.8rem;font-weight:600;color:#0f172a;margin-bottom:8px}.welcome-text p{color:#64748b;font-size:0.95rem}.input-group{margin-bottom:20px}.input-label{display:block;font-weight:500;font-size:0.9rem;color:#334155;margin-bottom:6px}.input-field{display:flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:8px 18px;transition:border 0.15s, box-shadow 0.15s}.input-field i{color:#94a3b8;font-size:1.1rem;width:24px}.input-field input{width:100%;border:none;background:transparent;outline:none;font-size:1rem;padding:10px 0;color:#1e293b}.input-field input::placeholder{color:#cbd5e1;font-weight:400}.input-field:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px #6366f125}.name-row{display:flex;gap:16px}.name-row .input-group{flex:1}.register-btn{background:linear-gradient(135deg, #9f61d6, #ed9adf);box-shadow:0 10px 20px -8px #9f61d6;color:white;border:none;width:100%;padding:16px 20px;border-radius:40px;font-weight:600;font-size:1.1rem;cursor:default;transition:transform 0.1s, box-shadow 0.2s;margin:28px 0 24px}.register-btn:hover{transform:translateY(-2px);box-shadow:0 16px 24px -8px #9f61d6;cursor:pointer}.login-text{text-align:center;color:#475569;font-size:0.95rem}.login-text a{color:#6366f1;font-weight:600;text-decoration:none}.login-text a:hover{text-decoration:underline}@media (max-width: 500px){.register-card{padding:32px 24px}.name-row{flex-direction:column;gap:0}}.login-container{width:100%;max-width:440px}.login-card{background:#ffffff;border-radius:32px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.25);padding:40px 36px;transition:all 0.2s ease;border:1px solid rgba(255,255,255,0.3)}