@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Nastaliq+Urdu:wght@400;700&family=Playfair+Display:wght@400;600&family=Poppins:wght@400;500;600&family=Roboto:wght@400;500&display=swap";:root{--bg-color: #f8fafc;--surface: rgba(255, 255, 255, .85);--surface-solid: #ffffff;--surface-alt: #f1f5f9;--border-subtle: rgba(226, 232, 240, .6);--border-default: #e2e8f0;--border-active: rgba(99, 102, 241, .4);--primary: #4f46e5;--primary-hover: #4338ca;--primary-light: #e0e7ff;--success: #10b981;--success-hover: #059669;--warning: #f59e0b;--warning-hover: #d97706;--danger: #ef4444;--danger-hover: #dc2626;--info: #0ea5e9;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--font-inter: "Inter", sans-serif;--font-poppins: "Poppins", sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .05), 0 2px 4px -2px rgb(0 0 0 / .05);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .05), 0 4px 6px -4px rgb(0 0 0 / .05);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .07);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-inter);background-color:var(--bg-color);background-image:radial-gradient(circle at top right,#e0e7ff 0%,transparent 40%),radial-gradient(circle at bottom left,#f1f5f9 0%,transparent 40%);background-attachment:fixed;color:var(--text-secondary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-poppins);font-weight:600;letter-spacing:-.02em}.app-container{display:flex;flex-direction:column;min-height:100vh;padding-bottom:80px}.container{max-width:1280px;margin:0 auto;padding:0 1.25rem;width:100%}.app-header{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);padding:1rem 1.25rem;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.app-header h2{font-size:1.25rem;background:linear-gradient(135deg,var(--primary),#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.95rem;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #4f46e540}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 16px #4f46e559;transform:translateY(-2px)}.btn-success{background:var(--success);color:#fff;box-shadow:0 4px 12px #10b98140}.btn-success:hover{background:var(--success-hover);transform:translateY(-2px)}.btn-danger{background:var(--surface-solid);color:var(--danger);border:1px solid var(--danger)}.btn-danger:hover{background:#fef2f2}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.btn-ghost:hover{background:var(--surface-alt)}.card{background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-glass);padding:1.5rem;transition:transform .2s,box-shadow .2s;overflow:hidden}input[type=text],select{width:100%;padding:.875rem 1rem;border-radius:var(--radius-md);border:1.5px solid var(--border-default);background-color:var(--surface-solid);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all .2s;box-shadow:var(--shadow-sm)}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;background:transparent;padding:0;height:24px;border:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;background:var(--border-default);border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 6px #4f46e566;margin-top:-7px;transition:transform .1s}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.3)}.tab-list{display:flex;gap:0;justify-content:space-around;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);position:fixed;bottom:0;left:0;right:0;z-index:100;padding:.5rem .5rem 1.5rem;box-shadow:0 -4px 20px #0000000d}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:.5rem;color:var(--text-muted);cursor:pointer;font-size:.75rem;font-weight:500;border-radius:var(--radius-md);transition:all .2s;-webkit-tap-highlight-color:transparent}.tab-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.tab.active{color:var(--primary)}.tab.active .tab-icon{transform:translateY(-2px) scale(1.1)}.tab-indicator{position:absolute;top:0;height:3px;background:var(--primary);border-radius:0 0 3px 3px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.grid-options-container{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.grid-card{border:1.5px solid var(--border-default);background:var(--surface-solid);border-radius:var(--radius-md);padding:1rem .5rem;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:4px}.grid-card.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 4px 12px #4f46e526;transform:scale(1.02)}.responsive-table{width:100%}@media(max-width:768px){.grid-options-container{grid-template-columns:repeat(2,1fr)}.responsive-table thead{display:none}.responsive-table tbody{display:flex;flex-direction:column;gap:1rem}.responsive-table tr{display:flex;flex-direction:column;background:var(--surface-solid);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--shadow-sm);gap:.75rem}.responsive-table td{padding:0;border:none;display:flex;flex-direction:column}.responsive-table td:before{content:attr(data-label);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem}.responsive-table td:first-child{flex-direction:row;justify-content:space-between;border-bottom:1px solid var(--border-subtle);padding-bottom:.5rem;font-size:1.1rem;color:var(--primary)}.responsive-table td:first-child:before{display:none}.app-container{padding-bottom:100px}}.text-gradient{background:linear-gradient(135deg,var(--primary),#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-enter{animation:slideUpFade .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleIn{0%{transform:scale(.95);opacity:.5}to{transform:scale(1);opacity:1}}@media(min-width:769px){.tab-list{position:static;background:transparent;padding:0;box-shadow:none;border-top:none;border-bottom:1px solid var(--border-default);justify-content:flex-start;gap:2rem;margin-bottom:2rem}.tab{flex:0 0 auto;flex-direction:row;padding:1rem 0;font-size:1rem;border-radius:0}.tab-icon{display:none}.tab-indicator{bottom:-1px;top:auto;border-radius:3px 3px 0 0}.app-container{padding-bottom:0}.grid-options-container{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.responsive-table{border-collapse:collapse}.responsive-table th,.responsive-table td{padding:1rem;border-bottom:1px solid var(--border-subtle);text-align:left}.responsive-table thead{background:var(--surface-alt)}.responsive-table th{font-weight:600;color:var(--text-secondary)}.responsive-table tr:hover td{background:#f1f5f980}}