*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#4facfe,#00f2fe);min-height:100vh}.requirements-container{background:linear-gradient(135deg,#4b6cb7,#182848);border-radius:24px;padding:25px;max-width:400px;width:100%;height:fit-content;font-size:1rem;color:#333;display:flex;gap:20px;flex-direction:column}.foh{font-size:1.2rem;color:#fff;margin-bottom:10px;font-weight:600;text-align:center}.backOfHouse{font-size:1.2rem;color:#fff;margin-bottom:10px;font-weight:600}form label{color:#ffffffe6;display:block;margin-bottom:5px;font-size:1rem}form input[type=radio]{margin-right:8px;transform:scale(1.2);accent-color:#4CAF50;min-width:20px;min-height:20px}.radio-group{margin-bottom:20px}.radio-options{display:flex;gap:15px;margin-top:10px}.radio-options label{display:flex;align-items:center;gap:8px;color:#fff;padding:10px;cursor:pointer;border-radius:8px;transition:background-color .2s ease;min-height:44px}.radio-options label:hover,.radio-options label:active{background-color:#ffffff1a}form select{width:100%;padding:12px;border:none;border-radius:8px;margin-top:5px;font-size:16px;background-color:#fffc;min-height:44px}.collectBtn{width:100%;margin-top:20px;height:60px;background-color:green;font-weight:600;color:#fff;font-size:1.2rem;border:none;border-radius:12px;transition:all .2s ease;display:flex;justify-content:center;align-items:center;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.collectBtn:hover{background-color:#90ee90;transform:translateY(-2px);box-shadow:0 6px 12px #4caf5066}.collectBtn:active{transform:scale(.98);box-shadow:0 2px 4px #4caf5066}.tipsList-container{background-color:#fff;border-radius:24px;padding:30px;box-shadow:0 15px 30px #0000001a;min-width:300px;max-width:350px;width:100%;height:fit-content}.tipsList{list-style-type:none;padding:0;max-height:300px;overflow-y:auto;margin-bottom:20px}.tips{background-color:#f0f8ff;margin-bottom:15px;padding:18px;border-radius:12px;color:#333;font-weight:500;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000000d;transition:all .2s ease}.tips:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.deleteTips{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:1.2rem;transition:all .2s ease;padding:8px;border-radius:4px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.deleteTips:hover{color:#c0392b;transform:scale(1.1);background-color:#e74c3c1a}.deleteTips:active{transform:scale(.95)}.tipsTotal{margin-top:25px;margin-bottom:25px;padding:18px;background-color:#4b6cb7;color:#fff;font-size:1.2rem;font-weight:600;border-radius:12px;text-align:center}.deleteAllBtn{width:100%;padding:15px;background:linear-gradient(to bottom,#e74c3c,#c0392b);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px #e74c3c4d;margin-top:0;min-height:50px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.deleteAllBtn:hover{background:linear-gradient(to bottom,#e57373,#d32f2f);transform:translateY(-2px);box-shadow:0 6px 12px #e74c3c66}.deleteAllBtn:active{transform:scale(.98);box-shadow:0 2px 4px #e74c3c4d}@media (max-width: 768px){.requirements-container{max-width:90%;padding:20px;gap:18px;border-radius:20px}.tipsList-container{max-width:90%;min-width:280px;padding:25px}.collectBtn{height:55px;font-size:1.1rem}.radio-options{gap:12px}.radio-options label{padding:8px 12px}}@media (max-width: 480px){.requirements-container{max-width:95%;padding:18px;gap:15px;border-radius:18px}.tipsList-container{max-width:95%;min-width:260px;padding:20px;border-radius:18px}.backOfHouse{font-size:1.1rem}form label{font-size:.95rem}form input[type=text]{padding:10px;font-size:16px}.collectBtn{height:50px;font-size:1rem;margin-top:15px}.radio-options{flex-direction:column;gap:8px}.radio-options label{padding:12px;width:100%;justify-content:flex-start}.tips{padding:15px;font-size:1rem}.tipsTotal{font-size:1.1rem;padding:15px;margin:20px 0}.deleteTips{min-width:35px;min-height:35px;font-size:1rem}}@media (max-width: 360px){.requirements-container{max-width:98%;padding:15px;gap:12px}.tipsList-container{max-width:98%;min-width:240px;padding:18px}.backOfHouse{font-size:1rem}form input[type=text]{padding:8px}.collectBtn{height:45px;font-size:.95rem}.tips{padding:12px;font-size:.95rem}.tipsTotal{font-size:1rem;padding:12px}.deleteAllBtn{font-size:.95rem;min-height:45px}}.boh-container{background:linear-gradient(135deg,#4b6cb7,#182848);border-radius:24px;padding:25px;max-width:400px;width:100%;height:fit-content;font-size:1rem;color:#333;display:flex;gap:20px;flex-direction:column}.boh{font-size:1.2rem;color:#fff;margin-bottom:10px;font-weight:600;text-align:center}form{margin-bottom:15px}form label,.bohEmployees,.bohHoursWorked{color:#ffffffe6;display:block;margin-bottom:5px;font-size:1rem}form input[type=text]{width:100%;padding:12px;border:none;border-radius:8px;margin-bottom:10px;font-size:16px;background-color:#fffc;min-height:44px}form:last-of-type{margin-bottom:20px}.error{background:linear-gradient(to bottom,#e74c3c,#c0392b);color:#fff;padding:12px;border-radius:8px;margin:10px 0;text-align:center;font-size:1rem}.bohCollectBtn{width:100%;margin-top:20px;height:60px;background-color:green;font-weight:600;color:#fff;font-size:1.2rem;border:none;border-radius:12px;transition:all .2s ease;display:flex;justify-content:center;align-items:center;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.bohCollectBtn:hover{background-color:#90ee90;transform:translateY(-2px);box-shadow:0 6px 12px #4caf5066}.bohCollectBtn:active{transform:scale(.98);box-shadow:0 2px 4px #4caf5066}.bohTipsList-container{background-color:#fff;border-radius:24px;padding:30px;box-shadow:0 15px 30px #0000001a;min-width:300px;max-width:350px;width:100%;height:fit-content}.bohTipList{list-style-type:none;padding:0;max-height:300px;overflow-y:auto;margin-bottom:20px}.bohTips{background-color:#f0f8ff;margin-bottom:15px;padding:18px;border-radius:12px;color:#333;font-weight:500;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000000d;transition:all .2s ease}.bohTips:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.removeTips{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:1.2rem;transition:all .2s ease;padding:8px;border-radius:4px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.removeTips:hover{color:#c0392b;transform:scale(1.1);background-color:#e74c3c1a}.removeTips:active{transform:scale(.95)}.bohTipsTotal{margin-top:25px;margin-bottom:25px;padding:18px;background-color:#4b6cb7;color:#fff;font-size:1.2rem;font-weight:600;border-radius:12px;text-align:center}.removeAllBtn{width:100%;padding:15px;background:linear-gradient(to bottom,#e74c3c,#c0392b);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px #e74c3c4d;margin-top:0;min-height:50px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.removeAllBtn:hover{background:linear-gradient(to bottom,#e57373,#d32f2f);transform:translateY(-2px);box-shadow:0 6px 12px #e74c3c66}.removeAllBtn:active{transform:scale(.98);box-shadow:0 2px 4px #e74c3c4d}@media (max-width: 768px){.boh-container{max-width:90%;padding:20px;gap:18px;border-radius:20px}.bohTipsList-container{max-width:90%;min-width:280px;padding:25px}.bohCollectBtn{height:55px;font-size:1.1rem}}@media (max-width: 480px){.boh-container{max-width:95%;padding:18px;gap:15px;border-radius:18px}.bohTipsList-container{max-width:95%;min-width:260px;padding:20px;border-radius:18px}.boh{font-size:1.1rem}form label,.bohEmployees,.bohHoursWorked{font-size:.95rem}form input[type=text]{padding:10px;font-size:16px}.bohCollectBtn{height:50px;font-size:1rem;margin-top:15px}.bohTips{padding:15px;font-size:1rem}.bohTipsTotal{font-size:1.1rem;padding:15px;margin:20px 0}.removeTips{min-width:35px;min-height:35px;font-size:1rem}}@media (max-width: 360px){.boh-container{max-width:98%;padding:15px;gap:12px}.bohTipsList-container{max-width:98%;min-width:240px;padding:18px}.boh{font-size:1rem}form input[type=text]{padding:8px}.bohCollectBtn{height:45px;font-size:.95rem}.bohTips{padding:12px;font-size:.95rem}.bohTipsTotal{font-size:1rem;padding:12px}.removeAllBtn{font-size:.95rem;min-height:45px}}.container{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:30px;padding:20px;width:100%;max-width:1200px;margin:0 auto;min-height:100vh}.calculator-container{border-radius:24px;width:100%;max-width:500px;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(135deg,#4b6cb7,#182848);box-shadow:0 15px 30px #0003}.display{width:100%;padding:30px 25px;font-size:3.5rem;text-align:right;border:none;background:transparent;color:#fff;font-weight:300;margin-bottom:10px}.btns-container{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:25px;justify-items:center}.numberBtns{width:80px;height:80px;border-radius:50%;border:none;background-color:#ffffff26;color:#fff;font-size:2rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px #0000001a}.numberBtns:hover{background-color:#ffffff40;box-shadow:0 6px 12px #0000001a;transform:translateY(-2px)}.numberBtns:active{transform:translateY(1px);box-shadow:0 2px 4px #0000001a}.deleteDisplay{width:80px;height:80px;border-radius:50%;border:none;background:orange;color:#fff;font-size:1.2rem;font-weight:500;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease}.deleteDisplay:hover{background-color:red;box-shadow:0 6px 12px #000;transform:translateY(-2px)}.deleteDisplay:active{transform:translateY(1px);box-shadow:0 2px 4px gray}.clearDisplay{width:80px;height:80px;border-radius:50%;border:none;background:linear-gradient(to bottom,#ff9a00,#ff6a00);color:#fff;font-size:1.2rem;font-weight:500;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease;box-shadow:0 4px 8px #ff6a004d;grid-column:2}.clearDisplay:hover{background:linear-gradient(to bottom,#ffb340,#ff7e20);box-shadow:0 6px 12px #ff6a0066;transform:translateY(-2px)}.clearDisplay:active{transform:translateY(1px);box-shadow:0 2px 4px #ff6a004d}