.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-bottom:30px;max-width:1000px;margin-left:auto;margin-right:auto;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}h2{color:#1a4b5f;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #6b9e9e;font-size:1.5rem;position:relative;z-index:1}.method-container{display:flex;justify-content:flex-start;margin-bottom:25px;position:relative;z-index:1}.method-toggle{display:flex;background:#f2f6fc;border-radius:14px;padding:4px;width:100%;max-width:250px;direction:ltr;border:1px solid #d0ddee}.method-toggle .toggle-btn{flex:1;padding:8px 12px;border:none;background:transparent;color:#2e546a;font-size:14px;font-weight:700;cursor:pointer;border-radius:10px;transition:all .2s ease}.method-toggle .toggle-btn.active{background:linear-gradient(135deg,#1a4b5f 0%,#2b6a79 100%);color:#fff;box-shadow:0 4px 12px rgba(26,75,95,.2)}.method-description{background:#fefcf5;padding:12px;border-radius:16px;margin-bottom:20px;color:#1a3f5c;font-size:13px;line-height:1.5;border:1px solid #ecdca8;position:relative;z-index:1}.form-row{display:flex;gap:15px;margin-bottom:18px;align-items:center;position:relative;z-index:1}.form-group{flex:1;text-align:center}.form-group label{display:block;margin-bottom:6px;font-weight:700;color:#2e546a;font-size:14px}.form-control{width:100%;padding:10px 12px;border:1.5px solid #ecdca8;border-radius:12px;font-size:15px;transition:border-color .2s ease,box-shadow .2s ease;text-align:center;margin:0 auto;display:block;background:#fefcf5;color:#1a3f5c}.form-control:focus{border-color:#1a4b5f;outline:none;box-shadow:0 0 0 4px rgba(26,75,95,.08);background:#fff}.btn{background:linear-gradient(135deg,#1a4b5f 0%,#2b6a79 100%);color:#fff;border:0;padding:10px 20px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;height:42px;white-space:nowrap;display:inline-block;line-height:22px;box-shadow:0 8px 18px rgba(26,75,95,.14)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(26,75,95,.18);filter:saturate(1.03)}.btn-small{padding:8px 16px;font-size:14px}.result-container{margin-top:25px;padding:18px;background:#fefcf5;border-radius:16px;border:1px solid #ecdca8;border-right:5px solid #6b9e9e;display:none;box-shadow:0 6px 16px rgba(0,0,0,.04);position:relative;z-index:1}.result-title{color:#1a4b5f;margin-bottom:12px;font-size:18px;font-weight:800}.result-value{font-size:24px;font-weight:800;color:#1a3f5c;margin:8px 0}.result-details{margin-top:12px;color:#5a6c7d;font-size:14px}.error-message{color:#e74c3c;margin-top:8px;padding:8px;background:#fdf2f2;border-radius:12px;display:none;font-size:14px}.week-days-container{border:1px solid #ecdca8;border-radius:16px;padding:12px;background:#fefcf5}.day-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #dce5ec}.day-row:last-child{border-bottom:0}.day-info{min-width:100px;text-align:right}.day-name{font-weight:700;color:#1a4b5f;font-size:14px}.day-type{font-size:11px;color:#5a6c7d}.day-inputs{display:flex;gap:8px;align-items:center}.day-inputs input,.day-inputs select{padding:6px;border:1.5px solid #ecdca8;border-radius:12px;width:90px;font-size:14px;text-align:center;background:#fff;color:#1a3f5c;transition:border-color .2s ease}.day-inputs input:focus,.day-inputs select:focus{outline:none;border-color:#1a4b5f;box-shadow:0 0 0 3px rgba(26,75,95,.08)}.salary-review,.multiple-employees{margin-top:30px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border-radius:22px;padding:25px;box-shadow:0 10px 30px rgba(26,75,95,.08);max-width:1000px;margin-left:auto;margin-right:auto;border:1px solid #d9e3ee;position:relative;overflow:hidden}.salary-review::before,.multiple-employees::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}.employees-table{width:100%;border-collapse:collapse;margin:20px 0}.employees-table th{background:linear-gradient(135deg,#1a4b5f 0%,#2b6a79 100%);color:#fff;padding:10px;text-align:center;font-size:14px;font-weight:700}.employees-table td{padding:8px;border:1px solid #dce5ec;text-align:center;font-size:14px}.employees-table input,.employees-table select{width:100%;padding:6px;border:1.5px solid #ecdca8;border-radius:12px;box-sizing:border-box;font-size:13px;text-align:center;background:#fff;transition:border-color .2s ease}.employees-table input:focus,.employees-table select:focus{outline:none;border-color:#1a4b5f;box-shadow:0 0 0 3px rgba(26,75,95,.08)}.btn.loading{pointer-events:none;opacity:.95}.btn .btn-spinner{display:inline-block;width:14px;height:14px;margin-inline-end:8px;vertical-align:middle;border:2px solid rgba(255,255,255,0.35);border-top-color:#fff;border-radius:50%;box-sizing:border-box;animation:btn-spin .9s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}@media (max-width:768px){.calculator,.salary-review,.multiple-employees{padding:20px;margin:15px}.form-row{flex-wrap:wrap;gap:12px}.form-group{flex:0 0 calc(50% - 8px);max-width:calc(50% - 8px);box-sizing:border-box;margin-bottom:10px}.method-container{justify-content:flex-start}.btn{width:100%;margin-top:0;height:44px}.day-row{flex-direction:row;align-items:center;gap:8px;padding:6px 0}.day-info{width:120px;text-align:right}.day-inputs{display:flex;gap:6px;align-items:center}.day-inputs input,.day-inputs select{width:85px;font-size:13px}.employees-table{display:block;overflow-x:auto;font-size:13px}.employees-table th,.employees-table td{text-align:center;padding:6px}.multiple-employees .form-row{flex-wrap:nowrap;justify-content:center;gap:8px}.multiple-employees .btn-small{flex:1;white-space:nowrap;font-size:12px}}@media (max-width:550px){.calculator{padding:16px}.calculator h2{font-size:1.3rem;margin-bottom:15px}.method-toggle{max-width:100%}.method-toggle .toggle-btn{font-size:12px;padding:6px 8px}.method-description{font-size:12px;padding:10px}.form-row{gap:10px}.form-group label{font-size:12px}.form-control{padding:8px 10px;font-size:13px}.btn{height:40px;font-size:14px;padding:8px 16px}.result-title{font-size:16px}.result-value{font-size:20px}.result-details{font-size:12px}.day-row{flex-direction:column;align-items:stretch;gap:6px;padding:10px 0}.day-info{width:100%;text-align:center;margin-bottom:4px}.day-name{font-size:13px}.day-inputs{justify-content:center}.day-inputs input,.day-inputs select{width:70px;font-size:12px}.week-days-container{padding:10px}}@media (max-width:480px){.form-group.full{flex:0 0 100%;max-width:100%}.day-row{gap:6px}.day-info{width:100px}.day-inputs input,.day-inputs select{width:80px;font-size:12px}.multiple-employees .form-row{flex-wrap:wrap}.multiple-employees .btn-small{flex:0 0 calc(33.333% - 6px)}.employees-table th,.employees-table td{font-size:11px;padding:4px}}@media (max-width:400px){.calculator{padding:12px}.calculator h2{font-size:1.2rem;margin-bottom:12px}.method-toggle .toggle-btn{font-size:11px;padding:5px 6px}.method-description{font-size:11px;padding:8px}.form-group label{font-size:11px}.form-control{padding:6px 8px;font-size:12px}.btn{height:36px;font-size:13px;padding:6px 12px}.result-title{font-size:14px}.result-value{font-size:18px}.result-details{font-size:11px}.day-inputs input,.day-inputs select{width:65px;font-size:11px;padding:4px}.employees-table th,.employees-table td{font-size:10px;padding:3px}.multiple-employees .btn-small{font-size:11px;padding:6px 8px}}