.calculator-form{background:transparent;border-radius:12px;padding:0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555;font-size:.95em}.form-group input[type=text],.form-group input[type=number],.form-group select{width:100%;padding:12px 14px;border:1.5px solid #e2e2fa;border-radius:10px;font-size:1.08em;background:#f8f8ff;color:#333;transition:border .2s}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus{border-color:#6c63ff;outline:none}.avg-salary{background:#f4f4fa;color:#6c63ff;padding:12px 18px;border-radius:10px;font-size:1em;font-weight:500;align-self:center}.include-options{display:flex;gap:10px;margin-top:10px}.include-options button{border-radius:999px;background:#f2f2f7;color:#6c63ff;border:none;padding:.7em 2em;font-weight:500;font-size:1rem;transition:background .2s,color .2s;cursor:pointer}.include-options button.active{background:#6c63ff;color:#fff;box-shadow:0 2px 12px #6c63ff1f}.calculate-btn{background:#6c63ff;color:#fff;border-radius:999px;padding:.9em 2.5em;border:none;font-weight:600;font-size:1.1rem;box-shadow:0 2px 12px #6c63ff1a;cursor:pointer}.calculator-results{background-color:transparent;border-radius:8px;display:flex;flex-direction:column;overflow-y:auto;box-sizing:border-box}.time-period-selector{margin-bottom:20px;display:flex;gap:5px}.time-period-selector{margin-bottom:20px;display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;min-width:0}.results-item.base-salary{background:#f5f4ff}.results-item.superannuation{background:#f0f7ff}.results-item.total-gross{background:#f7fcf8}.results-item.income-tax{background:#fff6f6}.results-item.medicare{background:#f7faff}.results-item.hecs-help{background:#fff9f4}.results-item.take-home-pay{background:#f3fdf7;border:1px solid #d0e9da}.time-period-selector button{padding:8px 18px;border:none;border-radius:999px;background-color:#edeafd;color:#6c63ff;font-weight:600;font-size:1.05em;cursor:pointer;margin-right:0;transition:background .2s,color .2s;margin-bottom:6px;box-shadow:none}.time-period-selector button.active{background-color:#6c63ff;color:#fff;box-shadow:0 2px 8px #6c63ff1a}.results-header{margin-bottom:20px;font-size:1.4em;font-weight:700;color:#333}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px}.results-item{padding:15px;background-color:#f8f8f8;border-radius:6px;display:flex;flex-direction:column;border:1px solid #eee}.results-item-label{font-size:.85em;color:#6c757d;margin-bottom:4px}.results-item-value{font-size:1.2em;font-weight:600;color:#333}.results-item.take-home-pay{background-color:#e9f7ef;border:1px solid #d0e9da}.results-item.take-home-pay .results-item-value{color:#28a745}.chart-container{margin-top:30px;width:100%;position:relative;height:auto!important;flex-shrink:0}.results-item-value.deduction{color:#dc3545}.results-item-value.deduction.medicare{color:#007bff}.results-item-value.positive{color:#27ae60}.results-item-value.highlight{color:#6c63ff;font-size:1.2em}.payrate-section{max-width:420px;width:100%;margin:0 auto 18px;display:block}.payrate-input,.schedule-input,.schedule-fields{width:100%;max-width:100%;box-sizing:border-box}.payrate-tip-box{background:#fff8e1;border:1.5px solid #FFECB3;color:#7b5300;border-radius:8px;padding:12px 16px;margin:12px 0 0;font-size:1em;font-weight:500;display:flex;align-items:center;gap:8px}.schedule-tip-box{background:#fff8e1;border:1.5px solid #FFECB3;color:#7b5300;border-radius:8px;padding:10px 14px;margin:14px 0 0;font-size:.98em;font-weight:500;display:flex;align-items:center;gap:8px}.payrate-tip-box,.schedule-tip-box{background:#fff8e1;border:1.5px solid #FFECB3;color:#7b5300;border-radius:8px;padding:8px 13px;margin:10px 0 0;font-size:.95em;font-weight:500;display:flex;align-items:center;gap:8px;line-height:1.4}.employment-radio-group{display:flex;gap:16px;margin-bottom:14px}.employment-radio-card{background:#fcf8e3;border:2px solid #e0d7b6;border-radius:12px;padding:14px 22px;display:flex;align-items:center;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s;box-shadow:0 1px 4px #dcbe640f;font-size:1.08em;-webkit-user-select:none;user-select:none;position:relative}.employment-radio-card.selected{border-color:#6c63ff;background:#f5f4ff;box-shadow:0 2px 8px #6c63ff1f}.employment-radio-card input[type=radio]{accent-color:#6c63ff;margin-right:10px;width:18px;height:18px}.employment-radio-label{font-weight:600;color:#333}.include-options button{border-radius:999px;background:#f2f2f7;color:#6c63ff;border:none;padding:6px 18px;height:34px;min-width:80px;font-weight:500;font-size:1rem;transition:background .2s,color .2s;cursor:pointer;box-sizing:border-box;line-height:1.1}.include-options button.active{background:#6c63ff;color:#fff;box-shadow:0 2px 12px #6c63ff1f;font-weight:500}.results-item,.results-tile{min-height:70px;padding:12px 16px;display:flex;flex-direction:column;ify-content:center}.results-item just .net-income-top-row,.results-tile just .net-income-top-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.results-item .net-income-bottom-row,.results-tile .net-income-bottom-row{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin-bottom:20px}.results-item .net-income-bottom-row:has(.results-item:only-child),.results-tile .net-income-bottom-row:has(.results-item:only-child){grid-template-columns:1fr}.results-item .results-item.income-tax-wide,.results-tile .results-item.income-tax-wide{background:#fff6f6;border:1px solid #ffe6e6}.results-item .results-item.annual-take-home,.results-tile .results-item.annual-take-home{background:#f0f8ff;border:1px solid #e0f0ff}@media (max-width: 768px){.results-item .net-income-top-row,.results-item .net-income-bottom-row,.results-tile .net-income-top-row,.results-tile .net-income-bottom-row{grid-template-columns:1fr}}.custom-checkbox-container{display:flex;align-items:center;background:#fffbe6;border:1.5px solid #e2c97b;border-radius:12px;padding:10px 18px;font-size:1.12em;margin-bottom:10px;box-shadow:0 1px 3px #0000000a;position:relative;min-height:40px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:box-shadow .15s}.custom-checkbox-container:focus-within{box-shadow:0 0 0 2px #ffe58f}.custom-checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.custom-checkbox-box{height:28px;width:28px;min-width:28px;border:2.5px solid #b8860b;border-radius:8px;background:#fff;display:inline-block;position:relative;transition:border-color .2s;margin-right:12px;box-sizing:border-box}.custom-checkbox-input:checked+.custom-checkbox-box{background:#ffe58f;border-color:#b8860b}.custom-checkbox-box:after{content:"";position:absolute;display:none}.custom-checkbox-input:checked+.custom-checkbox-box:after{display:block}.custom-checkbox-box:after{left:8px;top:3px;width:8px;height:16px;border:solid #b8860b;border-width:0 3px 3px 0;border-radius:2px;transform:rotate(45deg);content:"";position:absolute}.custom-checkbox-container:hover .custom-checkbox-box,.custom-checkbox-container:focus-within .custom-checkbox-box{border-color:#e2c97b}.paycalc-bg{min-height:100vh;min-width:100vw;width:100vw;background:linear-gradient(120deg,#6c63ff,#b8aaff);padding-bottom:60px;box-sizing:border-box;overflow-x:hidden}.app-header{padding:32px 0 18px;text-align:center;color:#fff}.app-header h1{font-weight:700;font-size:2.2em;letter-spacing:1px}.app-header p{font-size:1.1em;margin-top:8px;opacity:.95}.job-type-tabs{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:10px}.job-type-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:8px 18px;border-radius:8px!important;border:none;background:#fff;color:#6c63ff;font-weight:600;cursor:pointer;transition:background .2s,color .2s;flex:0 1 auto;min-width:90px;max-width:100%;box-sizing:border-box;box-shadow:none}.job-type-tabs button.active{background:#6c63ff;color:#fff}.main-content{display:flex;justify-content:center;align-items:stretch;max-width:1200px;margin:0 auto;padding:24px;width:100%;box-sizing:border-box;gap:32px}.calculator-card{background:#fff;border-radius:20px;box-shadow:0 8px 32px #6c63ff24;padding:32px 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"form results" "pie results" "disclaimer disclaimer";gap:24px;max-width:900px;width:100%;margin:0 auto}.calculator-card>*{min-width:0;overflow-wrap:break-word;word-break:break-word}.pie-chart{background:#fafaff;border-radius:18px;box-shadow:0 2px 8px #6c63ff12;padding:12px 8px 0;height:220px}.right-sidebar{width:300px;min-width:220px;max-width:340px;background:#fafaff;border-radius:18px;box-shadow:0 2px 8px #6c63ff12;padding:16px 8px;position:relative;display:flex;flex-direction:column;gap:16px;align-items:center}.ad-unit{width:100%;min-height:250px;background:#eaeaea;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#888;font-size:1.1em;border:2px dashed #ccc}.include-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:10px}.include-options button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:12px!important;border:none;background:#f4f4fa;color:#6c63ff;font-weight:600;padding:10px 18px;margin:0;transition:background .18s,color .18s;box-shadow:none;cursor:pointer;min-width:110px;flex:0 1 auto;max-width:100%;box-sizing:border-box}.include-options button.active,.include-options button[aria-pressed=true]{background:#6c63ff;color:#fff}@media (max-width: 1100px){.main-content{gap:16px;padding:16px}.right-sidebar{width:220px;min-width:160px;padding:10px 4px}}@media (max-width: 900px){.main-content{flex-direction:column;align-items:center;gap:0}.right-sidebar{width:100%;max-width:100%;min-width:0;margin-top:24px;padding:8px 0}.calculator-card{margin-right:0;width:100%;max-width:100%}}@media (max-width: 600px){.calculator-card{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;grid-template-areas:"form" "results" "pie" "disclaimer";padding:18px 4px;gap:12px}.pie-chart{height:150px;padding:8px 2px 0}.right-sidebar{padding:4px 0}.job-type-tabs,.include-options{gap:6px;justify-content:center}.job-type-tabs button,.include-options button{font-size:1em;padding:10px 8px;min-width:80px;border-radius:10px!important}}.hit-counter-widget{background:linear-gradient(100deg,#6c63ff,#b8aaff);color:#fff;border-radius:14px;padding:24px 12px 16px;text-align:center;box-shadow:0 2px 8px #6c63ff12;margin-bottom:12px}.hit-counter-widget .hit-count{font-size:2.1em;font-weight:700;letter-spacing:2px;margin-bottom:6px}.hit-counter-widget .hit-label{font-size:1.1em;opacity:.96;letter-spacing:1px}input,select,button,textarea{font-family:inherit;font-size:inherit}.job-type-tabs{display:flex;gap:8px;justify-content:center;margin-top:16px;margin-bottom:0}.job-type-tabs button{background:#fff;color:#6c63ff;font-weight:600;border-radius:8px;border:none;padding:10px 24px;transition:background .2s,color .2s;font-size:1.1em}.job-type-tabs button.active{background:#6c63ff;color:#fff;box-shadow:0 2px 8px #6c63ff24}.job-type-tabs{display:flex;gap:12px;justify-content:center;margin-top:24px;margin-bottom:0}.job-type-tabs button{background:#fff;color:#6c63ff;font-weight:600;border-radius:12px;border:2px solid #6c63ff;padding:12px 32px;font-size:1.1em;transition:background .18s,color .18s,box-shadow .18s;box-shadow:none;cursor:pointer}.job-type-tabs button.active{background:#6c63ff;color:#fff;box-shadow:0 2px 12px #6c63ff26;border:2px solid #6c63ff}.job-type-tabs button:hover:not(.active){background:#edeaff;color:#6c63ff}.advanced-form{display:flex;flex-direction:column;gap:20px}.job-section{border-radius:16px;padding:20px;border:2px solid;margin-bottom:16px}.job-section.primary-job{background:linear-gradient(135deg,#e3f2fd,#f0f8ff);border-color:#2196f3}.job-section.second-job{background:linear-gradient(135deg,#fff8e1,#fffbf0);border-color:#ff9800}.job-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.job-icon{font-size:1.2em}.job-header h3{margin:0;font-size:1.1em;font-weight:600;color:#333}.job-inputs{display:flex;flex-direction:column;gap:16px}.input-group{display:flex;flex-direction:column;position:relative}.input-group label{font-weight:500;margin-bottom:6px;color:#555;font-size:.95em}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.salary-input,.frequency-select,.super-input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1em;transition:border-color .2s;background:#fff}.salary-input:focus,.frequency-select:focus,.super-input:focus{outline:none;border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1a}.input-suffix{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#888;font-weight:500;pointer-events:none;margin-top:12px}.additional-options{background:#fafafa;border-radius:12px;padding:20px;border:1px solid #e0e0e0}.additional-options .form-group{margin-bottom:16px}.additional-options .form-group:last-of-type{margin-bottom:0}.additional-options label{display:block;font-weight:500;margin-bottom:6px;color:#555}.additional-options input[type=number]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:1em}.checkbox-group{margin-bottom:12px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#6c63ff}.checkbox-text{color:#555}.calculate-btn{background:#6c63ff;color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:1.1em;font-weight:600;cursor:pointer;transition:background .2s;margin-top:8px}.calculate-btn:hover{background:#5a52e8}@media (max-width: 600px){.input-row{grid-template-columns:1fr;gap:12px}.job-section,.additional-options{padding:16px}}.advanced-form input[type=number],.advanced-form input[type=text],.advanced-form select{color:#222!important;background:#fff}input:-webkit-autofill{-webkit-text-fill-color:#222!important;background:#fff!important}.advanced-form .job-section.primary-job{background:#f5faff;border:2px solid #6c63ff;border-radius:16px;box-shadow:0 2px 10px #6c63ff12;padding:20px;margin-bottom:18px}.advanced-form .work-schedule-box{background:#f5f7fd;border-radius:8px;padding:10px 12px;margin:12px 0}.advanced-form .work-schedule-box label{font-size:14px;color:#222}.advanced-form input[type=number],.advanced-form select{color:#222!important;background-color:#fff!important;border:1.5px solid #6c63ff;padding:8px 12px;border-radius:6px;font-size:1em;transition:border-color .3s ease}.advanced-form input[type=number]:focus,.advanced-form select:focus{border-color:#4a47d5;outline:none;box-shadow:0 0 6px #6c63ff80}.advanced-form label{color:#333;font-weight:600}.advanced-form .work-schedule-box{background:#f5f7fd;border-radius:8px;padding:10px 12px;margin:12px 0;color:#222}.advanced-form .job-section.primary-job,.advanced-form .job-section.second-job{background:#f5faff;border:2px solid #6c63ff;border-radius:16px;box-shadow:0 2px 10px #6c63ff12;padding:20px;margin-bottom:18px}.advanced-form label{color:#222;font-weight:600}.advanced-form input[type=number],.advanced-form select{color:#222!important;background:#fff!important;border:1.5px solid #c3c3e6;padding:10px 14px;border-radius:8px;font-size:1em;margin-top:6px;margin-bottom:6px;transition:border-color .3s}.advanced-form input[type=number]:focus,.advanced-form select:focus{border-color:#6c63ff;outline:none}.advanced-form input::placeholder{color:#999}.payrate-tip-box{background:#fffbe6;color:#a67c00;border-radius:8px;padding:8px 12px;margin:10px 0 0;font-size:1em;font-weight:500;display:flex;align-items:center;gap:7px}.schedule-tip-box{background:#fffbe6;color:#a67c00;border-radius:8px;padding:7px 12px;margin:10px 0 0;font-size:.98em;font-weight:500;display:flex;align-items:center;gap:7px}.additional-options{background:#fafaff;border-radius:12px;padding:20px;border:1.5px solid #e0e0e0;margin-top:20px}.form-group{margin-bottom:18px}.salary-input{width:100%;padding:13px 16px;border:1.5px solid #c3c3e6;border-radius:8px;font-size:1.1em;background:#fff;color:#222;box-sizing:border-box}.nowrap,.results-item-value.nowrap{white-space:nowrap}.results-item-value{display:flex;flex-direction:column;align-items:flex-start;font-size:1.08em}.main-number-row{display:flex;align-items:baseline;gap:4px}.main-number{font-size:1.16em;font-weight:600;white-space:nowrap}.results-item-percent-block{display:block;font-size:.85em;color:#888;font-weight:500;margin-top:2px;margin-left:0;line-height:1.1;letter-spacing:.01em}.super-checkbox-label{display:flex;align-items:center;margin:18px 0 10px;font-size:1.08em;font-weight:500;cursor:pointer}.super-checkbox-label input[type=checkbox]{margin-right:10px;width:18px;height:18px}.super-checkbox-container{display:flex;align-items:center;gap:10px;background:#fffbe6;border:1px solid #ffe58f;border-radius:8px;padding:10px 12px;margin:18px 0 10px;font-size:1em;color:#b8860b}.super-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border:2px solid #b8860b;border-radius:6px;background:#fff;cursor:pointer;transition:background .2s,border-color .2s;position:relative}.super-checkbox:checked{background:#ffe58f;border-color:#b8860b}.super-checkbox:checked:after{content:"";position:absolute;left:5px;top:1px;width:7px;height:13px;border:solid #b8860b;border-width:0 3px 3px 0;transform:rotate(45deg)}.results-item-percent{font-size:.92em;color:#888;font-weight:500;margin-left:2px;vertical-align:baseline;letter-spacing:.01em}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}