@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary-color:#6366f1;--secondary-color:#a855f7;--text-main:#1e293b;--text-muted:#64748b;--card-bg:#ffffffb3;--error-color:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);-webkit-font-smoothing:antialiased;background-color:#e0e7ff;background-image:radial-gradient(at 40% 20%,#ffb87a 0,#0000 50%),radial-gradient(at 80% 0,#1fddff 0,#0000 50%),radial-gradient(at 0%,#ffdbde 0,#0000 50%),radial-gradient(at 80%,#ff85ad 0,#0000 50%),radial-gradient(at 0 100%,#ffb58a 0,#0000 50%),radial-gradient(at 80% 100%,#6b66ff 0,#0000 50%),radial-gradient(at 0 0,#ff85a7 0,#0000 50%);background-size:200% 200%;background-attachment:fixed;justify-content:center;min-height:100vh;font-family:Outfit,sans-serif;animation:20s infinite meshGradient;display:flex}@keyframes meshGradient{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 0}}#root{width:100%;max-width:1400px;min-height:100vh;position:relative;overflow-x:hidden}@media (width>=768px){body{padding:30px}#root{-webkit-backdrop-filter:blur(20px);background:#fff6;border-radius:30px;min-height:calc(100vh - 60px);overflow:hidden;box-shadow:0 30px 60px -12px #6366f133,inset 0 0 0 1px #ffffff80}}.app-container{flex-direction:column;min-height:100%;display:flex}.header{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f1e6 0%,#a855f7e6 100%);border-bottom:1px solid #fff3;padding:30px 24px 70px;position:relative}.header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.header h1{letter-spacing:-.5px;text-shadow:0 2px 10px #0000001a;margin-bottom:8px;font-size:32px;font-weight:700}.header p{opacity:.9;font-size:16px;font-weight:300}.main-content{z-index:10;flex-direction:column;gap:24px;margin-top:-45px;padding:0 24px 40px;display:flex;position:relative}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid #fff9;border-radius:20px;padding:24px;box-shadow:0 10px 40px #1f268712}.form-group{margin-bottom:20px}.form-group label{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-control{width:100%;color:var(--text-main);background:#ffffffb3;border:1px solid #fffc;border-radius:14px;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #00000005}.form-control:focus{background:#fff;border-color:#a855f7;outline:none;box-shadow:0 0 0 4px #a855f726,inset 0 2px 4px #00000003}.form-row{flex-direction:column;gap:16px;display:flex}.radio-group{flex-wrap:wrap;gap:12px;display:flex}.radio-label{cursor:pointer;text-align:center;color:var(--text-main);background:#fff9;border:1px solid #fffc;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.radio-label input{display:none}.radio-label.active{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 15px #a855f74d}select.form-control{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 16px center;background-repeat:no-repeat;background-size:16px}.calculation-card{background:linear-gradient(135deg,#ffffffe6 0%,#fff9 100%);border:1px solid #fffc;border-radius:24px}.calc-row{justify-content:space-between;margin-bottom:12px;font-size:14px;display:flex}.calc-row.total{border-top:1px dashed #6366f14d;margin-top:16px;padding-top:16px;font-size:18px;font-weight:700}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 25px #a855f766}.submit-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 30px #a855f780}.submit-btn:active{transform:translateY(0)scale(.98)}.input-with-suffix{align-items:center;display:flex;position:relative}.input-with-suffix .form-control{padding-right:40px}.input-with-suffix .suffix{color:var(--text-muted);pointer-events:none;font-size:14px;font-weight:600;position:absolute;right:16px}.action-btn{color:#6366f1;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);white-space:nowrap;background:#fffc;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000000d}.action-btn.icon-only{padding:10px}.action-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #6366f126}.action-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);box-shadow:0 4px 15px #a855f74d}.action-btn.header-btn{color:#fff;background:#ffffff26;border:1px solid #ffffff4d;box-shadow:0 4px 15px #0000001a}.action-btn.header-btn:hover{background:#ffffff40;border-color:#ffffff80}.report-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.report-title{color:#1e293b;font-size:22px;font-weight:700}.table-container{background:#ffffffb3;border:1px solid #ffffffe6;border-radius:16px;overflow-x:auto;box-shadow:0 4px 20px #00000008}table{border-collapse:separate;border-spacing:0;white-space:nowrap;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid #e2e8f099;padding:16px 14px}th{color:#475569;text-transform:uppercase;letter-spacing:.8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#f8fafcf2;font-size:11px;font-weight:700;position:sticky;top:0;box-shadow:0 2px 4px #00000005}tr:hover td{background:#fffffff2}tr:last-child td{border-bottom:none}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floatAnim{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.animate-slide-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideInFromTop}.animate-slide-up{opacity:0;animation:.7s cubic-bezier(.16,1,.3,1) forwards slideUpFade}.animate-scale-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards scaleIn}.animate-float{animation:5s ease-in-out infinite floatAnim}.table-row-animate{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideInRight}.fade-out{animation:.3s ease-in forwards fadeOut}.fade-in{animation:.4s ease-out forwards fadeIn}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.hover-pop{transition:transform .25s cubic-bezier(.175,.885,.32,1.275)}.hover-pop:hover{transform:scale(1.05)}.hover-spin{transition:transform .5s cubic-bezier(.16,1,.3,1)}.hover-spin:hover{transform:rotate(180deg)}.hover-focus{transition:all .3s cubic-bezier(.16,1,.3,1)}.hover-focus:focus,.hover-focus:hover{transform:translateY(-2px)}.hover-pulse:hover{animation:1.5s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #a855f780}70%{box-shadow:0 0 0 15px #a855f700}to{box-shadow:0 0 #a855f700}}.badge-sr{color:#4f46e5;background:#6366f11a;border:1px solid #6366f133;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.badge-scheme{color:#c026d3;background:linear-gradient(135deg,#ec48991a 0%,#a855f71a 100%);border:1px solid #ec489933;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.highlight-input:focus{border-color:#6366f1!important;box-shadow:0 0 0 4px #6366f133,inset 0 2px 4px #00000003!important}@media (width>=768px){.header{border-radius:30px 30px 0 0;padding:50px 40px 90px}.header-content{flex-wrap:nowrap}.main-content{margin-top:-50px;padding:0 40px 40px}.form-layout{grid-template-columns:2fr 1fr;align-items:start;gap:30px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.form-group{margin-bottom:0}.full-width{grid-column:1/-1}.form-row{flex-direction:row}.form-row .form-group{flex:1}}@media print{body{background:#fff!important;padding:0!important}#root{box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important;max-width:100%!important}.header,.print-btn,.submit-btn,.action-btn,.search-bar,.no-print{display:none!important}.main-content{margin-top:0;padding:20px;animation:none!important}.card{border:none;box-shadow:none!important;background:#fff!important;padding:0!important;animation:none!important}.report-card{border:none}.report-header{margin-bottom:30px}.table-container{background:#fff;border:none;overflow:visible}table{font-size:12px}th,td{border:1px solid #cbd5e1;padding:8px}th{color:#000;background:#f1f5f9}*{transition:none!important;animation:none!important}}
