*{box-sizing:border-box}:root{--brand-1: #6d4bd8;--brand-2: #4c2a9c;--ink: #332d4a;--muted: #8a8794;--line: #ddd8ea}body{font-family:Poppins,sans-serif;padding:0;margin:0;background:#fdfcfa;min-height:100vh;color:var(--ink)}#root{min-height:100vh}.page{min-height:100vh;padding-bottom:20px}.page:not(.landing){background:linear-gradient(180deg,#0d2129,#1a2e35 42%,#11272e);background-color:#1a2e35;color:#fff}.page.landing{background:#fdfcfa;max-width:480px;margin:0 auto;display:flex;flex-direction:column;padding:64px 24px 28px;animation:lkFadeIn .4s ease both}@keyframes lkFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lk-head{text-align:center;margin-bottom:44px}.lk-logo{width:92px;height:92px;margin:0 auto 30px;border-radius:50%;overflow:hidden;background:#fff;border:1px solid #e5e0ee;box-shadow:0 6px 22px #4c2a9c1a;display:flex;align-items:center;justify-content:center}.lk-logo img{width:100%;height:100%;object-fit:cover;display:block}.lk-logo-text{font-family:Poppins,sans-serif;font-weight:800;font-size:27px;letter-spacing:2px;color:var(--brand-1)}.lk-title{font-size:30px;font-weight:700;color:var(--ink);margin:0;letter-spacing:-.3px}.lk-main{flex:1;display:flex;flex-direction:column;align-items:center;gap:20px}.lk-form{display:flex;width:100%;gap:10px}.lk-input{flex:1;min-width:0;width:auto;padding:14px 18px;border:2px solid var(--brand-1);border-radius:999px;background:#fff;color:var(--ink);font-size:15px;font-family:Poppins,sans-serif;letter-spacing:1px;text-align:center;box-shadow:none}.lk-input::placeholder{color:#9a96a4;letter-spacing:.4px;font-size:14px}.lk-input:focus{outline:none;border-color:var(--brand-1);box-shadow:0 0 0 4px #6d4bd81f}.lk-submit{flex-shrink:0;width:auto;margin:0;padding:14px 26px;border:none;border-radius:999px;background:#f59e0b;color:#fff;font-size:15px;font-weight:700;font-family:Poppins,sans-serif;letter-spacing:1px;cursor:pointer;box-shadow:none;transition:background .15s ease}.lk-submit:hover{background:#d97706}.lk-submit:active{transform:none}.lk-submit:disabled{opacity:.6}.lk-hint{text-align:center;color:var(--muted);font-size:15px;line-height:1.6;max-width:320px;margin:0}.status{font-size:14px;font-weight:500;text-align:center;line-height:1.5;color:var(--muted)}.status.error{color:#d64550}.status.loading{color:var(--brand-1)}.lk-candidates{width:100%}.lk-candidate-note{text-align:center;color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 12px}.lk-candidate-list{display:flex;flex-direction:column;gap:10px}.lk-candidate{margin:0;width:100%;padding:14px 16px;border:1px solid #e0dbf0;border-radius:14px;background:#fff;color:var(--ink);font-size:15px;font-weight:600;font-family:Poppins,sans-serif;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:none;transition:border-color .15s ease,background .15s ease}.lk-candidate:hover{border-color:var(--brand-1);background:#faf8ff;color:var(--ink)}.lk-candidate:active{transform:none}.lk-candidate-count{background:#fdf0d7;color:#b45309;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;flex-shrink:0}.receipt-container{width:100%;background:#fff;border:1px solid #e5e0ee;border-radius:18px;padding:24px 22px;box-shadow:0 8px 24px #332d4a0f}.receipt-header{border-bottom:1px dashed #dcd6ea;padding-bottom:16px;margin-bottom:8px}.receipt-event{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--brand-1);margin-bottom:8px}.customer-info{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.customer-name{font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;line-height:1.3;color:var(--ink)}.customer-phone{font-size:12.5px;font-weight:600;color:var(--muted);letter-spacing:1.5px;margin-top:3px}.status-resi-container{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.status-order-badge{background:#fdf0d7;color:#b45309;font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;letter-spacing:.5px}.cargo-resi-wrapper{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.cargo-badge,.resi-badge{background:#f2effa;color:#5c4a9e;font-size:11px;font-weight:600;padding:3px 8px;border-radius:8px}.item-row{border-bottom:1px dashed #e5e0ee;padding:14px 0}.item-title-price{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;font-size:14px;font-weight:600}.item-title{flex:1;padding-right:14px;line-height:1.4;color:var(--ink)}.qty-text{color:var(--brand-1);font-weight:700;margin-left:6px;font-size:14px}.item-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tag{padding:3px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.5px}.tag-waktu{background:#f2effa;color:#5c4a9e}.tag-paid{background:#e7f6ec;color:#1b7a44}.tag-unpaid{background:#fdeaea;color:#c43a3f}.receipt-footer{border-top:1px dashed #dcd6ea;margin-top:8px;padding-top:14px;text-align:right;font-size:13px;font-weight:600;color:var(--muted)}.receipt-footer .grand-total{font-size:20px;font-weight:800;color:var(--ink);display:block;margin-top:3px}.lk-foot{text-align:center;color:#a5a1ae;font-size:12.5px;margin-top:44px;display:flex;flex-direction:column;align-items:center;gap:10px}.lk-admin{display:inline-block;padding:9px 26px;border:2px solid var(--brand-1);border-radius:999px;color:var(--brand-1);background:#fff;font-size:13px;font-weight:700;letter-spacing:1px;text-decoration:none;cursor:pointer;transition:background .15s ease,color .15s ease}.lk-admin:hover{background:var(--brand-1);color:#fff}.lk-copy{color:#a5a1ae}.alert{margin-top:14px;padding:12px 14px;border-radius:12px;font-weight:600;font-size:13.5px}.alert-error{background-color:#3c2426;color:#ff9dab}.alert-ok{background-color:#1d3c2c;color:#7ce0a8}.hero{padding:40px 20px 10px;text-align:center;max-width:600px;margin:0 auto}.hero h1{font-family:Poppins,sans-serif;font-weight:800;color:transparent;background-image:linear-gradient(90deg,#ff4d8d,#d63384,#ff7ab5);-webkit-background-clip:text;background-clip:text;font-size:32px;margin:0;text-transform:uppercase;filter:drop-shadow(0 0 16px rgba(255,63,143,.4))}.hero p{color:#cdb4ff;font-weight:500}.hero-small{padding:30px 20px 10px}select,input{width:100%;padding:14px;box-sizing:border-box;border:2px solid #4a4a52;border-radius:12px;font-size:15px;font-family:Poppins,sans-serif;color:#fff;background-color:#22262d;transition:all .3s}select:focus,input:focus{outline:none;border-color:#9b6bff;box-shadow:0 0 8px #9b6bff66}input::placeholder{color:#6f7480}button{width:100%;padding:15px;background-color:#ff3f8f;color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:15px;font-family:Poppins,sans-serif;font-weight:700;letter-spacing:1px;margin-top:10px;box-shadow:0 6px #c22a68;transition:transform .12s ease,background-color .12s ease}button:hover{background-color:#ff528a}button:active{transform:translateY(5px);box-shadow:0 0 #c22a68}button:disabled{opacity:.6;cursor:default}.logo-manager-wrap{max-width:600px;margin:0 auto 18px;padding:0 10px}.logo-manager{background:#171c22;border:1px solid #2c343d;border-radius:18px;padding:18px;box-shadow:0 10px 24px #00000059}.logo-manager-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.logo-manager-head strong{font-size:16px;color:#fff}.logo-manager-body{display:flex;align-items:center;gap:18px;margin-top:14px;flex-wrap:wrap}.logo-preview{width:96px;height:96px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#101014;border:2px dashed #4a3b6e;box-shadow:0 0 18px #ff3f8f59}.logo-preview img{width:100%;height:100%;object-fit:cover}.logo-preview-default{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px;color:transparent;background-image:linear-gradient(135deg,#ff4d8d,#b44dff);-webkit-background-clip:text;background-clip:text}.logo-manager-actions{display:flex;flex-wrap:wrap;gap:8px;flex:1}.logo-manager-actions button{width:auto;padding:10px 16px;font-size:13px;margin-top:0}.logo-manager-hint{margin-top:12px;color:#b9c4c9;font-size:12px;line-height:1.5}.lookup-box{background:#171c22;padding:30px 25px;border-radius:20px;box-shadow:0 10px 25px #00000059;margin:0 auto 30px;max-width:450px;width:90%;border:1px solid #2c343d}.stats{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:20px auto 24px;max-width:600px;padding:0 10px}.stat{background-color:#171c22;border:1px solid #2c343d;border-radius:16px;box-shadow:0 6px 14px #00000040;padding:14px 22px;text-align:center;min-width:110px}.stat b{display:block;font-size:26px;color:transparent;background-image:linear-gradient(135deg,#ff4d8d,#9b6bff);-webkit-background-clip:text;background-clip:text;font-weight:800}.stat span{font-size:12px;font-weight:700;color:#b9c4c9;text-transform:uppercase}.toolbar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 auto 16px;max-width:600px;padding:0 10px}.toolbar button,.add-event button{width:auto;padding:10px 16px;font-size:14px;margin-top:0;background-color:#ff3f8f;box-shadow:0 5px #c22a68}.toolbar button.accent,.add-event button.accent{background-color:#8b5cf6;box-shadow:0 5px #4c2a9c}.toolbar button.accent:hover,.add-event button.accent:hover{background-color:#9a6bff}.event-list{list-style:none;margin:0 auto 20px;padding:0 10px;max-width:600px}.event-row{background-color:#171c22;border:1px solid #2c343d;border-radius:16px;padding:18px 20px;margin-bottom:14px;box-shadow:0 8px 20px #00000040}.event-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.event-head strong{font-size:16px;color:#fff}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex-shrink:0}.dot-ok{background-color:#3cb371}.dot-error{background-color:#ff4757}.dot-muted{background-color:#6b7280}.badge{padding:4px 10px;border-radius:15px;font-size:11px;font-weight:800;letter-spacing:1px}.badge-info{background-color:#1d3c2c;color:#7ce0a8}.badge-muted{background-color:#2a333d;color:#8b98a5}.badge-success{background-color:#1d3c2c;color:#7ce0a8}.event-src{font-family:Courier Prime,Courier,monospace;font-size:11px;color:#9b6bff;margin-top:8px;word-break:break-all}.event-stats{margin-top:8px;font-size:13px;color:#b9c4c9;display:flex;gap:14px;flex-wrap:wrap;font-weight:600}.event-stats .err{color:#ff8aa0;width:100%}.event-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.event-actions button{width:auto;padding:9px 14px;font-size:13px;margin-top:0;background-color:#ff3f8f;box-shadow:0 5px #c22a68}.event-actions button.danger,.logo-manager-actions button.danger{background-color:#e0455a;box-shadow:0 5px #8e2434}.event-actions button.danger:hover,.logo-manager-actions button.danger:hover{background-color:#ef5d70}.add-form{background-color:#1d2229;border:1px dashed #4a3b6e;border-radius:14px;padding:16px;margin-top:12px}.add-form input{margin-bottom:10px}.add-form .event-actions button.accent{background-color:#8b5cf6;box-shadow:0 5px #4c2a9c}.add-form .event-actions button.accent:hover{background-color:#9a6bff}.empty{text-align:center;color:#b9c4c9;font-weight:600;padding:20px}.foot{text-align:center;padding:10px 0 34px;color:#b9c4c9;font-size:13px;font-weight:600}.foot a,.foot .link{color:#1a1a1a;background:#fff;padding:6px 18px;border-radius:999px;display:inline-block;margin:4px;text-decoration:none;font-weight:700;font-size:12.5px;letter-spacing:1px;box-shadow:0 3px #c9c2d6;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.foot a:hover,.foot .link:hover{transform:scale(1.05)}