*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,sans-serif}body{color:#f1f5f9;text-align:left;background:#0b0f19;min-height:100vh}.header-container{background:linear-gradient(135deg,#1e1b4b,#0f172a);border-bottom:1px solid #1e293b;padding-bottom:10px}.top-bar{justify-content:center;align-items:center;gap:15px;padding:20px 40px;display:flex}@media screen and (width<=600px){.top-bar{text-align:center;flex-direction:column;justify-content:center;gap:12px;padding:15px 20px}.top-bar .right-side,.top-bar .center-side,.top-bar .left-side{justify-content:center;width:100%;display:flex}}.center-side h1{background:linear-gradient(90deg,#f1c40f,#f39c12);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;width:auto;margin:0;padding:0;font-size:2.2rem;font-weight:900;line-height:1.2;display:inline-block}.center-side{text-align:center;flex:1}.right-side{flex:none}#liveClock{color:#38bdf8;background:#ffffff0d;border-radius:30px;padding:8px 18px}.account-select-box{text-align:center;max-width:100%;margin:15px auto 0;padding:0 20px}.account-radio-list{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.account-radio-item{cursor:pointer;background:#1f2937;border:1px solid #3b82f6;border-radius:30px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .2s}.account-radio-item:hover{color:#fff;background:#3b82f6}.account-radio-item.active{color:#fff;background:#10b981;border-color:#10b981}.balance-display,.free-send-button,.limit-button{color:#fff;box-sizing:border-box;vertical-align:middle;white-space:nowrap;border:none;border-radius:30px;flex:0 auto;justify-content:center;align-items:center;width:auto;height:44px;margin:5px;padding:0 18px;font-size:13px;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 2px 5px #0000000d}@media screen and (width<=520px){.balance-display,.free-send-button,.limit-button{flex:auto;width:auto;min-width:0;margin:5px}}.balance-display{background:#10b981}.free-send-button{cursor:pointer;background:#f97316;gap:6px;transition:all .5s}.free-send-button:hover{background:#ea580c;transform:scale(1.03)}.limit-button{cursor:pointer;transition:all .2s}.limit-button:hover{transform:scale(1.03)}.limit-bg-green{background:#10b981!important}.limit-bg-yellow{color:#000!important;background:#facc15!important}.limit-bg-red{background:#ef4444!important}.expiry-green{color:#fff}.expiry-yellow{color:#000}.expiry-red{color:#f87a7a}.main-content{text-align:left;max-width:850px;margin:0 auto;padding:25px 15px}.transaction-box,.history-box{text-align:left;background:#111827;border:1px solid #1f2937;border-radius:20px;margin-bottom:25px;padding:25px}h2{color:#f1c40f;text-align:left;border-bottom:1px solid #1f2937;margin-bottom:20px;padding-bottom:10px}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}@media (width<=600px){.dashboard-grid{grid-template-columns:1fr}}.dash-card{text-align:left;background:#1f2937;border-left:5px solid;border-radius:16px;padding:20px}.dash-title-flex{justify-content:space-between;align-items:center;display:flex}.eye-btn{color:#38bdf8;cursor:pointer;background:0 0;border:none;font-size:1.2rem}.due-link{justify-content:center;align-items:center;gap:12px;margin:15px 0;display:flex}.btn-due{cursor:pointer;color:#fff;background:linear-gradient(135deg,#4f46e5,#3730a3);border:none;border-radius:9px;align-items:center;gap:6px;padding:10px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-due-link{background:linear-gradient(135deg,#f97316,#ea580c)}.btn-due-link:hover{background:linear-gradient(135deg,#ea580c,#c2410c)}.btn-due:hover{opacity:.9;transform:scale(1.05)}.due-link .left-side{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#3730a3);border:none;border-radius:30px;padding:8px 16px;font-size:1rem;line-height:1}#openModalBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#3730a3);border:none;border-radius:10px;padding:10px 20px}.due-link a{color:#f97316;background:#1f2937;border-radius:30px;padding:8px 20px;font-weight:700;text-decoration:none;transition:all .2s}.due-link a:hover{color:#0f172a;background:#f97316}.capital-section{text-align:center;background:#1e1b4b;border-radius:14px;margin-top:25px;padding:18px}.withdraw-form-box{text-align:left;background:#0f172a;border:1px dashed #ef4444;border-radius:14px;margin-top:25px;padding:20px}.withdraw-flex{gap:12px;display:flex}@media (width<=600px){.withdraw-flex{flex-direction:column}.btn-withdraw{width:100%!important}}.btn-submit{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .2s}.btn-submit:hover{opacity:.9;transform:scale(1.01)}.btn-withdraw{border-radius:10px;background:#dc2626!important;width:auto!important;padding:0 25px!important}input,select,textarea{color:#fff;text-align:left;background:#1f2937;border:1px solid #374151;border-radius:10px;width:100%;padding:12px;font-size:14px}input:focus,select:focus,textarea:focus{outline:2px solid #3b82f6}.form-group{text-align:left;margin-bottom:20px;position:relative}.form-group label{color:#94a3b8;text-align:left;margin-bottom:6px;font-size:13px;display:block}.suggestions-box{z-index:100;text-align:left;background:#1f2937;border:1px solid #374151;border-radius:10px;width:100%;max-height:200px;margin-top:4px;position:absolute;overflow-y:auto}.suggestion-item{cursor:pointer;text-align:left;border-bottom:1px solid #374151;padding:10px 12px}.suggestion-item:hover{background:#374151}#transactionList{text-align:left;padding:0;list-style:none}.empty-msg{text-align:center;color:#6b7280;padding:20px}.trx-actions{gap:8px;margin-top:8px;display:flex}.btn-trx-edit{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:6px;padding:6px 12px;font-size:13px}.btn-trx-delete{cursor:pointer;color:#fff;background:#dc2626;border:none;border-radius:6px;padding:6px 12px;font-size:13px}.filter-section{text-align:left}.filter-section input,.filter-section select,.filter-section button{color:#fff;text-align:left;background:#1f2937;border:none;border-radius:30px;padding:10px 15px}.filter-btn{color:#fff;cursor:pointer;text-align:center;background:#1f2937;border:1px solid #374151;border-radius:30px;padding:8px 16px;transition:all .2s}.filter-btn.active{background:#3b82f6;border-color:#3b82f6}.filter-btn:hover{background:#374151}.filter-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-controls{text-align:left}.pagination-controls select,.pagination-controls button{color:#fff;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:20px}.pagination-controls select{padding:6px 10px}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:left;background:#111827;border-radius:20px;width:90%;max-width:500px;max-height:90vh;padding:20px;position:relative;overflow-y:auto}.close-btn{float:right;cursor:pointer;color:#94a3b8;font-size:28px;line-height:1}.close-btn:hover{color:#fff}.account-form-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:20px;display:grid}@media (width<=600px){.account-form-grid{grid-template-columns:1fr}}.account-form-grid label{color:#94a3b8;text-align:left;margin-bottom:6px;font-size:13px;display:block}.table-responsive{margin-top:10px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #273549;padding:12px;font-size:14px}th{color:#94a3b8;font-weight:600}.success-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;margin-bottom:30px!important}.success-box{text-align:center;background:#1e293b;border:1px solid #475569;border-radius:24px;width:400px;max-width:90%;padding:32px 28px;animation:.3s fadeInUp;box-shadow:0 25px 40px #00000080}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn-ok{color:#fff;cursor:pointer;text-align:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:40px;width:100%;padding:12px 28px;font-size:16px;font-weight:700;transition:all .2s}.btn-ok:hover{transform:scale(1.02)}h3,h4{color:#f1f5f9;text-align:left;margin-bottom:12px}h4{color:#94a3b8;margin-top:16px;margin-bottom:8px;font-size:15px}small{text-align:left;display:block}