:root{--bg-page:#020813;--bg-panel:#061121;--bg-input:#0b192c;--border-blue:#1e3a8a;--border-gold:#ca8a04;--border-green:#15803d;--text-gold:#facc15;--text-green:#4ade80;--text-blue:#60a5fa;--text-purple:#c084fc;--text-white:#f8fafc;--text-muted:#94a3b8}body{background-color:var(--bg-page);background-image:radial-gradient(circle at top center,#0a192f 0%,#020813 100%);color:var(--text-white);font-family:'Tiro Bangla',serif!important;margin:0;padding:0;min-height:100vh}*{box-sizing:border-box;font-family:'Tiro Bangla',serif!important}.premium-navbar{background-color:#061121;border-bottom:2px solid var(--border-gold);position:sticky;top:0;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.7)}.nav-container{max-width:1250px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:15px}.nav-logo{display:flex;align-items:center;gap:12px;color:var(--text-gold);text-decoration:none;font-size:24px;font-weight:700;white-space:nowrap}.nav-logo img{height:40px;border-radius:4px;border:1px solid var(--border-gold)}.nav-links{display:flex;gap:10px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-bottom:5px}.nav-links::-webkit-scrollbar{display:none}.nav-links a{color:var(--text-white);text-decoration:none;font-size:18px;padding:8px 16px;border-radius:6px;transition:.3s;border:1px solid transparent}.nav-links a:hover{background:rgba(202,138,4,.1);color:var(--text-gold);border-color:rgba(202,138,4,.5)}.nav-links a.active{background:var(--border-gold);color:#000;font-weight:700;box-shadow:0 0 10px rgba(202,138,4,.4)}.dashboard-wrapper{max-width:1250px;margin:0 auto;padding:40px 15px}.grid-container{display:grid;grid-template-columns:280px 1fr 280px;gap:20px}.main-header{text-align:center;margin-bottom:40px}.main-header h3{color:var(--text-white);font-size:26px;margin:0;text-shadow:2px 2px 4px #000}.main-header h1{background:linear-gradient(to right,#4ade80,#3b82f6,#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:52px;margin:5px 0 15px 0;font-weight:700;filter:drop-shadow(0 0 10px rgba(74,222,128,.2))}.subtitle-box{display:inline-block;border:1px solid var(--border-blue);padding:8px 50px;color:var(--text-blue);font-size:28px;position:relative;background:rgba(59,130,246,.1);margin-bottom:15px}.subtitle-box::after,.subtitle-box::before{content:'❖';position:absolute;top:50%;transform:translateY(-50%);color:var(--text-gold);font-size:18px}.subtitle-box::before{left:15px}.subtitle-box::after{right:15px}.main-header p{color:var(--text-muted);font-size:18px;margin:0}.sidebar-box{border:1px solid #1e293b;border-radius:6px;background:var(--bg-panel);margin-bottom:20px;overflow:hidden}.sidebar-title{text-align:center;padding:12px;border-bottom:1px solid #1e293b;font-size:18px;color:var(--text-white);background:#0f172a}.green-info-box{border:1px solid var(--border-green);background:rgba(21,128,61,.1);border-radius:6px;padding:15px;margin:15px;color:var(--text-green);font-size:16px;line-height:1.8;text-align:center}.tab-btn-group{display:flex;gap:10px;margin-bottom:20px}.tab-btn{flex:1;padding:12px;font-size:18px;background:#0f172a;border:1px solid #334155;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:.3s}.tab-btn.active{background:var(--border-blue);color:#fff;border-color:var(--border-blue);box-shadow:0 0 10px rgba(30,58,138,.5)}.calc-panel{border:1px solid var(--border-blue);border-radius:8px;background:var(--bg-panel);margin-bottom:25px;overflow:hidden}.panel-heading{background:#0d1e36;color:var(--text-white);padding:12px 20px;font-size:20px;border-bottom:1px solid var(--border-blue)}.panel-body{padding:25px}.input-wrap{margin-bottom:25px}.input-wrap label{display:block;color:var(--text-muted);font-size:16px;margin-bottom:8px}.input-wrap input{width:100%;background:var(--bg-input);border:1px solid #334155;color:var(--text-white);padding:15px;font-size:22px;border-radius:4px;outline:none;transition:.3s;text-align:center;font-weight:700;letter-spacing:1px}.input-wrap input:focus{border-color:var(--border-blue);box-shadow:0 0 8px rgba(96,165,250,.3)}.btn-row{display:flex;gap:15px;justify-content:center;margin-top:30px}.action-btn{background:0 0;color:var(--text-white);border:1px solid #334155;padding:12px 24px;font-size:18px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.3s}.btn-calc{border-color:var(--border-blue);background:rgba(30,58,138,.2)}.btn-calc:hover{background:var(--border-blue)}.btn-reset{border-color:var(--border-green);background:rgba(21,128,61,.1)}.btn-reset:hover{background:var(--border-green)}.res-area{display:none;animation:fadeIn .4s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.big-res-box{border:1px solid var(--border-gold);background:rgba(202,138,4,.1);border-radius:6px;padding:25px;text-align:center;margin-bottom:20px}.big-res-box .lbl{font-size:20px;color:var(--text-gold);margin-bottom:10px}.big-res-box .val{font-size:42px;font-weight:700;color:var(--text-white)}.res-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px}.res-box{border:1px solid #1e293b;background:var(--bg-input);text-align:center;padding:15px;border-radius:6px}.res-box .lbl{font-size:16px;margin-bottom:5px;color:var(--text-blue)}.res-box .val{font-size:28px;font-weight:700;color:var(--text-white)}@media (max-width:992px){.grid-container{grid-template-columns:1fr}.main-header h1{font-size:36px}}@media (max-width:768px){.nav-container{flex-direction:column;gap:15px;padding:15px 10px}.nav-links{width:100%;justify-content:flex-start}.dashboard-wrapper{padding:25px 10px}.main-header h1{font-size:30px}.subtitle-box{font-size:20px}.tab-btn{font-size:15px;padding:10px}}@media (max-width:480px){.res-grid{grid-template-columns:1fr}.btn-row{flex-direction:column}}