*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:#0d1117;color:#e6edf3;min-height:100vh;-webkit-tap-highlight-color:transparent}.header{background:linear-gradient(135deg,#161b22,#1a1f2e);border-bottom:1px solid #30363d;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header h1{font-size:1.3rem;background:linear-gradient(90deg,#58a6ff,#39c5cf);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header .sub{font-size:.8rem;color:#8b949e;margin-top:2px}.header .kurs{font-size:.85rem;color:#d29922;margin-top:6px;background:rgba(210,153,34,.1);border:1px solid rgba(210,153,34,.3);padding:4px 10px;border-radius:20px;display:inline-block}.search-wrap{padding:12px 16px 4px}.search-wrap input{width:100%;padding:12px 16px;background:#161b22;border:1px solid #30363d;border-radius:12px;color:#e6edf3;font-size:1rem;outline:none}.search-wrap input:focus{border-color:#58a6ff}.stats{display:flex;gap:10px;padding:12px 16px;flex-wrap:wrap}.stat-card{flex:1 1;min-width:100px;background:#161b22;border:1px solid #30363d;border-radius:12px;padding:12px;text-align:center}.stat-card .num{font-size:1.2rem;font-weight:700;color:#58a6ff}.stat-card .lbl{font-size:.72rem;color:#8b949e;margin-top:2px}.list{padding:8px 16px 16px}.list-title{font-size:.95rem;color:#58a6ff;font-weight:700;margin:12px 0 8px;display:flex;align-items:center;gap:6px}.karyawan-card{background:#161b22;border:1px solid #30363d;border-radius:14px;padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:all .2s;animation:fadeUp .35s ease both}.karyawan-card:active{transform:scale(.98);background:#1c2333}.karyawan-card .nama{font-weight:600;font-size:.98rem}.karyawan-card .meta{display:flex;justify-content:space-between;margin-top:8px;font-size:.85rem}.karyawan-card .gaji{color:#e6edf3;font-weight:600}.karyawan-card .usdt{color:#39c5cf;font-weight:700}.karyawan-card .jt{color:#8b949e;font-size:.75rem;margin-top:4px}.karyawan-card .jt.telat{color:#f85149;font-weight:600}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.detail{position:fixed;inset:0;background:rgba(13,17,23,.96);z-index:100;overflow-y:auto;padding:16px;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.detail .close{background:#30363d;border:none;color:#e6edf3;padding:8px 16px;border-radius:20px;font-size:.9rem;cursor:pointer;margin-bottom:12px}.detail h2{font-size:1.15rem;color:#58a6ff;margin-bottom:4px}.detail .kode{color:#8b949e;font-size:.8rem;margin-bottom:12px}.detail .field{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #21262d;font-size:.9rem}.detail .field .label{color:#8b949e}.detail .field .value{color:#e6edf3;text-align:right;max-width:60%;word-break:break-all}.detail .field .value.usdt{color:#39c5cf;font-weight:700;font-size:1rem}.hist{margin-top:16px}.hist h3{color:#d29922;font-size:.95rem;margin-bottom:8px}.hist-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #21262d;font-size:.82rem}.hist-item .tgl{color:#8b949e}.hist-item .jml{color:#e6edf3}.btn-hitung{display:block;width:100%;margin-top:16px;padding:14px;background:linear-gradient(135deg,#1f6feb,#39c5cf);border:none;border-radius:12px;color:white;font-size:1rem;font-weight:700;cursor:pointer}.btn-hitung:active{transform:scale(.98)}