diff --git a/public_html/assets/css/main.css b/public_html/assets/css/main.css
index 94dbf79..704f774 100644
--- a/public_html/assets/css/main.css
+++ b/public_html/assets/css/main.css
@@ -1813,4 +1813,68 @@ table.table-search-report .tb-list th {
justify-content: center;
align-items: center;
z-index: 999;
+}
+
+/* ============================
+ Segmented Radio Button
+ ============================ */
+.radio-segment {
+ display: flex;
+ border: 1px solid #ccc;
+ border-radius: 10px;
+ overflow: hidden;
+}
+
+/* label = button */
+.radio-segment label {
+ margin: 0;
+ cursor: pointer;
+ flex: 1 1 0;
+}
+
+.radio-segment input[type="radio"] {
+ display: none;
+}
+
+.radio-segment span {
+ display: block;
+ text-align: center;
+ padding: 8px 0;
+ background: #e7e7e7;
+ color: #333;
+ font-weight: 500;
+}
+
+.radio-segment input[type="radio"]:checked + span {
+ background: #ffca1a;
+ color: #333;
+}
+
+/* horizontal radius */
+.radio-segment label:first-child span {
+ border-radius: 5px 0 0 5px;
+}
+
+.radio-segment label:last-child span {
+ border-radius: 0 5px 5px 0;
+}
+
+/* mobile */
+@media (max-width: 768px) {
+ .radio-segment {
+ flex-direction: column;
+ width: 100%;
+ }
+
+ .radio-segment label {
+ width: 100%;
+ }
+
+ .radio-segment label:first-child span {
+ border-radius: 5px 5px 0 0;
+ }
+
+ .radio-segment label:last-child span {
+ border-radius: 0 0 5px 5px;
+ }
}
\ No newline at end of file
diff --git a/public_html/login_intranet.php b/public_html/login_intranet.php
index 59b4c04..ce919a4 100644
--- a/public_html/login_intranet.php
+++ b/public_html/login_intranet.php
@@ -1,7 +1,7 @@