*{box-sizing:border-box;margin:0;padding:0;font-family:'Cairo',sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}.page-header{padding:20px 0;text-align:center}.page-title{color:#1a4b5f;font-size:2rem;font-weight:700;margin-bottom:10px}.page-subtitle{color:#3a6b6b;font-size:1.1rem;max-width:700px;margin:0 auto;line-height:1.6}.calculator{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border-radius:22px;padding:25px;box-shadow:0 10px 30px rgba(26,75,95,.08);margin:20px 0;border:1px solid #d9e3ee;position:relative;overflow:hidden}.calculator::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(107,158,158,.12),transparent 38%),radial-gradient(circle at bottom left,rgba(26,75,95,.08),transparent 35%);pointer-events:none}.form-row{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;align-items:flex-end;position:relative;z-index:1}.salary-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.allowance-row{display:flex;gap:12px}.deduction-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.form-group{flex:1 1 200px;min-width:150px}.form-group.small{flex:0 1 240px;min-width:160px}.form-group label{display:block;font-weight:700;color:#2e546a;margin-bottom:5px;font-size:0.9rem}.form-group input,.form-group select{width:100%;padding:10px;border:1.5px solid #ecdca8;border-radius:12px;font-size:0.95rem;background:#fefcf5;color:#1a3f5c;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1a4b5f;box-shadow:0 0 0 4px rgba(26,75,95,.08);background:#fff}.form-group .currency{position:relative}.form-group .currency input{padding-left:35px}.form-group .currency span{position:absolute;left:10px;top:10px;color:#6b9e9e;font-weight:600;font-size:0.9rem}#calculateBtn{background:linear-gradient(135deg,#1a4b5f 0%,#2b6a79 100%);color:#fff;border:0;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;padding:12px 24px;display:inline-block;margin:0 auto;width:auto;box-shadow:0 8px 18px rgba(26,75,95,.14)}#calculateBtn:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(26,75,95,.18);filter:saturate(1.03)}.btn-row{display:flex;justify-content:center;margin:10px 0;position:relative;z-index:1}.result-box{background:#fefcf5;border-radius:16px;padding:20px;margin:20px 0;border:1px solid #ecdca8;border-right:5px solid #6b9e9e;box-shadow:0 6px 16px rgba(0,0,0,.04);position:relative;z-index:1}.result-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed #dce5ec;gap:10px}.result-item:last-child{border-bottom:none}.result-label{color:#1a3f5c;font-weight:700;font-size:0.95rem;text-align:right;flex:2;word-break:break-word}.result-value{color:#1a3f5c;font-weight:800;font-size:1.1rem;text-align:left;flex:1}.total{background:#6b9e9e;color:#fff;padding:15px 20px;border-radius:12px;margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.total .label{font-weight:700;font-size:1.2rem}.total .value{font-weight:800;font-size:1.6rem}.info-text{background:#fefcf5;border-right:4px solid #ecdca8;padding:15px;border-radius:12px;margin:25px 0 10px;color:#7a5c2e;font-size:0.9rem;border:1px solid #ecdca8}.info-text a{color:#1a4b5f;text-decoration:underline}.footer-note{margin-top:30px;font-size:0.85rem;color:#5a6c7d;text-align:center;border-top:1px solid #dce5ec;padding-top:20px;position:relative;z-index:1}@media(min-width:1024px){.deduction-row{flex-wrap:nowrap}.deduction-row .form-group{flex:1 1 auto}.form-group.small{flex:0 1 200px}}@media(max-width:1024px){.form-group.small{flex:0 1 220px}.salary-row{grid-template-columns:1fr 1fr}}@media(max-width:768px){.salary-row{display:block}.form-row{gap:12px;margin-bottom:15px}.form-group{flex:1 1 calc(50% - 8px);min-width:0}.form-group.small{flex:1 1 100%}.btn-row{justify-content:center}#calculateBtn{width:100%;text-align:center;display:block}.allowance-row{display:flex;gap:10px}.allowance-row .form-group{flex:1 1 calc(33.333% - 8px)}.deduction-row{display:flex;gap:10px}.deduction-row .form-group{flex:1 1 calc(50% - 8px)}.result-item{gap:8px}.result-label{font-size:0.9rem}.result-value{font-size:1rem}.total{padding:12px;border-radius:10px;gap:10px}.total .label{font-size:1rem}.total .value{font-size:1.2rem}}@media(max-width:550px){.allowance-row .form-group{flex:1 1 100%}.deduction-row .form-group{flex:1 1 100%}}@media(max-width:480px){.page-title{font-size:1.5rem}.calculator{padding:20px}.form-group{flex:1 1 100%}.allowance-row{display:flex;gap:8px}.allowance-row .form-group{flex:1 1 100%}.deduction-row .form-group{flex:1 1 100%}.result-item{gap:6px}.result-label{font-size:0.85rem}.result-value{font-size:0.95rem}.total{padding:10px;gap:8px}.total .label{font-size:0.9rem}.total .value{font-size:1rem}}