*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{background:#e3f1ff;min-height:100vh}.show-password{margin-bottom:0px!important}.se-pre-con{position:fixed;width:100%;height:360%;z-index:9999;background:#324b5bb3}.se-pre-con .loader{text-align:center;width:100%;margin:0 auto;height:55%;bottom:0;position:absolute;color:#fff}.se-pre-con .loader i{font-size:2em}#loading-overlay{position:fixed;inset:0;width:100%;height:100vh;background:rgb(255 255 255 / .85);display:none;justify-content:center;align-items:center;z-index:999999;padding:20px;box-sizing:border-box;backdrop-filter:blur(2px)}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;width:100%;max-width:320px}.loading-spinner{width:clamp(45px, 10vw, 70px);height:clamp(45px, 10vw, 70px);border:5px solid #e9ecef;border-top-color:#0d6efd;border-radius:50%;animation:spin 0.8s linear infinite}.loading-text{font-size:clamp(14px, 2vw, 18px);font-weight:600;color:#333;word-break:break-word;line-height:1.4}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:480px){.loading-content{gap:10px}.loading-spinner{border-width:4px}.loading-text{font-size:14px;padding:0 10px}}.app-container{padding-bottom:80px}.hero{height:100vh;padding:24px;background:linear-gradient(135deg,#1e88e5,#42a5f5);color:#fff;display:flex;flex-direction:column;justify-content:center;text-align:center}.hero h1{font-size:32px;margin-bottom:12px}.hero p{font-size:16px;margin-bottom:24px;opacity:.9}.btn-primary{padding:12px 20px;border:none;border-radius:25px;background:#fff;color:#1e88e5;font-size:16px;font-weight:700;cursor:pointer}.btn-secondary{padding:12px 20px;border:none;border-radius:25px;background:#1e88e5;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.btn-success{padding:12px 20px;border:none;border-radius:25px;background:#3ca047;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:70px;background:#fff;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #ddd}.nav-item{text-decoration:none;color:#777;display:flex;flex-direction:column;align-items:center;font-size:12px}.nav-item i{font-size:20px;margin-bottom:4px}.nav-item.active,.nav-item:hover{color:#1e88e5}.dashboard-header{background:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.dashboard-header h2{font-size:22px;margin-bottom:4px}.dashboard-header p{font-size:14px;color:#777}.avatar{width:48px;height:48px;border-radius:50%}.stats{display:flex;gap:16px;padding:16px}.stat-card{flex:1;background:#fff;padding:16px;border-radius:12px;text-align:center;box-shadow:0 2px 6px rgb(0 0 0 / .05)}.stat-card h3{font-size:24px;color:#1e88e5}.stat-card p{font-size:14px;color:#555}.quick-menu{padding:16px}.quick-menu h3{margin-bottom:12px;font-size:18px}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.menu-item{background:#fff;border-radius:12px;padding:16px 8px;text-align:center;box-shadow:0 2px 6px rgb(0 0 0 / .05)}.menu-item i{font-size:20px;color:#1e88e5;margin-bottom:6px}.menu-item span{font-size:12px;color:#333}.slider{padding:16px;overflow-x:auto}.slider-track{gap:12px}.slide{min-width:260px;padding:20px;border-radius:16px;background:linear-gradient(135deg,#1e88e5,#42a5f5);color:#fff}.slide.alt{background:linear-gradient(135deg,#43a047,#66bb6a)}.slide.dark{background:linear-gradient(135deg,#546e7a,#37474f)}.slide.red{background:linear-gradient(135deg,#a04343,#bb6666)}.slide h3{margin-bottom:6px}.slide a{text-decoration:none;color:#fff}.service-category{padding:16px}.service-category h3{margin-bottom:12px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-item{background:#fff;border-radius:14px;padding:14px 6px;text-align:center;text-decoration:none;color:#333;box-shadow:0 2px 6px rgb(0 0 0 / .05);transition:transform 0.2s ease}.service-item:hover{transform:translateY(-3px)}.service-item i{font-size:20px;color:#1e88e5;margin-bottom:6px;display:block}.service-item span{font-size:12px}.help-info{padding:16px;padding-bottom:90px}.help-card{background:#fff;border-radius:16px;padding:16px;display:flex;gap:12px;align-items:center;box-shadow:0 2px 6px rgb(0 0 0 / .05)}.help-card i{font-size:26px;color:#1e88e5}.help-card h4{margin-bottom:4px}.help-card p{font-size:14px;color:#555}.help-card span{font-size:12px;color:#777}.notification-header{background:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.notification-header h2{font-size:22px}.notif-icon{position:relative}.notif-badge{position:absolute;top:-6px;right:-8px;background:#e53935;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}.badge{background:#e53935;color:#fff;font-size:12px;padding:4px 8px;border-radius:12px}.notification-list{padding:12px}.notification-item{display:flex;gap:12px;background:#fff;padding:14px;border-radius:12px;margin-bottom:12px;box-shadow:0 2px 6px rgb(0 0 0 / .05)}.notification-item a{text-decoration:none}.notification-item.unread{border-left:4px solid #1e88e5;background:#f0f7ff}.notification-item .icon{font-size:20px;color:#1e88e5;margin-top:4px}.notification-item .content h4{font-size:15px;margin-bottom:4px}.notification-item .content p{font-size:13px;color:#555;margin-bottom:6px}.notification-item .time{font-size:11px;color:#888}.profile-header{background:linear-gradient(135deg,#1e88e5,#42a5f5);padding:32px 16px;text-align:center;color:#fff}.profile-avatar{width:90px;height:90px;border-radius:50%;border:3px solid #fff;margin-bottom:12px}.profile-header h2{font-size:22px;margin-bottom:4px}.profile-header p{font-size:14px;opacity:.9}.profile-info{background:#fff;margin:16px;border-radius:12px;padding:12px;box-shadow:0 2px 6px rgb(0 0 0 / .05)}.info-item{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:14px}.info-item i{color:#1e88e5}.profile-menu{margin:16px}.menu-row{background:#fff;border-radius:12px;padding:14px;margin-bottom:10px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#333;box-shadow:0 2px 6px rgb(0 0 0 / .05)}.menu-row i{color:#1e88e5}.menu-row .arrow{margin-left:auto;color:#999}.menu-row.logout{color:#e53935}.menu-row.logout i{color:#e53935}.auth-body{min-height:100vh;background:linear-gradient(135deg,#1e88e5,#42a5f5);display:flex;justify-content:center;align-items:center;padding:16px;padding-top:70px}.auth-container{background:#fff;width:100%;max-width:360px;border-radius:16px;padding:24px;text-align:center;box-shadow:0 4px 12px rgb(0 0 0 / .15)}.auth-container h2{margin-bottom:8px;font-size:24px}.auth-container p{font-size:14px;color:#666;margin-bottom:20px}.auth-container span{color:#666}.auth-form input{width:100%;padding:12px;margin-bottom:14px;border-radius:10px;border:1px solid #ddd;font-size:14px}.auth-form input:focus{outline:none;border-color:#1e88e5}.btn-primary.full{width:100%;margin-top:10px;margin-bottom:10px}.btn-secondary.full{width:100%;margin-top:10px;margin-bottom:10px}.btn-success.full{width:100%;margin-top:10px;margin-bottom:10px}button:disabled{cursor:no-drop;background:#aaa}.auth-footer{margin-top:18px;font-size:14px}.auth-footer a{color:#1e88e5;text-decoration:none;font-weight:700}.list-header{background:#fff;padding:20px;border-bottom:1px solid #eee}.order-list{padding:16px}.order-item{background:#fff;border-radius:14px;padding:14px;margin-bottom:12px;display:flex;justify-content:space-between;text-decoration:none;color:#333;box-shadow:0 2px 6px rgb(0 0 0 / .05)}.order-left h4{font-size:15px}.order-left p{font-size:14px;color:#555}.order-left span{font-size:12px;color:#888}.order-right{display:flex;align-items:center;gap:10px}.timeline{background:#fff;margin:16px;border-radius:14px;padding:16px;box-shadow:0 2px 6px rgb(0 0 0 / .05)}.timeline-item{display:flex;gap:14px;position:relative;padding-bottom:24px}.timeline-item::before{content:"";position:absolute;left:6px;top:12px;width:2px;height:100%;background:#ddd}.timeline-item:last-child::before{display:none}.timeline-item .dot{width:14px;height:14px;border-radius:50%;background:#ccc;z-index:2;margin-top:4px}.timeline-item.done .dot{background:#43a047}.timeline-item.active .dot{background:#1e88e5}.timeline-item.cancel .dot{background:#e53935}.timeline-item .content h4{font-size:15px;margin-bottom:4px}.timeline-item .content span{font-size:12px;color:#777}.subtitle{font-size:14px;color:#777;margin-top:4px}.product-list{padding:16px}.product-card{background:#fff;border-radius:14px;padding:14px;margin-bottom:12px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 6px rgb(0 0 0 / .05)}.product-icon{width:46px;height:46px;border-radius:12px;background:#e3f2fd;display:flex;justify-content:center;align-items:center}.product-icon i{font-size:20px;color:#1e88e5}.product-info{flex:1}.product-info h4{font-size:15px;margin-bottom:4px}.product-info p{font-size:13px;color:#555;margin-bottom:6px}.product-info ol,.product-info ul{font-size:13px;color:#555;margin-left:20px}.product-info .price{font-size:13px;font-weight:700;color:#43a047}.product-action{color:#999;font-size:16px;text-decoration:none}.form-header{background:#fff;padding:20px;border-bottom:1px solid #eee}.form-header h2{font-size:22px;margin-bottom:4px}.form-header p{font-size:14px;color:#777}.form-section{padding:16px}.input-form{background:#fff;padding:16px;border-radius:14px;box-shadow:0 2px 6px rgb(0 0 0 / .05)}.input-form label{display:block;font-size:14px;margin-bottom:6px;margin-top:12px;color:#333}.input-form input,.input-form select{width:100%;padding:12px;border-radius:10px;border:1px solid #ddd;font-size:14px}.input-form input:focus,.input-form select:focus{outline:none;border-color:#1e88e5}.input-form button{margin-top:20px}.list-form{margin-left:25px;font-size:.9em;color:#333}.detail-header{background:#fff;padding:16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #eee}.back-btn{color:#1e88e5;font-size:18px;text-decoration:none}.detail-header h2{font-size:20px}.order-status{padding:16px}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;color:#fff;margin-bottom:6px}.status-badge.primary{background:#4367a0}.status-badge.success{background:#43a047}.status-badge.pending{background:#fb8c00}.status-badge.cancel{background:#e53935}.status-badge.default{background:#999}.detail-card{background:#fff;margin:0 16px;border-radius:14px;padding:16px;box-shadow:0 2px 6px rgb(0 0 0 / .05)}.detail-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;border-bottom:1px dashed #eee}.detail-row:last-child{border-bottom:none}.detail-row span{color:#777}.detail-note{background:#fff;margin:16px;border-radius:14px;padding:16px;box-shadow:0 2px 6px rgb(0 0 0 / .05)}.detail-note h4{margin-bottom:8px;font-size:16px}.detail-note p{font-size:14px;color:#555}.detail-action{padding:0 16px 16px}.upload-section{padding:16px}.upload-box{background:#fff;border:2px dashed #1e88e5;border-radius:16px;padding:30px 16px;text-align:center;margin-bottom:16px;position:relative}.upload-box i{font-size:36px;color:#1e88e5;margin-bottom:10px}.upload-box p{font-size:14px;color:#555}.upload-box input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer}.file-info{background:#fff;border-radius:14px;padding:14px;margin-bottom:16px;font-size:14px;box-shadow:0 2px 6px rgb(0 0 0 / .05)}#fileList{display:flex;flex-direction:column;gap:12px}.file-item{background:#fff;border-radius:14px;padding:10px;display:flex;gap:10px;align-items:center;box-shadow:0 2px 6px rgb(0 0 0 / .05)}.file-preview img,.file-preview iframe{width:70px;height:70px;border-radius:10px;object-fit:cover;border:none}.file-meta{flex:1;font-size:13px}.file-name{font-weight:600}.file-size{color:#777;font-size:12px}.progress-bar{width:100%;height:6px;background:#e0e0e0;border-radius:6px;overflow:hidden;margin-top:6px}.progress-fill{width:0%;height:100%;background:linear-gradient(90deg,#1e88e5,#42a5f5)}.remove-btn{background:#f44336;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer}.alert{display:none;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;font-size:14px;margin:12px 16px;animation:slideDown 0.3s ease}.alert i{font-size:18px}.alert span{flex:1}.alert-close{background:none;border:none;font-size:18px;cursor:pointer;color:inherit}.alert-error{background:#fdecea;color:#d32f2f!important;padding:10px}.alert-success{background:#e8f5e9;color:#388e3c!important;padding:10px}.alert-warning{background:#fff8e1;color:#f57c00!important;padding:10px}.alert-show{display:flex!important}.alert li{margin-left:25px}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.accordion-section{padding:16px}.accordion-item{background:#fff;border-radius:14px;margin-bottom:12px;overflow:hidden;box-shadow:0 2px 6px rgb(0 0 0 / .05)}.accordion-header{width:100%;background:none;border:none;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;cursor:pointer}.accordion-header i{transition:transform 0.3s ease}.accordion-item.active .accordion-header i{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height 0.3s ease;padding:0 16px}.accordion-body ul{padding:12px 0 16px;font-size:14px;color:#555}.accordion-body li{margin-bottom:6px;margin-left:10px}.download-section{padding:16px;display:flex;flex-direction:column;gap:12px}.download-card{background:#fff;border-radius:16px;padding:14px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px rgb(0 0 0 / .06)}.download-info{display:flex;align-items:center;gap:12px}.file-icon{font-size:34px}.file-icon.pdf{color:#e53935}.file-icon.word{color:#1e88e5}.file-icon.excel{color:#43a047}.download-info h4{font-size:14px;margin-bottom:2px}.download-info p{font-size:12px;color:#777}.btn-download{width:40px;height:40px;background:#1e88e5;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px}.datepicker-days table{color:#555}.datepicker-days thead{font-weight:700}.datepicker-days td.disabled{background:#eaeaea!important}.datepicker-days td.active{font-weight:bold!important}.datepicker-days td.today{color:#000aff!important}.error-page{background:#fff;border-radius:20px;padding:32px 20px;text-align:center;max-width:360px;width:100%;box-shadow:0 6px 20px rgb(0 0 0 / .08)}.error-icon{font-size:56px;color:#1e88e5;margin-bottom:10px}.error-page h1{font-size:72px;margin:0;color:#1e88e5}.error-page h3{margin:6px 0}.error-page p{font-size:14px;color:#666;margin-bottom:20px}.error-action{display:flex;flex-direction:column;gap:10px}.toast-fullscreen{position:fixed;inset:0;background:rgb(0 0 0 / .6);display:none;justify-content:center;align-items:center;z-index:9999;animation:fadeIn 0.3s ease}.toast-content{background:#fff;width:90%;max-width:360px;border-radius:20px;padding:24px 20px;text-align:center;animation:scaleUp 0.3s ease}.toast-icon{font-size:64px;margin-bottom:12px}.toast-fullscreen.success .toast-icon{color:#4caf50}.toast-fullscreen.error .toast-icon{color:#f44336}.toast-fullscreen.warning .toast-icon{color:#ff9800}.toast-content h2{margin-bottom:6px}.toast-content p{font-size:14px;color:#555;margin-bottom:16px}.holiday-card{background:#fff;border-radius:20px;padding:28px 20px;text-align:center;max-width:360px;width:100%;box-shadow:0 6px 20px rgb(0 0 0 / .08)}.holiday-icon{font-size:56px;color:#f44336;margin-bottom:10px}.holiday-desc{font-size:14px;color:#555;margin-bottom:14px}.holiday-info{background:#f7f7f7;border-radius:14px;padding:14px;font-size:14px;margin-bottom:14px}.holiday-info p{margin:4px 0}.holiday-note{display:flex;gap:8px;align-items:flex-start;background:#fff8e1;border-radius:12px;padding:10px;font-size:13px;color:#f57c00;margin-bottom:18px}.holiday-note i{margin-top:2px}.holiday-action{display:flex;flex-direction:column;gap:10px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleUp{from{transform:scale(.9)}to{transform:scale(1)}}.auth-img{position:absolute;top:0;width:140px;z-index:1}.left-top{left:16px;top:16px;width:110px}.right-top{right:30px;width:80px;top:46px}@media (min-width:993px){.right-top{right:30px;width:9%;top:5%}.left-top{left:16px;top:15%;width:25%}.upload-section{padding:16px 30%}}.text-danger{color:#e53935}.text-success{color:#43a047}.progress-bar{background:#43a047;border-radius:6px;overflow:hidden;margin-top:6px;height:6px}small{font-size:10px}.back-button{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:12px;text-decoration:none;color:#2196f3;background:#eaf6ff}.privacy-info{margin:16px;padding:15px;display:flex;gap:12px;background:#eaf6ff;border-radius:16px}.privacy-info>i{font-size:25px;color:#2196f3}.privacy-info strong{font-size:14px}.privacy-info p{margin:5px 0 0;font-size:12px;line-height:1.5;color:#666}.privacy-section{margin:16px;background:#fff;border-radius:18px;padding:16px;box-shadow:0 3px 15px rgb(0 0 0 / .05)}.privacy-section h3{font-size:15px;margin:0 0 8px}.privacy-item{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #eee}.privacy-item:last-child{border-bottom:none}.privacy-item.no-border{border-bottom:none}.privacy-icon{min-width:40px;height:40px;border-radius:12px;background:#eaf6ff;color:#2196f3;display:flex;align-items:center;justify-content:center}.privacy-content{flex:1}.privacy-content strong{font-size:14px}.privacy-content p{margin:4px 0 0;color:#777;font-size:11px;line-height:1.5}.switch{position:relative;display:inline-block;width:45px;height:25px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#d5d5d5;border-radius:30px;cursor:pointer;transition:.25s}.slider:before{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.25s;box-shadow:0 2px 5px rgb(0 0 0 / .2)}.switch input:checked+.slider{background:#2196f3}.switch input:checked+.slider:before{transform:translateX(20px)}.privacy-action{width:100%;border:none;background:#fff0;display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #eee;font-size:14px;cursor:pointer}.privacy-action:last-child{border-bottom:none}.privacy-action div{display:flex;align-items:center;gap:12px}.privacy-action i{color:#2196f3}.privacy-toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);background:#222;color:#fff;padding:12px 18px;border-radius:30px;display:flex;align-items:center;gap:8px;font-size:12px;opacity:0;pointer-events:none;transition:.3s;z-index:9999}.privacy-toast i{color:#4caf50}.privacy-toast.show{opacity:1;transform:translate(-50%,0)}