@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body{font-family:sans-serif}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f2f8}.dashboard{max-width:1400px;margin:0 auto;padding:24px 32px;background:#f0f2f8}.dashboard-header{margin-bottom:32px}.dashboard-header h2{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px}.header-icon{font-size:28px;color:#3b82f6}.subtitle{color:#64748b;margin-top:8px;font-size:14px;font-weight:500}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.kpi-card{background:#fff;border-radius:24px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 20px #00000005,0 2px 4px #0000000d;transition:all .25s ease;border:1px solid rgba(0,0,0,.03)}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 20px 30px -12px #0000001a}.kpi-card.wide{grid-column:span 2}@media(max-width:768px){.kpi-card.wide{grid-column:span 1}}.kpi-icon{width:52px;height:52px;border-radius:28px;display:flex;align-items:center;justify-content:center;font-size:26px;background:#f1f5f9;color:#1e293b}.kpi-icon.blue{background:#e0f2fe;color:#0284c7}.kpi-icon.green{background:#dcfce7;color:#16a34a}.kpi-icon.orange{background:#ffedd5;color:#ea580c}.kpi-icon.red{background:#fee2e2;color:#dc2626}.kpi-icon.purple{background:#f3e8ff;color:#9333ea}.kpi-icon.indigo{background:#e0e7ff;color:#4f46e5}.kpi-icon.cyan{background:#cffafe;color:#0891b2}.kpi-info{flex:1}.kpi-info h3{font-size:14px;font-weight:500;color:#64748b;margin-bottom:6px}.kpi-value{font-size:32px;font-weight:700;color:#0f172a;line-height:1.2}.progress-badge{display:flex;gap:12px;margin-top:8px;font-size:12px;font-weight:500}.progress-badge .completed{background:#dcfce7;color:#15803d;padding:4px 10px;border-radius:30px}.progress-badge .pending{background:#ffedd5;color:#b45309;padding:4px 10px;border-radius:30px}.charts-row{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:40px}.chart-card{background:#fff;border-radius:28px;padding:20px;flex:1 1 300px;box-shadow:0 8px 20px #00000005;transition:all .2s;border:1px solid #eef2ff}.chart-card.wide{flex:2 1 500px}.chart-card h3{font-size:18px;font-weight:600;margin-bottom:16px;color:#1e293b;display:flex;align-items:center;gap:8px}.percent-labels{display:flex;justify-content:center;gap:24px;margin-top:16px;font-weight:500;font-size:14px}.percent-labels span:first-child{color:#3b82f6}.percent-labels span:last-child{color:#f97316}.category-section{background:#fff;border-radius:28px;padding:24px;margin-bottom:40px;box-shadow:0 8px 20px #00000005}.category-section h3{font-size:18px;font-weight:600;margin-bottom:20px;color:#1e293b}.category-bars{display:flex;flex-direction:column;gap:14px}.category-item{display:flex;align-items:center;gap:12px;font-size:14px}.category-item span:first-child{width:100px;font-weight:500;color:#334155}.bar-container{flex:1;background:#e2e8f0;border-radius:20px;height:8px;overflow:hidden}.bar-fill{height:100%;border-radius:20px;transition:width .4s ease}.count{width:40px;text-align:right;font-weight:600;color:#0f172a}.tables-grid{display:flex;flex-wrap:wrap;gap:24px;margin-top:8px}.table-card{background:#fff;border-radius:28px;padding:20px;flex:1 1 320px;box-shadow:0 8px 20px #00000005;transition:all .2s}.table-card h3{font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #eef2ff;color:#1e293b}.table-responsive{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 8px;text-align:left;border-bottom:1px solid #f1f5f9}th{font-weight:600;color:#475569;background:#f8fafc}td{color:#334155}.status-broken{color:#dc2626;font-weight:500}.status-pending{color:#f97316;font-weight:500}.status-completed{color:#10b981;font-weight:500}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:20px;color:#3b82f6;background:#f0f2f8}@media(max-width:768px){.dashboard{padding:16px}.kpi-value{font-size:24px}.chart-card,.table-card{padding:16px}.category-item span:first-child{width:80px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0px;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (max-width:480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.dark-mode-asset{background:#1a1a2e}.asset-management{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f4f6fb;min-height:100vh;padding:28px;transition:all .3s ease}.asset-management.dark{background:#16213e;color:#fff}.top-bar-asset{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px}.header-section h1{font-size:30px;font-weight:700;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;flex-wrap:wrap}.dark .header-section h1{background:linear-gradient(135deg,#a8b8ff,#c4a8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-icon{font-size:32px;color:#667eea;-webkit-text-fill-color:initial}.dark .header-icon{color:#a8b8ff}.btn-add{background:#2563eb;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-add:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.dark .btn-add{background:#3b82f6}.dark .btn-add:hover{background:#2563eb}.stats-section{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:28px}.stat-card:nth-child(1):before{background:linear-gradient(90deg,#667eea,#764ba2)}.stat-card:nth-child(2):before{background:var(--status-good)}.stat-card:nth-child(3):before{background:var(--status-maintenance)}.stat-card:nth-child(4):before{background:var(--status-broken)}.stat-card:nth-child(5):before{background:#9333ea}.stat-icon.blue{background:#e8f0fe;color:#2563eb}.stat-icon.green{background:var(--status-good-bg);color:var(--status-good)}.stat-icon.orange{background:var(--status-maintenance-bg);color:var(--status-maintenance)}.stat-icon.red{background:var(--status-broken-bg);color:var(--status-broken)}.stat-icon.purple{background:#f3e8ff;color:#9333ea}.dark .stat-icon.blue{background:#2563eb33;color:#90caf9}.dark .stat-icon.green{background:#10b98133;color:#6ee7b7}.dark .stat-icon.orange{background:#f59e0b33;color:#fcd34d}.dark .stat-icon.red{background:#ef444433;color:#fca5a5}.dark .stat-icon.purple{background:#9333ea33;color:#d8b4fe}.stat-value{display:block;font-size:22px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-filter-section{flex:1;display:flex;gap:16px;align-items:center;flex-wrap:wrap;min-width:300px}.search-box{flex:1;min-width:250px;position:relative}.search-box input{width:100%;padding:12px 16px 12px 44px;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;transition:all .2s;background:#fff}.dark .search-box input{background:#1f2a4a;border-color:#2d3748;color:#fff}.dark .search-box input::placeholder{color:#a0aec0}.search-box input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:18px}.btn-filter{background:#fff;border:1px solid #e2e8f0;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.dark .btn-filter{background:#1f2a4a;border-color:#2d3748;color:#fff}.btn-filter:hover{background:#f1f5f9}.dark .btn-filter:hover{background:#2d3748}.filter-panel{width:100%;padding:20px;background:#fff;border-radius:12px;border:1px solid #eef1f6;display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}.dark .filter-panel{background:#1f2a4a;border-color:#2d3748}.filter-panel select{flex:1;min-width:200px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff}.dark .filter-panel select{background:#16213e;border-color:#2d3748;color:#fff}.filter-panel select:focus{outline:none;border-color:#2563eb}.filter-panel input[type=date]{flex:1;min-width:160px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff}.dark .filter-panel input[type=date]{background:#16213e;border-color:#2d3748;color:#fff;color-scheme:dark}.filter-panel input[type=date]:focus{outline:none;border-color:#2563eb}.btn-clear{padding:10px 20px;background:#fff;border:1px solid #ef4444;border-radius:8px;color:#ef4444;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.dark .btn-clear{background:#1f2a4a;color:#fca5a5;border-color:#fca5a5}.btn-clear:hover{background:#ef4444;color:#fff}.dark .btn-clear:hover{background:#dc2626;color:#fff;border-color:#dc2626}.table-container{background:#fff;border-radius:16px;border:1px solid #eef1f6;margin-bottom:20px;overflow:auto;max-height:calc(100vh - 380px);min-height:400px;position:relative}@media(min-height:900px){.table-container{max-height:calc(100vh - 400px)}}@media(max-height:700px){.table-container{max-height:400px}}@media(max-height:600px){.table-container{max-height:320px}}.dark .table-container{background:#1f2a4a;border-color:#2d3748}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark .table-container::-webkit-scrollbar-track{background:#1f2a4a}.dark .table-container::-webkit-scrollbar-thumb{background:#2d3748}.dark .table-container::-webkit-scrollbar-thumb:hover{background:#4a5568}.asset-table{width:100%;border-collapse:collapse;min-width:800px}.asset-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10}.dark .asset-table thead{background:#16213e;border-bottom-color:#2d3748}.asset-table th{padding:14px 12px;text-align:left;font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:normal;word-wrap:break-word;word-break:break-word;background:#f8fafc}.dark .asset-table th{color:#a0aec0;background:#16213e}.asset-table td{padding:14px 12px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#1e293b;white-space:normal;word-wrap:break-word;word-break:break-word;vertical-align:middle}.dark .asset-table td{color:#e2e8f0;border-bottom-color:#2d3748}.asset-table th:nth-child(1),.asset-table td:nth-child(1){min-width:70px;max-width:90px}.asset-table th:nth-child(2),.asset-table td:nth-child(2){min-width:70px;max-width:90px;text-align:center}.asset-table th:nth-child(3),.asset-table td:nth-child(3){min-width:150px;max-width:220px}.asset-table th:nth-child(4),.asset-table td:nth-child(4){min-width:110px;max-width:150px}.asset-table th:nth-child(5),.asset-table td:nth-child(5){min-width:110px;max-width:170px}.asset-table th:nth-child(6),.asset-table td:nth-child(6){min-width:90px;max-width:140px}.asset-table th:nth-child(7),.asset-table td:nth-child(7){min-width:100px;max-width:120px}.asset-table th:nth-child(8),.asset-table td:nth-child(8){min-width:110px;max-width:130px}.asset-table th:nth-child(9),.asset-table td:nth-child(9){min-width:140px;max-width:180px}.asset-table tbody tr{transition:.2s}.asset-table tbody tr:hover{background:#f8fafc}.dark .asset-table tbody tr:hover{background:#16213e}.asset-table .code{font-weight:600;color:#2563eb;font-family:monospace}.dark .asset-table .code{color:#90caf9}.asset-table td img{width:50px;height:50px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;transition:transform .2s ease}.asset-table td img:hover{transform:scale(1.5);cursor:pointer;box-shadow:0 4px 12px #00000026;z-index:10;position:relative}.dark .asset-table td img{border-color:#2d3748;background:#16213e}.status-badge{display:inline-block;padding:5px 12px;border-radius:30px;font-size:12px;font-weight:500;text-align:center;white-space:nowrap;min-width:90px}.action-buttons{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start}.action-buttons button{width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;background:#f1f5f9;color:#475569;flex-shrink:0}.dark .action-buttons button{background:#16213e;color:#e2e8f0}.action-buttons button:hover{transform:translateY(-2px)}.action-buttons button:hover:nth-child(1){background:#2563eb;color:#fff}.action-buttons button:hover:nth-child(2){background:#eab308;color:#fff}.action-buttons button:hover:nth-child(3){background:#dc2626;color:#fff}.action-buttons button:hover:nth-child(4){background:#8b5cf6;color:#fff}.pagination{padding:16px 20px;display:flex;align-items:center;gap:8px;justify-content:flex-end;background:#fff;border-top:1px solid #eef1f6;flex-wrap:wrap}.page-btn{min-width:36px;height:36px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s;color:#475569;display:flex;align-items:center;justify-content:center}.dark .page-btn{background:#16213e;border-color:#2d3748;color:#e2e8f0}.page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.dark .page-btn:hover:not(:disabled){background:#2d3748;border-color:#4a5568}.page-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{margin-left:16px;font-size:14px;color:#64748b;white-space:nowrap}.dark .page-info{color:#a0aec0}.empty-state{text-align:center;padding:40px}.empty-icon{font-size:48px;display:block;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:18px;color:#475569;margin-bottom:16px}.dark .empty-state h3{color:#e2e8f0}.empty-state .btn-add{display:inline-flex;margin-top:8px}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:20px}.dark .modal-overlay{background:#000000b3}.modal{background:#fff;border-radius:24px;width:100%;max-width:550px;max-height:85vh;overflow-y:auto;animation:slideIn .3s ease;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column}.dark .modal{background:#1f2a4a;box-shadow:0 25px 50px -12px #00000080}@keyframes slideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.detail-modal{max-width:650px}.modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark .modal::-webkit-scrollbar-track{background:#1f2a4a}.dark .modal::-webkit-scrollbar-thumb{background:#2d3748}.dark .modal::-webkit-scrollbar-thumb:hover{background:#4a5568}.modal-header{padding:20px 24px;border-bottom:1px solid #eef1f6;display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border-radius:24px 24px 0 0;position:sticky;top:0;z-index:20;flex-shrink:0}.dark .modal-header{background:#16213e;border-bottom-color:#2d3748}.modal-header h2{font-size:20px;font-weight:600;color:#0f172a;margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dark .modal-header h2{color:#fff}.modal-close{width:36px;height:36px;border:none;background:#fff;border-radius:10px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s;flex-shrink:0}.dark .modal-close{background:#1f2a4a;color:#e2e8f0}.modal-close:hover{background:#fee2e2;color:#dc2626;transform:rotate(90deg)}.modal-body{padding:24px;flex:1;overflow-y:auto}.modal-footer{padding:16px 24px;border-top:1px solid #eef1f6;display:flex;gap:12px;justify-content:flex-end;position:sticky;bottom:0;background:#fff;z-index:20;flex-shrink:0}.dark .modal-footer{background:#1f2a4a;border-top-color:#2d3748}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:8px}.required{color:#dc2626;margin-left:2px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;transition:all .2s;font-family:inherit}.dark .form-group input,.dark .form-group select,.dark .form-group textarea{background:#16213e;border-color:#2d3748;color:#fff}.dark .form-group input::placeholder,.dark .form-group select::placeholder,.dark .form-group textarea::placeholder{color:#a0aec0}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{resize:vertical;min-height:80px;max-height:150px}.btn-save,.btn-edit{padding:12px 24px;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-save{background:#2563eb;color:#fff}.btn-save:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.btn-edit{background:#eab308;color:#fff}.btn-edit:hover{background:#ca8a04;transform:translateY(-1px);box-shadow:0 4px 12px #eab30833}.btn-cancel{padding:12px 24px;border:1px solid #e2e8f0;background:#fff;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.dark .btn-cancel{background:#16213e;border-color:#2d3748;color:#fff}.btn-cancel:hover{background:#f1f5f9}.dark .btn-cancel:hover{background:#2d3748}.detail-info{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px dashed #e2e8f0}.dark .detail-row{border-bottom-color:#2d3748}.detail-row:last-child{border-bottom:none}.detail-label{min-width:110px;font-size:14px;font-weight:600;color:#64748b;flex-shrink:0}.dark .detail-label{color:#a0aec0}.detail-value{flex:1;font-size:14px;color:#0f172a;word-break:break-word;white-space:normal}.dark .detail-value{color:#e2e8f0}.detail-value.code{font-family:monospace;font-weight:600;color:#2563eb}.dark .detail-value.code{color:#90caf9}.detail-value.price{font-weight:600;color:#16a34a}.dark .detail-value.price{color:#6ee7b7}.detail-value.total{font-weight:600;color:#eab308}.dark .detail-value.total{color:#fcd34d}.maintenance-info{background:#f8fafc;padding:16px;border-radius:12px;margin-bottom:20px}.dark .maintenance-info{background:#16213e}.maintenance-info p{margin:8px 0;display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap}.maintenance-info strong{min-width:120px;color:#475569}.dark .maintenance-info strong{color:#a0aec0}.modal-overlay .modal-header h2:before{content:"📄";font-size:24px;margin-right:8px}.modal-overlay .modal-body select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px}.dark .modal-overlay .modal-body select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0aec0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")}@media(min-width:1400px){.asset-management{padding:32px 40px}.stats-section{gap:24px}.stat-card{padding:24px}.stat-icon{width:60px;height:60px;font-size:28px}.stat-value{font-size:26px}.table-container{max-height:calc(100vh - 420px)}}@media(max-width:1399px)and (min-width:1200px){.stats-section{grid-template-columns:repeat(5,1fr);gap:16px}.stat-card{padding:16px}.stat-icon{width:45px;height:45px;font-size:22px}.stat-value{font-size:20px}}@media(max-width:1199px){.stats-section{grid-template-columns:repeat(3,1fr);gap:16px}.asset-management{padding:24px}.header-section h1{font-size:26px}.btn-add{padding:10px 20px;font-size:14px}.table-container{max-height:calc(100vh - 400px)}}@media(max-width:991px){.asset-management{padding:20px}.top-bar-asset{flex-direction:column;align-items:flex-start;gap:16px}.top-bar-actions{width:100%;justify-content:space-between}.header-section{flex-direction:column;align-items:flex-start;gap:16px}.header-section h1{font-size:24px}.btn-add{width:100%;justify-content:center}.stats-section{grid-template-columns:repeat(2,1fr);gap:12px}.action-bar{flex-direction:column;align-items:stretch}.search-filter-section{width:100%;flex-direction:column;align-items:stretch;min-width:auto}.search-box{width:100%;min-width:auto}.btn-filter{width:100%;justify-content:center}.filter-panel{flex-direction:column}.filter-panel select,.btn-clear{width:100%}.right-actions{width:100%;flex-direction:column;gap:12px}.export-group{width:100%;flex-direction:row}.btn-export{flex:1;justify-content:center;padding:10px 16px;font-size:13px}.pagination{justify-content:center}.page-info{width:100%;text-align:center;margin:8px 0 0}.modal{width:95%;max-width:500px}.form-row{grid-template-columns:1fr;gap:12px}.table-container{max-height:calc(100vh - 420px);min-height:350px}.asset-table th,.asset-table td{padding:10px 8px;font-size:13px}.asset-table td img{width:40px;height:40px}.action-buttons button{width:28px;height:28px;font-size:12px}}@media(max-width:767px){.asset-management{padding:16px}.top-bar-actions{flex-wrap:wrap;justify-content:center;gap:12px}.user-profile{width:100%;justify-content:center}.language-select,.language-select select{width:100%}.stats-section{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.stat-icon{width:40px;height:40px;font-size:20px}.stat-value{font-size:20px}.export-group{flex-direction:column}.btn-export{width:100%}.table-container{margin:0 -16px;border-radius:0;width:calc(100% + 32px);max-height:calc(100vh - 380px)}.asset-table{min-width:700px}.asset-table th,.asset-table td{padding:8px 6px;font-size:12px}.asset-table td img{width:35px;height:35px}.status-badge{padding:3px 8px;font-size:10px;min-width:70px}.action-buttons button{width:26px;height:26px;font-size:11px}.pagination{gap:4px}.page-btn{min-width:32px;height:32px;font-size:12px}.modal{width:100%;max-height:85vh}.modal-header{padding:16px 20px}.modal-header h2{font-size:18px}.modal-body{padding:20px}.modal-footer{padding:16px 20px;flex-direction:column}.modal-footer button{width:100%}.detail-row{flex-direction:column;gap:4px}.detail-label{min-width:auto}.action-buttons{gap:4px}.maintenance-info p{flex-direction:column;align-items:flex-start}.maintenance-info strong{min-width:auto}}@media(max-width:575px){.asset-management{padding:12px}.header-section h1{font-size:22px;gap:8px}.header-icon{font-size:28px}.btn-add{padding:10px 16px;font-size:14px}.stat-card{padding:14px}.stat-icon{width:36px;height:36px;font-size:18px}.stat-value{font-size:18px}.search-box input{padding:10px 12px 10px 40px;font-size:13px}.search-icon{left:12px;font-size:16px}.btn-filter{padding:10px 16px;font-size:13px}.filter-panel{padding:16px}.filter-panel select{padding:8px 10px;font-size:13px}.btn-clear{padding:8px 16px;font-size:13px}.btn-export{padding:8px 16px;font-size:12px}.table-container{max-height:calc(100vh - 360px);min-height:280px}.asset-table{min-width:600px}.asset-table th,.asset-table td{padding:6px 4px;font-size:11px}.asset-table td img{width:30px;height:30px}.status-badge{padding:2px 6px;font-size:9px;min-width:60px}.action-buttons{gap:3px}.action-buttons button{width:24px;height:24px;font-size:10px}.pagination{gap:2px}.page-btn{min-width:28px;height:28px;font-size:11px}.page-info{font-size:12px}.loading-cell,.empty-cell{padding:40px!important}.spinner{width:32px;height:32px}.empty-icon{font-size:40px}.empty-state h3{font-size:16px}.modal{max-height:90vh}.modal-header{padding:14px 16px}.modal-header h2{font-size:16px}.modal-close{width:32px;height:32px;font-size:20px}.modal-body{padding:16px}.form-group{margin-bottom:14px}.form-group label{font-size:12px;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{padding:8px 10px;font-size:12px}.btn-save,.btn-edit,.btn-cancel{padding:8px 16px;font-size:13px}.detail-label,.detail-value{font-size:13px}}@media(max-height:600px)and (orientation:landscape){.table-container{max-height:280px}.modal{max-height:90vh}.modal-body{max-height:50vh;overflow-y:auto}.form-row{grid-template-columns:1fr 1fr}}@media print{.top-bar-asset,.action-bar,.btn-add,.btn-filter,.export-group,.pagination,.modal-overlay{display:none!important}.asset-management{padding:0;background:#fff}.table-container{border:none;box-shadow:none;overflow:visible;max-height:none}.asset-table{min-width:auto}.asset-table th,.asset-table td{color:#000!important;border-color:#ddd!important;white-space:normal;word-break:break-word}.status-badge{border:1px solid #999!important;background:none!important;color:#000!important}}.receiver-select-wrapper{position:relative;width:100%}.receiver-select{width:100%;padding:12px 40px 12px 16px;border-radius:10px;border:1px solid #e2e8f0;font-size:14px;font-family:inherit;background:#fff;cursor:pointer;transition:all .2s ease;color:#1f2937;appearance:none;-webkit-appearance:none;-moz-appearance:none}.dark .receiver-select{background:#16213e;border-color:#2d3748;color:#e2e8f0}.receiver-select:hover{border-color:#667eea}.receiver-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.receiver-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:18px;opacity:.6}.dark .receiver-icon{opacity:.8}.required-icon{margin-right:4px;font-size:14px}.form-hint{display:block;margin-top:6px;font-size:12px;color:#64748b;font-style:italic}.dark .form-hint{color:#a0aec0}.receiver-select option{padding:10px;background:#fff;color:#1f2937}.dark .receiver-select option{background:#1f2a4a;color:#e2e8f0}@media(max-width:768px){.receiver-select{padding:10px 36px 10px 14px;font-size:13px}.receiver-icon{font-size:16px;right:10px}.form-hint{font-size:11px}}@media(max-width:480px){.receiver-select{padding:8px 32px 8px 12px;font-size:12px}.receiver-icon{font-size:14px;right:8px}.form-hint{font-size:10px}}.sidebar{width:250px;background:#1e293b;color:#fff;display:flex;flex-direction:column;padding:20px 0}.logo{text-align:center;margin-bottom:30px}.logo h2{font-size:20px}.nav-menu{display:flex;flex-direction:column;flex:1}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#cbd5f5;text-decoration:none;transition:.2s}.nav-item:hover{background:#334155;color:#fff}.nav-item.active{background:#3b82f6;color:#fff}.nav-icon{margin-right:10px}.sidebar-footer{padding:20px}.logout-btn{width:100%;padding:10px;border:none;background:#ef4444;color:#fff;cursor:pointer;border-radius:5px}.badge{position:absolute;top:-6px;right:-18px;background:red;color:#fff;font-size:11px;padding:3px 6px;border-radius:50%;font-weight:700}.admin-container{display:flex;flex-direction:column;min-height:100vh}.header{position:static}.admin-body{padding-top:16px;display:flex;max-height:90vh;overflow:hidden}.admin-content{flex:1;padding:16px;overflow-y:auto}.admin-body>div:first-child{width:250px}.app-header{font-family:Inter,sans-serif;background:linear-gradient(135deg,#1b4f66,#1e5a72);position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;height:100px;box-shadow:0 2px 12px #1b4f664d;isolation:isolate}.app-header .header-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;height:100%;justify-content:space-between}.app-header .logo{display:flex;align-items:center;gap:16px;flex-shrink:0;cursor:pointer;margin-top:20px}.app-header .logo:hover{opacity:.9}.app-header .logo-icon img{height:82px;width:auto;border-radius:8px;box-shadow:0 2px 8px #00000026}.app-header .logo-text{display:flex;flex-direction:column;line-height:1.1}.app-header .logo-title{font-size:24px;font-weight:700;color:#fff;letter-spacing:-.3px}.app-header .logo-sub{font-size:13px;font-weight:500;color:#ffffffe6;text-transform:uppercase;letter-spacing:.8px}.app-header .nav-menu{align-items:center;flex:1;display:flex;justify-content:center}.app-header .nav-list{display:flex;list-style:none;gap:40px;margin:0;padding:0}.app-header .nav-link{position:relative;padding:12px 8px 8px;font-size:16px;font-weight:500;color:#ffffffeb;cursor:pointer;transition:all .2s ease}.app-header .nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%);border-radius:2px}.app-header .nav-link:hover,.app-header .nav-link.active{color:#fff}.app-header .nav-link:hover:after,.app-header .nav-link.active:after{width:100%}.app-header .right-group{display:flex;align-items:center;gap:12px;flex-shrink:0}.app-header .header-btn{position:relative;width:44px;height:44px;border-radius:50%;background:#ffffff1f;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease;text-decoration:none;border:1px solid rgba(255,255,255,.1);cursor:pointer}.app-header .header-btn:hover{background:#ffffff38;transform:scale(1.05);border-color:#ffffff4d}.app-header .notification-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #ef444466}.app-header .profile-avatar{width:44px;height:44px;border-radius:50%;background:#ffffff1f;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.1)}.app-header .profile-avatar:hover{background:#ffffff38;transform:scale(1.05);border-color:#ffffff4d}.app-header .avatar-svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.5}.app-header .mobile-toggle{display:none;background:#ffffff1f;border:1px solid rgba(255,255,255,.1);font-size:22px;color:#fff;padding:10px;border-radius:8px;cursor:pointer;transition:all .2s ease}.app-header .mobile-toggle:hover{background:#ffffff38;border-color:#ffffff4d}@media(max-width:1100px){.app-header .nav-list{gap:28px}}@media(max-width:768px){.app-header{height:70px}.app-header .mobile-toggle{display:flex}.app-header .nav-menu{position:fixed;top:70px;left:0;width:100%;background:#1b4f66;padding:1.5rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 4px 20px #1b4f664d}.app-header .nav-menu.open{transform:translateY(0);opacity:1;visibility:visible}.app-header .nav-list{flex-direction:column;gap:16px}.app-header .nav-link{padding:16px 0;font-size:18px;text-align:center}.app-header .logo-text,.app-header .right-group .header-btn{display:none}}@media(max-width:480px){.app-header .header-container{padding:0 1rem}}.app-footer{font-family:Inter,sans-serif;background:#1b4f66;color:#ffffffe6}.app-footer .footer-container{max-width:1400px;margin:0 auto;padding:3rem 2rem 2rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}.app-footer .footer-section h3,.app-footer .footer-section h4{color:#fff;font-size:18px;font-weight:700;margin-bottom:1rem;letter-spacing:.5px}.app-footer .footer-section ul{list-style:none}.app-footer .footer-section ul li{margin-bottom:.75rem;opacity:.85;transition:opacity .2s ease}.app-footer .footer-section ul li:hover{opacity:1}.app-footer .footer-section a{color:inherit;text-decoration:none;transition:color .2s ease}.app-footer .footer-section a:hover{color:#fff}.app-footer .footer-logo{display:flex;align-items:flex-start;gap:12px;margin-bottom:1rem}.app-footer .logo-icon{width:48px;height:48px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.app-footer .footer-desc{line-height:1.6;opacity:.8;font-size:14px;max-width:280px}.app-footer .footer-bottom{background:#0000001a;text-align:center;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.app-footer .footer-bottom p{margin:0;font-size:14px;opacity:.8}@media(max-width:1024px){.app-footer .footer-container{grid-template-columns:1fr 1fr;gap:2rem;padding:2rem 1.5rem}}@media(max-width:768px){.app-footer{margin-top:40px}.app-footer .footer-container{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem}.app-footer .footer-logo{flex-direction:column;text-align:center;gap:8px}.app-footer .footer-desc{max-width:none;text-align:center}}@media(max-width:480px){.app-footer .footer-container{padding:1.5rem 1rem}.app-footer .footer-section h3,.app-footer .footer-section h4{font-size:16px}}.chatbot-float-button{position:fixed;bottom:20px;right:20px;width:70px;height:70px;background:linear-gradient(135deg,#667eea,#00c6ff,#781852);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;transition:all .3s ease;z-index:1000}.chatbot-float-button:hover{transform:scale(1.05);box-shadow:0 6px 16px #00000040}.chatbot-icon{width:65px;height:65px;border-radius:56px;object-fit:cover}.chatbot-modal{position:fixed;bottom:90px;right:20px;width:700px;height:600px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;overflow:hidden;z-index:1001;animation:fadeInUp .2s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{background:linear-gradient(135deg,#0078ff,#00c6ff);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2)}.chatbot-header h3{margin:0;font-size:1.1rem;font-weight:600}.chatbot-header button{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer;padding:0;line-height:1;opacity:.8;transition:opacity .2s}.chatbot-header button:hover{opacity:1}.chatbot-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:#f8f9fa}.chatbot-message{display:flex;flex-direction:column;max-width:85%}.chatbot-message.user{align-self:flex-end}.chatbot-message.bot{align-self:flex-start}.message-bubble{padding:8px 12px;border-radius:18px;font-size:.9rem;line-height:1.4;word-wrap:break-word}.chatbot-message.user .message-bubble{background:#0078ff;color:#fff;border-bottom-right-radius:4px}.chatbot-message.bot .message-bubble{background:#fff;color:#1a1a1a;border:1px solid #e0e0e0;border-bottom-left-radius:4px}.chatbot-message.error .message-bubble{background:#ffe6e6;color:#d32f2f;border:1px solid #ffcdd2}.typing-bubble{display:flex!important;align-items:center;gap:8px;padding:8px 16px!important}.typing-indicator{display:inline-flex;align-items:center;gap:6px}.typing-indicator span{width:8px;height:8px;background:#888;border-radius:50%;display:inline-block;animation:wave 1.2s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes wave{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.typing-text{font-size:.85rem;color:#6c757d;font-style:italic;display:inline-block;animation:bounceText .8s infinite ease-in-out}@keyframes bounceText{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.chatbot-input-area{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-top:1px solid #e9ecef;box-shadow:0 -2px 8px #00000005}.chatbot-input-area input{flex:1;padding:10px 14px;border:1px solid #dee2e6;border-radius:24px;font-size:.9rem;font-family:inherit;background:#fff;transition:all .2s ease;outline:none;line-height:1.4}.chatbot-input-area input:focus{border-color:#0078ff;box-shadow:0 0 0 3px #0078ff1a}.chatbot-input-area input::placeholder{color:#adb5bd;font-size:.85rem}.chatbot-input-area button{background:linear-gradient(135deg,#0078ff,#00a6ff);border:none;border-radius:40px;padding:8px 20px;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 1px 2px #0000000d}.chatbot-input-area button:hover:not(:disabled){background:linear-gradient(135deg,#06d,#0090e0);transform:translateY(-1px);box-shadow:0 2px 6px #0078ff4d}.chatbot-input-area button:active:not(:disabled){transform:translateY(1px)}.chatbot-input-area button:disabled{background:#c0c4c8;cursor:not-allowed;opacity:.7;transform:none}@media(max-width:480px){.chatbot-modal{width:calc(100% - 40px);right:20px;left:20px;bottom:80px;height:60vh}.chatbot-input-area{padding:10px 12px}.chatbot-input-area input{padding:8px 12px;font-size:.85rem}.chatbot-input-area button{padding:6px 16px;font-size:.8rem}}body.dark-mode-category{background:#1a1a2e}.category-management-white{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f4f6fb;min-height:100vh;padding:28px;transition:all .3s ease}.category-management-white.dark{background:#16213e;color:#fff}.top-bar-category{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-title h1{font-size:30px;font-weight:700;color:#1e293b;margin-bottom:10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-add-white{background:#2563eb;border:none;padding:12px 20px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:.2s}.btn-add-white:hover{background:#1e40af;transform:translateY(-1px)}.category-table-white{width:100%;border-collapse:collapse}.category-table-white th{background:#f8fafc;padding:16px;font-size:13px;font-weight:600;color:#475569;text-align:left;border-bottom:1px solid #e2e8f0}.dark .category-table-white th{background:#16213e;color:#a0aec0;border-bottom-color:#2d3748}.category-table-white td{padding:16px;font-size:14px;border-bottom:1px solid #f1f5f9}.dark .category-table-white td{color:#e2e8f0;border-bottom-color:#2d3748}.category-table-white tbody tr{transition:.2s}.category-table-white tbody tr:hover{background:#f8fafc}.dark .category-table-white tbody tr:hover{background:#16213e}.btn-icon{border:none;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;margin-right:6px;transition:.2s}.btn-icon.edit{background:#dbeafe;color:#2563eb}.btn-icon.edit:hover,.dark .btn-icon.edit:hover{background:#2563eb;color:#fff}.btn-icon.delete{background:#fee2e2;color:#dc2626}.modal-overlay-white{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000}.dark .modal-overlay-white{background:#000000b3}.modal-white{background:#fff;padding:28px;border-radius:16px;width:100%;max-width:420px;animation:fadeIn .25s ease;box-shadow:0 15px 40px #00000026}.dark .modal-white{background:#1f2a4a;box-shadow:0 15px 40px #0000004d}.modal-white h2{margin-bottom:18px;font-size:20px;font-weight:600}.dark .modal-white h2{color:#fff}.modal-white form{display:flex;flex-direction:column;gap:14px}.modal-white input,.modal-white textarea{padding:12px;border-radius:10px;border:1px solid #e2e8f0;font-size:14px;transition:.2s}.dark .modal-white input,.dark .modal-white textarea{background:#16213e;border-color:#2d3748;color:#fff}.dark .modal-white input::placeholder,.dark .modal-white textarea::placeholder{color:#a0aec0}.modal-white input:focus,.modal-white textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-white textarea{min-height:90px;resize:none}.modal-white button{border:none;padding:12px;border-radius:10px;font-weight:600;cursor:pointer;transition:.2s}.modal-white button[type=submit]{background:#2563eb;color:#fff}.modal-white button[type=submit]:hover{background:#1e40af}.modal-white button[type=button]{background:#e2e8f0}.dark .modal-white button[type=button]{background:#2d3748;color:#fff}.modal-white button[type=button]:hover{background:#cbd5e1}.dark .modal-white button[type=button]:hover{background:#4a5568}.modal-white strong{display:block;margin:12px 0;font-size:16px;color:#2563eb}.dark .modal-white strong{color:#90caf9}.modal-white div{display:flex;gap:10px;margin-top:16px}.modal-white div button{flex:1}.modal-white div button:last-child{background:#dc2626;color:#fff}.modal-white div button:last-child:hover{background:#b91c1c}@media(max-width:900px){.stats-container{grid-template-columns:repeat(2,1fr)}.top-bar-category{flex-direction:column;align-items:flex-start;gap:16px}}@media(max-width:600px){.stats-container{grid-template-columns:1fr}.action-bar{flex-direction:column;align-items:stretch}.btn-add-white{width:100%}.right-actions{flex-direction:column}.export-group{width:100%}.btn-export{flex:1}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary: #667eea;--primary-dark: #5a67d8;--secondary: #764ba2;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--dark: #1a1a2e;--light: #f8fafc;--gray: #64748b;--border: #e2e8f0}body.dark-mode-room{background:#1a1a2e}.room-management{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f4f6fb;min-height:100vh;padding:28px;transition:all .3s ease}.room-management.dark{background:#16213e;color:#fff}.top-bar-room{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.top-bar-actions{display:flex;align-items:center;gap:20px}.header-title h1{font-size:30px;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-card{background:#fff;border-radius:14px;padding:22px;border:1px solid #eef1f6;transition:.25s;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.stat-label{display:block;font-size:14px;color:#64748b}.stat-value{display:block;font-size:26px;font-weight:700;color:#0f172a;margin-top:4px}.stat-trend{font-size:12px;font-weight:500;color:var(--success);margin-top:4px;display:inline-block}.stat-trend.negative{color:var(--danger)}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.search-wrapper{flex:1}.search-input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid #e2e8f0;font-size:14px;transition:.2s}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.btn-add-room{background:#2563eb;border:none;padding:12px 20px;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:.2s}.btn-add-room:hover{background:#1e40af;transform:translateY(-1px)}.right-actions{display:flex;align-items:center;gap:12px}.export-group{display:flex;gap:8px}.btn-export{border:none;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s}.btn-export.excel{background:#ecfdf5;color:#16a34a}.dark .btn-export.excel{background:#16a34a33;color:#86efac}.btn-export.excel:hover{background:#16a34a;color:#fff}.btn-export.pdf{background:#fef2f2;color:#dc2626}.dark .btn-export.pdf{background:#dc262633;color:#fca5a5}.btn-export.pdf:hover{background:#dc2626;color:#fff}.table-wrapper{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #eef1f6}.room-table{width:100%;border-collapse:collapse}.room-table th{background:#f8fafc;padding:16px;font-size:13px;font-weight:600;color:#475569;text-align:left;border-bottom:1px solid #e2e8f0}.dark .room-table th{background:#16213e;color:#a0aec0;border-bottom-color:#2d3748}.room-table td{padding:16px;font-size:14px;border-bottom:1px solid #f1f5f9}.dark .room-table td{color:#e2e8f0;border-bottom-color:#2d3748}.room-table tbody tr{transition:.2s}.room-table tbody tr:hover{background:#f8fafc}.dark .room-table tbody tr:hover{background:#16213e}.code-badge{background:#e2e8f0;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;color:#1e293b}.room-name{display:flex;align-items:center;gap:8px}.room-name i{color:#667eea;font-size:16px}.dark .room-name i{color:#a8b8ff}.description{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#64748b}.dark .description{color:#a0aec0}.action-buttons{display:flex;gap:8px;align-items:center}.btn-icon{border:none;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.btn-icon.view{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:1px 35px;border-radius:8px;font-size:13px;font-weight:500;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn-icon.view:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.btn-icon.edit{background:#dbeafe;color:#2563eb;padding:6px 20px}.dark .btn-icon.edit{background:#2563eb33;color:#90caf9}.btn-icon.edit:hover{background:#2563eb;color:#fff}.btn-icon.delete{background:#fee2e2;color:#dc2626;padding:6px 20px}.dark .btn-icon.delete{background:#dc262633;color:#fca5a5}.btn-icon.delete:hover{background:#dc2626;color:#fff}.table-footer{margin-top:16px;padding:14px 18px;background:#fff;border-radius:10px;border:1px solid #eef1f6;font-size:14px}.modal-overlay-room{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000}.dark .modal-overlay-room{background:#000000b3}.modal-room{background:#fff;padding:28px;border-radius:16px;width:100%;max-width:420px;animation:fadeIn .25s ease;box-shadow:0 15px 40px #00000026}.dark .modal-room{background:#1f2a4a;box-shadow:0 15px 40px #0000004d}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-room h2{margin-bottom:18px;font-size:20px;font-weight:600}.dark .modal-room h2{color:#fff}.modal-room form{display:flex;flex-direction:column;gap:14px}.modal-room input,.modal-room textarea{padding:12px;border-radius:10px;border:1px solid #e2e8f0;font-size:14px;transition:.2s}.dark .modal-room input,.dark .modal-room textarea{background:#16213e;border-color:#2d3748;color:#fff}.dark .modal-room input::placeholder,.dark .modal-room textarea::placeholder{color:#a0aec0}.modal-room input:focus,.modal-room textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-room textarea{min-height:90px;resize:none}.modal-room button{border:none;padding:12px;border-radius:10px;font-weight:600;cursor:pointer;transition:.2s}.modal-room button[type=submit]{background:#2563eb;color:#fff}.modal-room button[type=submit]:hover{background:#1e40af}.modal-room button[type=button]{background:#e2e8f0}.dark .modal-room button[type=button]{background:#2d3748;color:#fff}.modal-room button[type=button]:hover{background:#cbd5e1}.dark .modal-room button[type=button]:hover{background:#4a5568}.detail-modal{max-width:1100px;width:95%;padding:0;overflow:hidden}.detail-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 28px;color:#fff}.detail-header h2{margin:0;font-size:22px;font-weight:600;display:flex;align-items:center;gap:10px}.detail-header h2 i{color:#fff;font-size:24px}.detail-header .room-title{font-size:18px;margin-top:8px;opacity:.9}.detail-table-container{padding:20px;border-radius:12px;overflow:hidden}.dark .detail-table-container{background:#1f2a4a}.detail-table-container{overflow-x:auto}.detail-info-table{width:100%;min-width:900px;border-collapse:collapse;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.detail-info-table th{background:#f1f5f9;padding:10px 8px;font-size:12px;font-weight:600;color:#475569;text-align:center;border-bottom:2px solid #e2e8f0;white-space:nowrap}.dark .detail-info-table th{background:#16213e;color:#a0aec0;border-bottom-color:#2d3748}.detail-info-table tr{border-bottom:1px solid #eef1f6}.dark .detail-info-table tr{border-bottom-color:#2d3748}.detail-info-table tr:last-child{border-bottom:none}.detail-info-table td{padding:14px 16px;font-size:15px}.detail-info-table td:first-child{width:140px;background:#f8fafc;font-weight:600;color:#475569;border-right:1px solid #eef1f6}.dark .detail-info-table td:first-child{background:#16213e;color:#a0aec0;border-right-color:#2d3748}.detail-info-table td:last-child{color:#1e293b;font-weight:500}.dark .detail-info-table td:last-child{color:#e2e8f0}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#ecfdf5;border-radius:30px;color:#10b981;font-weight:600}.dark .status-badge{background:#10b98133;color:#6ee7b7}.status-badge .status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}.additional-info{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid #eef1f6}.dark .additional-info{border-top-color:#2d3748}.info-card{background:#f8fafc;border-radius:12px;padding:16px;text-align:center;transition:.2s}.dark .info-card{background:#16213e}.info-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.info-card i{font-size:24px;color:#667eea;margin-bottom:8px}.dark .info-card i{color:#a8b8ff}.info-card .info-label{display:block;font-size:13px;color:#64748b;margin-bottom:4px}.dark .info-card .info-label{color:#a0aec0}.info-card .info-value{display:block;font-size:18px;font-weight:700;color:#1e293b}.dark .info-card .info-value{color:#fff}.detail-actions{padding:20px 28px;border-top:1px solid #eef1f6;display:flex;justify-content:flex-end;background:#f8fafc}.dark .detail-actions{border-top-color:#2d3748;background:#16213e}.btn-close-detail{background:#e2e8f0;border:none;padding:12px 32px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:.2s;color:#475569}.btn-close-detail:hover{background:#cbd5e1;transform:translateY(-1px)}.dark .btn-close-detail{background:#2d3748;color:#fff}.dark .btn-close-detail:hover{background:#4a5568}.modal-room strong{display:block;margin:12px 0;font-size:16px;color:#2563eb}.dark .modal-room strong{color:#90caf9}.modal-room .modal-actions{display:flex;gap:10px;margin-top:16px}.modal-room .modal-actions button{flex:1}.modal-room .modal-actions button:last-child{background:#dc2626;color:#fff}.modal-room .modal-actions button:last-child:hover{background:#b91c1c}@media(max-width:900px){.stats-container{grid-template-columns:repeat(2,1fr)}.top-bar-room{flex-direction:column;align-items:flex-start;gap:16px}}@media(max-width:768px){.action-buttons{flex-wrap:wrap;gap:4px}.btn-icon{padding:4px 8px;font-size:12px}.detail-info-table td:first-child{width:100px}.additional-info{grid-template-columns:1fr}}@media(max-width:600px){.stats-container{grid-template-columns:1fr}.action-bar{flex-direction:column;align-items:stretch}.btn-add-room{width:100%}.right-actions{flex-direction:column;width:100%}.export-group{width:100%;flex-direction:column}.btn-export{width:100%;justify-content:center}.action-buttons{flex-direction:row;flex-wrap:wrap}.btn-icon.view,.btn-icon.edit,.btn-icon.delete{flex:1;margin-right:0;justify-content:center}.detail-modal{margin:16px}.detail-header{padding:16px 20px}.detail-table{width:100%;border-collapse:collapse;margin-top:16px;border-radius:12px;overflow:hidden}.detail-table-container{padding:16px 20px}.detail-info-table td{padding:12px}.detail-info-table td:first-child{width:90px}.detail-actions{padding:16px 20px}.btn-close-detail{width:100%}}@media(max-width:400px){.room-management{padding:16px}.header-title h1{font-size:24px}.stat-card{padding:16px}.stat-value{font-size:22px}.table-footer{padding:12px;font-size:13px;text-align:center}.action-buttons{flex-direction:column}.btn-icon.view,.btn-icon.edit,.btn-icon.delete{width:100%}}:root{--primary: #667eea;--primary-dark: #5a67d8;--secondary: #764ba2;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--dark: #1a1a2e;--light: #f8fafc;--gray: #64748b;--border: #e2e8f0;--status-good: #10b981;--status-good-bg: #ecfdf5;--status-maintenance: #f59e0b;--status-maintenance-bg: #fffbeb;--status-broken: #ef4444;--status-broken-bg: #fef2f2}body.dark-mode-maintenance{background:#1a1a2e}.maintenance-management{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f4f6fb;min-height:100vh;padding:28px;transition:all .3s ease}.maintenance-management.dark{background:#16213e;color:#fff}.top-bar-maintenance{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.top-bar-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.theme-toggle{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s}.theme-toggle:hover{background:#0000000d}.dark .theme-toggle:hover{background:#ffffff1a}.language-select select{padding:8px 16px;border:1px solid var(--border);border-radius:20px;font-size:14px;background:#fff;cursor:pointer;outline:none}.dark .language-select select{background:#1a1a2e;color:#fff;border-color:#2d3748}.user-profile{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#fff;border-radius:30px;box-shadow:0 2px 5px #0000000d}.dark .user-profile{background:#1a1a2e;box-shadow:0 2px 5px #0003}.avatar{font-size:24px}.user-name{font-weight:500;color:var(--dark)}.dark .user-name{color:#fff}.header-title h1{font-size:30px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;flex-wrap:wrap}.header-title h1 i{font-size:32px;color:#667eea;-webkit-text-fill-color:initial}.dark .header-title h1{background:linear-gradient(135deg,#a8b8ff,#c4a8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark .header-title h1 i{color:#a8b8ff}.stats-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.stat-card{background:#fff;border-radius:14px;padding:20px;border:1px solid #eef1f6;transition:.25s;position:relative;overflow:hidden;display:flex;align-items:center;gap:16px}.dark .stat-card{background:#1f2a4a;border-color:#2d3748;box-shadow:0 10px 30px #0003}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.stat-card.total:before{background:linear-gradient(90deg,var(--primary),var(--secondary))}.stat-card.good:before{background:var(--status-good)}.stat-card.maintenance:before{background:var(--status-maintenance)}.stat-card.broken:before{background:var(--status-broken)}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0000000d}.dark .stat-card:hover{box-shadow:0 10px 20px #0000004d}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-card.total .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.good .stat-icon{background:var(--status-good-bg);color:var(--status-good)}.dark .stat-card.good .stat-icon{background:#10b98133;color:#6ee7b7}.stat-card.maintenance .stat-icon{background:var(--status-maintenance-bg);color:var(--status-maintenance)}.dark .stat-card.maintenance .stat-icon{background:#f59e0b33;color:#fcd34d}.stat-card.broken .stat-icon{background:var(--status-broken-bg);color:var(--status-broken)}.dark .stat-card.broken .stat-icon{background:#ef444433;color:#fca5a5}.stat-content{flex:1;min-width:0}.stat-label{display:block;font-size:14px;color:#64748b;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .stat-label{color:#a0aec0}.stat-value{display:block;font-size:26px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .stat-value{color:#fff}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px;flex-wrap:wrap}.search-wrapper{flex:1;min-width:250px;position:relative}.search-input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid #e2e8f0;font-size:14px;transition:.2s;background:#fff}.dark .search-input{background:#1f2a4a;border-color:#2d3748;color:#fff}.dark .search-input::placeholder{color:#a0aec0}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.right-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-group{min-width:200px}.filter-select{width:100%;padding:12px 16px;border-radius:12px;border:1px solid #e2e8f0;font-size:14px;background:#fff;cursor:pointer;outline:none;transition:.2s}.dark .filter-select{background:#1f2a4a;border-color:#2d3748;color:#fff}.filter-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.export-group{display:flex;gap:8px;flex-wrap:wrap}.btn-export{border:none;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.btn-export.excel{background:#ecfdf5;color:#16a34a;border:1px solid #86efac}.dark .btn-export.excel{background:#16a34a33;color:#86efac;border-color:#86efac}.btn-export.excel:hover{background:#16a34a;color:#fff;border-color:#16a34a;transform:translateY(-2px);box-shadow:0 4px 12px #16a34a4d}.btn-export.pdf{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5}.dark .btn-export.pdf{background:#dc262633;color:#fca5a5;border-color:#fca5a5}.btn-export.pdf:hover{background:#dc2626;color:#fff;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.table-wrapper{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #eef1f6;margin-bottom:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.dark .table-wrapper{background:#1f2a4a;border-color:#2d3748}.maintenance-table{width:100%;border-collapse:collapse;min-width:800px}.maintenance-table th{background:#f8fafc;padding:16px;font-size:13px;font-weight:600;color:#475569;text-align:left;border-bottom:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.dark .maintenance-table th{background:#16213e;color:#a0aec0;border-bottom-color:#2d3748}.maintenance-table td{padding:16px;font-size:14px;border-bottom:1px solid #f1f5f9;color:#1e293b;white-space:nowrap}.dark .maintenance-table td{color:#e2e8f0;border-bottom-color:#2d3748}.maintenance-table tbody tr{transition:.2s}.maintenance-table tbody tr:hover{background:#f8fafc}.dark .maintenance-table tbody tr:hover{background:#16213e}.code-badge{background:#e2e8f0;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;color:#1e293b;font-family:monospace;display:inline-block}.dark .code-badge{background:#2d3748;color:#e2e8f0}.asset-name{display:flex;align-items:center;gap:8px;font-weight:500}.asset-name i{color:#667eea;font-size:16px}.dark .asset-name i{color:#a8b8ff}.maintenance-table td:nth-child(5),.maintenance-table td:nth-child(6){font-weight:500;white-space:nowrap}.maintenance-table td:nth-child(5){color:#059669;background:linear-gradient(90deg,rgba(16,185,129,.05),transparent);border-left:3px solid var(--status-good)}.maintenance-table td:nth-child(6){color:#2563eb;background:linear-gradient(90deg,rgba(37,99,235,.05),transparent);border-left:3px solid var(--primary)}.dark .maintenance-table td:nth-child(5){color:#6ee7b7;background:linear-gradient(90deg,rgba(16,185,129,.1),transparent)}.dark .maintenance-table td:nth-child(6){color:#90caf9;background:linear-gradient(90deg,rgba(37,99,235,.1),transparent)}.maintenance-table td:nth-child(5):before,.maintenance-table td:nth-child(6):before{content:"👤";display:inline-block;margin-right:8px;font-size:14px;opacity:.7}.maintenance-table td:nth-child(5):before{content:"👨‍🔧"}.maintenance-table td:nth-child(6):before{content:"👤"}.maintenance-table tbody tr:hover td:nth-child(5),.maintenance-table tbody tr:hover td:nth-child(6){filter:brightness(.95);transition:filter .2s ease}.dark .maintenance-table tbody tr:hover td:nth-child(5),.dark .maintenance-table tbody tr:hover td:nth-child(6){filter:brightness(1.1)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:30px;font-size:13px;font-weight:500;white-space:nowrap}.status-badge.good{background:var(--status-good-bg);color:var(--status-good);border:1px solid #86efac}.dark .status-badge.good{background:#10b98133;color:#6ee7b7;border-color:#6ee7b7}.status-badge.maintenance{background:var(--status-maintenance-bg);color:var(--status-maintenance);border:1px solid #fdba74}.dark .status-badge.maintenance{background:#f59e0b33;color:#fcd34d;border-color:#fcd34d}.status-badge.broken{background:var(--status-broken-bg);color:var(--status-broken);border:1px solid #fca5a5}.dark .status-badge.broken{background:#ef444433;color:#fca5a5;border-color:#fca5a5}.status-badge.large{padding:8px 16px;font-size:16px}.status-badge.small{padding:4px 8px;font-size:12px;min-width:80px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-badge.good .status-dot{background:var(--status-good);animation:pulse 2s infinite}.status-badge.maintenance .status-dot{background:var(--status-maintenance);animation:pulse 2s infinite}.status-badge.broken .status-dot{background:var(--status-broken);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.action-buttons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn-icon{border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:1px;white-space:nowrap}.btn-icon i{font-size:14px}.btn-icon.view{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-icon.view:hover{background:linear-gradient(135deg,#5a67d8,#6b46a1);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-icon.edit{background:#dbeafe;color:#2563eb;border:2px solid #93c5fd;white-space:normal;min-width:fit-content}.dark .btn-icon.edit{background:#2563eb33;color:#90caf9;border-color:#90caf9}.btn-icon.edit:hover{background:#2563eb;color:#fff;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.table-footer{margin-top:16px;padding:14px 18px;background:#fff;border-radius:10px;border:1px solid #eef1f6;font-size:14px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.dark .table-footer{background:#1f2a4a;border-color:#2d3748;color:#e2e8f0}.dark .table-footer strong{color:#fff}.footer-note{color:#64748b;font-size:13px}.dark .footer-note{color:#a0aec0}.footer-note i{margin-right:4px;color:#667eea}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-top:1px solid #eef1f6;flex-wrap:wrap}.dark .pagination{background:#1f2a4a;border-top-color:#2d3748}.pagination.small{padding:12px;gap:8px}.pagination button{background:#f8fafc;border:1px solid #e2e8f0;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:#475569;display:inline-flex;align-items:center;gap:6px}.dark .pagination button{background:#16213e;border-color:#2d3748;color:#e2e8f0}.pagination.small button{padding:6px 12px;font-size:13px}.pagination button:hover:not(:disabled){background:#2563eb;color:#fff;border-color:#2563eb;transform:translateY(-1px)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:14px;font-weight:500;color:#475569}.dark .pagination span{color:#e2e8f0}.loading-cell,.empty-cell{text-align:center;padding:60px!important}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}.dark .spinner{border-color:#2d3748;border-top-color:#90caf9}.no-data{text-align:center;padding:40px!important;color:#94a3b8;font-style:italic}.dark .no-data{color:#718096}.modal-overlay-maintenance{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.dark .modal-overlay-maintenance{background:#000000b3}.modal-maintenance{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:modalFadeIn .3s ease;box-shadow:0 15px 40px #00000026}.dark .modal-maintenance{background:#1f2a4a;box-shadow:0 15px 40px #0000004d}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.detail-modal{max-width:800px;padding:0;overflow:hidden}.detail-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px 28px;color:#fff;position:relative}.header-with-close{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;margin-bottom:8px}.header-with-close h2{margin:0!important;font-size:24px!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:10px!important;color:#fff!important}.header-with-close h2 i{color:#fff!important;font-size:24px!important}.modal-close-btn{width:40px!important;height:40px!important;border-radius:50%!important;background:#ffffff40!important;border:2px solid rgba(255,255,255,.5)!important;color:#fff!important;font-size:20px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;position:relative!important;z-index:30!important;flex-shrink:0!important;margin-left:16px!important;box-shadow:0 2px 8px #0003!important}.modal-close-btn:hover{background:#fff6!important;border-color:#fff!important;transform:rotate(90deg) scale(1.1)!important;box-shadow:0 4px 12px #0000004d!important}.asset-info{margin-top:8px;font-size:16px;opacity:.9;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.asset-info strong{font-size:18px}.dark .detail-header{background:linear-gradient(135deg,#4a5a9e,#5a3a7a)}.detail-table-container{padding:24px}.current-status{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #eef1f6}.dark .current-status{border-bottom-color:#2d3748}.current-status h3{font-size:16px;color:#475569;margin-bottom:12px;display:flex;align-items:center;gap:6px}.dark .current-status h3{color:#a0aec0}.status-display{display:flex;justify-content:center}.history-scroll{max-height:300px;overflow-y:auto;padding-right:6px}.history-scroll::-webkit-scrollbar{width:6px}.history-scroll::-webkit-scrollbar-track{background:transparent}.history-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.history-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark .history-scroll::-webkit-scrollbar-thumb{background:#4a5568}.dark .history-scroll::-webkit-scrollbar-thumb:hover{background:#718096}.history-list{display:flex;flex-direction:column;gap:0;margin-top:20px}.history-item{background:#fff;border-radius:16px;padding:20px;transition:all .25s ease;border:1px solid #eef2f6;box-shadow:0 2px 8px #00000005;margin-bottom:24px}.dark .history-item{background:#1a2744;border-color:#2d3748;box-shadow:0 2px 8px #0003}.history-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014;border-color:#cbd5e1}.dark .history-item:hover{box-shadow:0 8px 20px #0000004d;border-color:#4a5568}.history-time{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#4b5563;margin-bottom:16px;padding-bottom:12px;border-bottom:1px dashed #e2e8f0}.dark .history-time{color:#9ca3af;border-bottom-color:#2d3748}.history-time i{font-size:16px;color:#3b82f6}.dark .history-time i{color:#60a5fa}.history-content{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}.history-content .status-badge.small{min-width:110px;justify-content:center;margin-top:4px;flex-shrink:0}.history-note{flex:1;display:flex;flex-direction:column;gap:12px;background:transparent}.history-note>div{padding:10px 14px;border-radius:12px;font-size:13px;transition:all .2s ease;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.history-note>div:first-child{background:#dbeafe;border-left:4px solid #3b82f6;color:#1e40af}.dark .history-note>div:first-child{background:#3b82f626;border-left-color:#60a5fa;color:#bfdbfe}.history-note>div:nth-child(2){background:#dcfce7;border-left:4px solid #22c55e;color:#166534}.dark .history-note>div:nth-child(2){background:#22c55e26;border-left-color:#4ade80;color:#bbf7d0}.history-note>div:nth-child(3){background:#f3e8ff;border-left:4px solid #a855f7;color:#6b21a5}.dark .history-note>div:nth-child(3){background:#a855f726;border-left-color:#c084fc;color:#e9d5ff}.history-note>div:hover{transform:translate(4px);filter:brightness(.97)}.dark .history-note>div:hover{filter:brightness(1.05)}.history-divider{width:100%;height:2px;background:linear-gradient(90deg,transparent,#94a3b8,#cbd5e1,#94a3b8,transparent);margin:8px 0 24px;border-radius:2px}.dark .history-divider{background:linear-gradient(90deg,transparent,#4b5563,#6b7280,#4b5563,transparent)}.history-item:last-child{margin-bottom:0}@media(max-width:768px){.history-item{padding:16px;margin-bottom:20px}.history-content{flex-direction:column;gap:12px}.history-content .status-badge.small{align-self:flex-start}.history-note>div{padding:8px 12px;font-size:12px}.history-divider{margin:4px 0 20px}}@media(max-width:480px){.history-item{padding:14px;margin-bottom:16px}.history-time{font-size:12px;margin-bottom:12px}.history-note>div{font-size:11px;padding:6px 10px}.history-divider{margin:0 0 16px}}.modal-header-with-close{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:20px 24px!important;border-bottom:1px solid #eef1f6!important;background:linear-gradient(135deg,#f8fafc,#fff)!important;border-radius:20px 20px 0 0!important;position:sticky;top:0;z-index:10}.dark .modal-header-with-close{background:linear-gradient(135deg,#16213e,#1f2a4a)!important;border-bottom-color:#2d3748!important}.modal-header-with-close h2{margin:0!important;padding:0!important;border-bottom:none!important;font-size:22px!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:10px!important;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark .modal-header-with-close h2{background:linear-gradient(135deg,#a8b8ff,#c4a8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-header-with-close h2 i{background:none;-webkit-text-fill-color:#667eea}.modal-header-with-close .modal-close-btn{background:#fff!important;color:#64748b!important;width:38px!important;height:38px!important;border-radius:50%!important;border:1px solid #e2e8f0!important;font-size:18px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;position:relative!important;z-index:30!important;flex-shrink:0!important;margin-left:16px!important;box-shadow:0 2px 8px #00000014!important}.dark .modal-header-with-close .modal-close-btn{background:#2d3748!important;color:#e2e8f0!important;border-color:#4a5568!important}.modal-header-with-close .modal-close-btn:hover{background:#fee2e2!important;color:#dc2626!important;transform:rotate(90deg) scale(1.1)!important;border-color:#fecaca!important}.modal-maintenance form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#475569;font-size:14px}.dark .form-group label{color:#a0aec0}.asset-display{background:#f8fafc;padding:12px 16px;border-radius:12px;border:1px solid #eef1f6;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;transition:all .2s ease}.asset-display:hover{background:#f1f5f9;border-color:#cbd5e1}.dark .asset-display{background:#16213e;border-color:#2d3748}.dark .asset-display:hover{background:#1a2744;border-color:#4a5568}.asset-display strong{color:#1e293b;font-size:16px;display:flex;align-items:center;gap:8px}.asset-display strong:before{content:"📦";font-size:18px}.dark .asset-display strong{color:#fff}.asset-display .code{color:#64748b;font-size:13px;font-family:monospace;background:#e2e8f0;padding:4px 8px;border-radius:6px}.dark .asset-display .code{background:#2d3748;color:#a0aec0}.status-options{display:flex;flex-direction:column;gap:12px}.status-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.status-option:hover{background:#f8fafc;border-color:#e2e8f0;transform:translate(4px)}.dark .status-option:hover{background:#16213e;border-color:#2d3748}.status-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.status-option .status-badge{flex:1;justify-content:center}.modal-maintenance textarea{width:100%;padding:12px;border-radius:12px;border:1px solid #e2e8f0;font-size:14px;transition:all .2s;resize:vertical;font-family:inherit;background:#fafbfc}.dark .modal-maintenance textarea{background:#16213e;border-color:#2d3748;color:#fff}.modal-maintenance textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fff}.dark .modal-maintenance textarea:focus{background:#1f2a4a;border-color:#a8b8ff}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px;flex-wrap:wrap}.modal-actions button{border:none;padding:12px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.modal-actions button:first-child{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.dark .modal-actions button:first-child{background:#2d3748;color:#e2e8f0;border-color:#4a5568}.modal-actions button:first-child:hover{background:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.dark .modal-actions button:first-child:hover{background:#4a5568}.btn-update{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;overflow:hidden}.btn-update:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-update:hover:before{left:100%}.btn-update:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.btn-update:active{transform:translateY(0)}.Toastify__toast{border-radius:12px!important;font-family:Inter,sans-serif!important;font-size:14px!important}.Toastify__toast--success{background:#ecfdf5!important;color:#166534!important}.Toastify__toast--error{background:#fef2f2!important;color:#991b1b!important}.Toastify__toast--info{background:#eff6ff!important;color:#1e40af!important}.dark .Toastify__toast{background:#1f2a4a!important;color:#fff!important}@media(min-width:1400px){.maintenance-management{padding:32px 40px}.stats-container{gap:24px}.stat-card{padding:24px}.stat-icon{width:60px;height:60px;font-size:28px}.stat-value{font-size:28px}}@media(max-width:1399px)and (min-width:1200px){.stats-container{gap:16px}.stat-card{padding:18px}.stat-icon{width:45px;height:45px;font-size:22px}.stat-value{font-size:24px}}@media(max-width:1199px){.maintenance-management{padding:24px}.header-title h1{font-size:28px}}@media(max-width:991px){.maintenance-management{padding:20px}.top-bar-maintenance{flex-direction:column;align-items:flex-start;gap:16px}.top-bar-actions{width:100%;justify-content:space-between}.stats-container{grid-template-columns:repeat(2,1fr);gap:16px}.action-bar{flex-direction:column;align-items:stretch}.search-wrapper{width:100%}.right-actions{width:100%;flex-direction:column}.filter-group{width:100%}.export-group{width:100%;flex-direction:row}.btn-export{flex:1;justify-content:center}.pagination{justify-content:center}}@media(max-width:767px){.maintenance-management{padding:16px}.top-bar-actions{flex-wrap:wrap;justify-content:center;gap:12px}.user-profile{width:100%;justify-content:center}.language-select,.language-select select{width:100%}.stats-container{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.stat-icon{width:40px;height:40px;font-size:20px}.stat-value{font-size:22px}.export-group{flex-direction:column}.btn-export{width:100%}.action-buttons{flex-direction:column}.btn-icon{width:100%;justify-content:center}.table-footer{flex-direction:column;gap:8px;text-align:center}.pagination{flex-wrap:wrap;gap:8px}.pagination button{flex:1;justify-content:center}.detail-modal{margin:16px}.detail-header{padding:16px 20px}.header-with-close h2{font-size:20px!important}.modal-close-btn{width:32px!important;height:32px!important;font-size:16px!important}.modal-header-with-close{padding:16px 20px!important}.modal-header-with-close h2{font-size:20px!important}.modal-maintenance{margin:16px}.modal-maintenance form{padding:16px 20px}.status-options,.modal-actions{flex-direction:column}.modal-actions button{width:100%}.detail-table-container{padding:16px}.history-table{font-size:13px}.history-table th,.history-table td{padding:8px 10px}}@media(max-width:575px){.maintenance-management{padding:12px}.header-title h1{font-size:24px}.header-title h1 i{font-size:28px}.stat-card{padding:14px}.stat-icon{width:36px;height:36px;font-size:18px}.stat-value{font-size:20px}.search-input,.filter-select{padding:10px 14px;font-size:13px}.btn-export{padding:10px 16px;font-size:13px}.maintenance-table{min-width:700px}.maintenance-table th,.maintenance-table td{padding:12px 10px;font-size:13px}.pagination{gap:4px}.pagination button{padding:6px 10px;font-size:12px}.modal-maintenance{max-width:100%;margin:10px}.modal-header-with-close h2{font-size:18px!important}.asset-display{flex-direction:column;align-items:flex-start}.history-table{display:block;overflow-x:auto}}@media(max-height:600px)and (orientation:landscape){.modal-maintenance{max-height:95vh}.modal-maintenance form{max-height:70vh;overflow-y:auto}}@media print{.top-bar-maintenance,.action-bar,.btn-icon,.pagination,.modal-overlay-maintenance,.export-group,.btn-add-note{display:none!important}.maintenance-management{padding:0;background:#fff}.table-wrapper{border:none;box-shadow:none;overflow:visible}.maintenance-table{min-width:auto}.maintenance-table th,.maintenance-table td{color:#000!important;border-color:#ddd!important}.status-badge{border:1px solid #999!important;background:none!important;color:#000!important}}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease}.modal-overlay .modal{background:#fff;border-radius:24px;width:90%;max-width:480px;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease;overflow:hidden}.maintenance-management.dark .modal-overlay .modal{background:#1f2a4a;box-shadow:0 25px 50px -12px #00000080}.modal-overlay .modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.maintenance-management.dark .modal-overlay .modal-header{background:linear-gradient(135deg,#5a6bc0,#6a4190)}.modal-overlay .modal-header h2{margin:0;font-size:24px;font-weight:600;display:flex;align-items:center;gap:12px}.modal-overlay .modal-header h2:before{content:"📄";font-size:28px}.modal-overlay .modal-header button{background:#fff3;border:none;width:36px;height:36px;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;line-height:1}.modal-overlay .modal-header button:hover{background:#ffffff4d;transform:rotate(90deg) scale(1.1)}.modal-overlay .modal-body{padding:28px}.modal-overlay .modal-body .form-group{margin-bottom:0}.modal-overlay .modal-body .form-group label{display:block;margin-bottom:10px;font-weight:600;font-size:14px;color:#374151;letter-spacing:.3px}.maintenance-management.dark .modal-overlay .modal-body .form-group label{color:#e2e8f0}.modal-overlay .modal-body select{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;font-family:inherit;background:#fff;cursor:pointer;transition:all .2s ease;color:#1f2937}.maintenance-management.dark .modal-overlay .modal-body select{background:#16213e;border-color:#2d3748;color:#e2e8f0}.modal-overlay .modal-body select:hover{border-color:#667eea}.modal-overlay .modal-body select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modal-overlay .modal-footer{display:flex;gap:12px;padding:20px 28px 28px;border-top:1px solid #eef1f6;background:#fafbfc}.maintenance-management.dark .modal-overlay .modal-footer{background:#1a1f2e;border-top-color:#2d3748}.modal-overlay .modal-footer button{flex:1;padding:12px 20px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.modal-overlay .modal-footer button:first-child{background:#f1f5f9;color:#475569}.maintenance-management.dark .modal-overlay .modal-footer button:first-child{background:#2d3748;color:#e2e8f0}.modal-overlay .modal-footer button:first-child:hover{background:#e2e8f0;transform:translateY(-2px)}.maintenance-management.dark .modal-overlay .modal-footer button:first-child:hover{background:#4a5568}.modal-overlay .modal-footer .btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;overflow:hidden}.modal-overlay .modal-footer .btn-save:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.modal-overlay .modal-footer .btn-save:hover:before{left:100%}.modal-overlay .modal-footer .btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.modal-overlay .modal-footer .btn-save:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:640px){.modal-overlay .modal{width:95%;max-width:95%;margin:16px}.modal-overlay .modal-header{padding:20px 24px}.modal-overlay .modal-header h2{font-size:20px}.modal-overlay .modal-header h2:before{font-size:24px}.modal-overlay .modal-body{padding:20px 24px}.modal-overlay .modal-footer{padding:16px 24px 24px;flex-direction:column;gap:10px}.modal-overlay .modal-footer button{padding:10px 16px;font-size:14px}}@media(max-width:480px){.modal-overlay .modal-header{padding:16px 20px}.modal-overlay .modal-header h2{font-size:18px}.modal-overlay .modal-body{padding:16px 20px}.modal-overlay .modal-body .form-group label{font-size:13px;margin-bottom:8px}.modal-overlay .modal-body select{padding:10px 14px;font-size:13px}.modal-overlay .modal-footer{padding:12px 20px 20px}}.profile-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:40px 20px;font-family:Inter,sans-serif;position:relative;background:linear-gradient(125deg,#0f0c29,#302b63 35%,#24243e);overflow:hidden}.profile-container:before{content:"";position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(circle at 20% 30%,#ff6b9d66,#0000 50%);animation:floatOrb1 20s ease-in-out infinite;pointer-events:none}.profile-container:after{content:"";position:absolute;width:150%;height:150%;bottom:-25%;right:-25%;background:radial-gradient(circle at 80% 70%,#4ecdc44d,#0000 50%);animation:floatOrb2 18s ease-in-out infinite;pointer-events:none}@keyframes floatOrb1{0%,to{transform:translate(0) rotate(0);opacity:.6}33%{transform:translate(30px,-30px) rotate(120deg);opacity:.8}66%{transform:translate(-20px,20px) rotate(240deg);opacity:.5}}@keyframes floatOrb2{0%,to{transform:translate(0) rotate(0);opacity:.5}33%{transform:translate(-30px,30px) rotate(-120deg);opacity:.7}66%{transform:translate(20px,-20px) rotate(-240deg);opacity:.4}}.profile-container .star{position:absolute;background:#fff;border-radius:50%;opacity:0;animation:twinkle 3s ease-in-out infinite;pointer-events:none}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.profile-container .noise{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;pointer-events:none}.profile-container .gradient-line{position:absolute;width:200%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),rgba(78,205,196,.8),rgba(255,107,157,.8),rgba(255,255,255,.5),transparent);animation:moveLine 8s linear infinite;pointer-events:none}@keyframes moveLine{0%{transform:translate(-50%) rotate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translate(50%) rotate(0);opacity:0}}.profile-card{max-width:650px;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:32px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #fff3,inset 0 1px #ffffff4d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;z-index:10;animation:slideUp .6s ease-out}.profile-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -12px #0009,0 0 0 1px #ffffff4d}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(ellipse at top,rgba(255,255,255,.1),transparent 70%);pointer-events:none}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px);gap:20px;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,sans-serif;position:relative;overflow:hidden}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top:4px solid white;border-right:4px solid white;border-radius:50%;animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite;box-shadow:0 0 20px #ffffff4d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-loading p{color:#fff;font-size:16px;font-weight:500;letter-spacing:2px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.profile-header{display:flex;align-items:center;gap:28px;padding:40px 40px 30px;background:linear-gradient(135deg,#fffffffa,#f8f9fffa);border-bottom:1px solid rgba(0,0,0,.05);position:relative}.profile-header:after{content:"";position:absolute;bottom:0;left:40px;right:40px;height:3px;background:linear-gradient(90deg,#ff6b9d,#4ecdc4,#ff6b9d);border-radius:3px;background-size:200% 100%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.profile-avatar{position:relative}.avatar-icon{font-size:72px;width:110px;height:110px;background:linear-gradient(135deg,#ff6b9d,#4ecdc4);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 35px #0003;transition:all .3s ease;animation:floatAvatar 3s ease-in-out infinite}@keyframes floatAvatar{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.avatar-icon:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 20px 40px #0000004d}.profile-info{flex:1}.profile-info h2{font-size:28px;font-weight:800;background:linear-gradient(135deg,#ff6b9d,#4ecdc4);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px;letter-spacing:-.5px;position:relative;display:inline-block}.profile-info h2:before{content:"";position:absolute;bottom:-5px;left:0;width:0;height:3px;background:linear-gradient(90deg,#ff6b9d,#4ecdc4);transition:width .3s ease}.profile-info h2:hover:before{width:100%}.profile-joined{font-size:13px;color:#6b7280;margin:0;display:inline-flex;align-items:center;gap:6px;background:#0000000d;padding:6px 14px;border-radius:20px;transition:all .3s ease}.profile-joined:before{content:"📅";font-size:12px}.profile-joined:hover{background:#00000014;transform:translate(5px)}.profile-section{padding:30px 40px 40px;background:#fff}.section-header{margin-bottom:28px;position:relative}.section-header h3{font-size:22px;font-weight:700;color:#1f2937;position:relative;display:inline-block;padding-bottom:10px}.section-header h3:before{content:"👤";margin-right:10px;font-size:24px;display:inline-block;animation:wave 1s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}50%{transform:rotate(10deg)}}.section-header h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:4px;background:linear-gradient(90deg,#ff6b9d,#4ecdc4);border-radius:2px;transition:width .3s ease}.section-header:hover h3:after{width:100%}.info-display{display:flex;flex-direction:column;gap:16px}.info-row{display:flex;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #e5e7eb;position:relative;overflow:hidden}.info-row:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(78,205,196,.1),transparent);transition:left .5s ease}.info-row:hover:before{left:100%}.info-row:hover{transform:translate(8px);border-color:#4ecdc4;box-shadow:0 8px 20px #4ecdc426}.info-label{width:140px;font-size:14px;font-weight:600;color:#4b5563;letter-spacing:.3px;position:relative;padding-left:24px}.info-label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:linear-gradient(135deg,#ff6b9d,#4ecdc4);border-radius:50%;transition:all .3s ease}.info-row:hover .info-label:before{width:8px;height:8px;box-shadow:0 0 0 3px #4ecdc433}.info-value{flex:1;font-size:15px;font-weight:500;color:#1f2937;padding:4px 0;transition:all .3s ease;word-break:break-word}.info-row:hover .info-value{color:#ff6b9d;transform:translate(5px)}.info-row:nth-child(1) .info-label:after{content:"✏️";position:absolute;left:-20px;top:50%;transform:translateY(-50%);font-size:14px;opacity:0;transition:opacity .3s ease}.info-row:nth-child(2) .info-label:after{content:"📧"}.info-row:nth-child(3) .info-label:after{content:"📱"}.info-row:nth-child(4) .info-label:after{content:"📍"}.info-row:hover .info-label:after{opacity:1;left:-25px}.info-value:empty:before{content:"Chưa cập nhật";color:#9ca3af;font-style:italic}@media(max-width:768px){.profile-container{padding:20px 16px;min-height:calc(100vh - 100px)}.profile-card{border-radius:24px}.profile-header{flex-direction:column;text-align:center;gap:20px;padding:30px 25px 25px}.profile-header:after{left:25px;right:25px}.avatar-icon{width:90px;height:90px;font-size:60px}.profile-info h2{font-size:24px}.profile-joined{display:inline-flex;margin-top:5px}.profile-section{padding:25px 25px 35px}.section-header h3{font-size:20px}.info-row{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 18px}.info-label{width:auto;padding-left:20px}.info-label:before{left:0}.info-row:hover{transform:translate(0)}.info-row:hover .info-value{transform:translate(5px)}.info-row:hover .info-label:after{left:-20px}}@media(max-width:480px){.profile-header{padding:25px 20px 20px}.avatar-icon{width:80px;height:80px;font-size:52px}.profile-info h2{font-size:20px}.profile-joined{font-size:11px;padding:4px 12px}.profile-section{padding:20px 20px 30px}.section-header h3{font-size:18px}.info-row{padding:12px 16px;border-radius:14px}.info-label{font-size:13px}.info-value{font-size:14px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff6b9d,#4ecdc4);border-radius:10px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4ecdc4,#ff6b9d)}.profile-card,.avatar-icon,.info-row,.profile-joined,.info-value{transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-page{font-family:Inter,sans-serif;background:#f4f6fb;min-height:100vh;padding:28px;transition:all .3s ease}.notification-page.dark{background:#16213e;color:#fff}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;flex-wrap:wrap;gap:16px}.notification-header h1{font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dark .notification-header h1{background:linear-gradient(135deg,#a8b8ff,#c4a8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-actions{display:flex;gap:12px;align-items:center}.header-actions button{background:#fff;border:none;font-size:20px;cursor:pointer;padding:8px 16px;border-radius:30px;font-weight:500;transition:all .2s;box-shadow:0 1px 3px #0000000d}.header-actions button:first-child{background:#f1f5f9;font-size:24px;padding:8px 12px}.header-actions button:last-child{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px}.dark .header-actions button:first-child{background:#1f2a4a;color:#ffd966}.dark .header-actions button:last-child{background:linear-gradient(135deg,#5a6ed1,#6a3f8a)}.header-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.notification-stats{background:#fff;border-radius:16px;padding:12px 20px;margin-bottom:24px;border:1px solid #eef1f6;box-shadow:0 1px 2px #00000005}.dark .notification-stats{background:#1f2a4a;border-color:#2d3748}.notification-stats span{font-size:14px;color:#475569}.dark .notification-stats span{color:#cbd5e1}.notification-stats strong{color:#0f172a;font-weight:700}.dark .notification-stats strong{color:#fff}.notification-page>p:first-of-type{text-align:center;padding:60px;color:#64748b}.dark .notification-page>p:first-of-type{color:#94a3b8}.notification-list{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.notification-item{background:#fff;border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:16px;transition:all .2s;border:1px solid #eef1f6;box-shadow:0 2px 8px #00000005}.dark .notification-item{background:#1f2a4a;border-color:#2d3748}.notification-item:hover{transform:translate(4px);box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.dark .notification-item:hover{border-color:#4a5568;box-shadow:0 4px 12px #0003}.notification-item.unread{border-left:4px solid #667eea;background:#f8fafc}.dark .notification-item.unread{border-left-color:#a8b8ff;background:#16213e}.notification-item>div:first-child{font-size:28px;min-width:48px;text-align:center}.notification-item>div:nth-child(2){flex:1}.notification-item>div:nth-child(2)>div:first-child{font-weight:700;font-size:16px;color:#1e293b;margin-bottom:6px}.dark .notification-item>div:nth-child(2)>div:first-child{color:#f1f5f9}.notification-item>div:nth-child(2)>div:nth-child(2){font-size:14px;color:#475569;margin-bottom:6px}.dark .notification-item>div:nth-child(2)>div:nth-child(2){color:#cbd5e1}.notification-item>div:nth-child(2)>div:last-child{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:6px}.dark .notification-item>div:nth-child(2)>div:last-child{color:#64748b}.notification-item>button{width:32px;height:32px;border-radius:8px;border:none;background:#e0e7ff;color:#4338ca;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.notification-item>button:hover{background:#c7d2fe;transform:scale(1.05)}.dark .notification-item>button{background:#2d3748;color:#a8b8ff}.dark .notification-item>button:hover{background:#4a5568}@media(max-width:768px){.notification-page{padding:20px}.notification-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.notification-item{flex-wrap:wrap;padding:16px}.notification-item>button{margin-left:auto}}@media(max-width:480px){.notification-page{padding:16px}.notification-item>div:nth-child(2)>div:first-child{font-size:15px}.notification-item>div:nth-child(2)>div:nth-child(2){font-size:13px}}:root{--primary-blue: #1e3c72;--primary-blue-dark: #0f2a4a;--primary-gold: #ffd700;--primary-gold-dark: #e6c300;--gradient-start: #1e3c72;--gradient-end: #2a5298;--text-light: #f0f0f0;--text-dark: #2d3748;--error: #e53e3e;--success: #38a169}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gradient-start) 0%,var(--gradient-end) 100%);position:relative;padding:20px}.bg-decoration{position:fixed;inset:0;overflow:hidden;z-index:1}.bg-circle{position:absolute;border-radius:50%;background:#ffffff0d;animation:float 20s ease-in-out infinite}.bg-circle-1{width:300px;height:300px;top:-150px;right:-150px;animation-delay:0s}.bg-circle-2{width:500px;height:500px;bottom:-250px;left:-250px;animation-delay:5s}.bg-circle-3{width:200px;height:200px;top:40%;left:10%;animation-delay:10s}.bg-circle-4{width:400px;height:400px;bottom:20%;right:-150px;animation-delay:15s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}.login-card{position:relative;z-index:10;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:28px;padding:30px 35px;width:100%;max-width:450px;box-shadow:0 20px 40px -10px #0003;animation:slideUp .5s ease-out;transition:transform .3s ease,box-shadow .3s ease}.login-card:hover{transform:translateY(-3px);box-shadow:0 25px 45px -12px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:25px}.school-logo{margin-bottom:12px;display:flex;justify-content:center}.logo-icon{width:70px;height:70px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -5px #00000026;animation:pulse 2s ease-in-out infinite;overflow:hidden;padding:4px;transition:all .3s ease}.logo-icon img{width:82px;height:82px;object-fit:cover;border-radius:50%;transition:transform .3s ease}.logo-icon:hover img{transform:scale(1.05)}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 20px -5px #00000026}50%{transform:scale(1.02);box-shadow:0 12px 28px -8px #0003}}.school-name{font-size:15px;font-weight:600;color:var(--primary-blue);letter-spacing:.5px;margin-bottom:3px}.school-subname{font-size:20px;font-weight:800;color:var(--primary-blue);margin-bottom:8px;letter-spacing:1px}.system-title{font-size:12px;font-weight:500;color:#4a5568;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}.divider{width:50px;height:2px;background:linear-gradient(90deg,var(--primary-blue),var(--primary-gold));margin:0 auto;border-radius:2px}.login-form{margin-bottom:20px}.form-group{margin-bottom:18px}.form-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-dark);margin-bottom:6px}.input-icon{color:var(--primary-blue)}.form-input{width:100%;padding:10px 14px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-family:inherit;transition:all .3s ease;background:#fff;outline:none}.form-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #1e3c721a}.password-wrapper{position:relative}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#718096;transition:color .2s ease}.toggle-password:hover{color:var(--primary-blue)}.forgot-password-wrapper{text-align:right;margin-bottom:18px;margin-top:-5px}.forgot-password-link{font-size:12px;color:var(--primary-blue);text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:4px}.forgot-password-link:hover{color:var(--primary-gold);text-decoration:underline;transform:translate(-2px)}.login-btn{width:100%;padding:12px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--gradient-end) 100%);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.login-btn:hover:before{left:100%}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px -5px #1e3c7266}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center}.demo-info{font-size:11px;color:#718096;background:#f7fafc;padding:6px 10px;border-radius:6px;display:inline-block;margin-bottom:10px}.copyright{font-size:10px;color:#a0aec0}@media(max-width:640px){.login-card{padding:25px 22px;max-width:95%}.school-subname{font-size:18px}.school-name{font-size:14px}.logo-icon{width:60px;height:60px}.form-input{padding:8px 12px;font-size:13px}.login-btn{padding:10px;font-size:14px}.form-group{margin-bottom:15px}.login-header{margin-bottom:20px}.forgot-password-wrapper{margin-bottom:15px}.demo-info{font-size:10px}}@media(max-width:480px){.login-card{padding:20px 18px}.school-subname{font-size:16px}.system-title{font-size:11px}.logo-icon{width:55px;height:55px}.form-group{margin-bottom:12px}.form-label{font-size:12px}.demo-info{font-size:9px}}.form-input{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--primary-blue);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-blue-dark)}.Toastify__toast{border-radius:10px!important;font-family:Inter,sans-serif!important;font-size:13px!important}.Toastify__toast--success{background:#c6f6d5!important;color:#22543d!important}.Toastify__toast--error{background:#fed7d7!important;color:#742a2a!important}.forgot-password-container{min-height:100vh;background:linear-gradient(135deg,#f5f5f5,#fff);display:flex;align-items:center;justify-content:center;padding:20px}.forgot-password-main{width:100%;max-width:500px;margin:0 auto}.forgot-password-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 20px 50px #0000001a;animation:slideUp .5s ease}.forgot-password-header{text-align:center;margin-bottom:35px}.forgot-password-header h1{font-size:32px;font-weight:300;color:#1a1a1a;font-family:Playfair Display,serif;margin-bottom:12px}.forgot-password-header p{font-size:14px;color:#666;line-height:1.6}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.forgot-password-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0}@media(max-width:768px){.forgot-password-card{margin:0 auto;padding:30px 25px}.forgot-password-header h1{font-size:28px}.header-icon{font-size:50px}}@media(max-width:576px){.forgot-password-container{padding:15px}.forgot-password-card{padding:25px 20px}.forgot-password-header h1{font-size:24px}.forgot-password-header p{font-size:13px}.input-wrapper input{padding:12px 12px 12px 42px;font-size:14px}.input-icon{left:12px;font-size:16px}.btn-submit{padding:14px;font-size:13px}}.reset-password-container{min-height:100vh;background:linear-gradient(135deg,#f5f5f5,#fff);display:flex;align-items:center;justify-content:center;padding:20px}.reset-password-main{width:100%;max-width:500px;margin:0 auto}.reset-password-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 20px 50px #0000001a;animation:slideUp .5s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reset-password-header{text-align:center;margin-bottom:35px}.header-icon{font-size:60px;display:block;margin-bottom:15px;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.reset-password-header h1{font-size:32px;font-weight:300;color:#1a1a1a;font-family:Playfair Display,serif;margin-bottom:12px}.reset-password-header p{font-size:14px;color:#666;line-height:1.6}.reset-password-form{display:flex;flex-direction:column;gap:20px}.form-group{margin-bottom:5px}.form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:#333;text-transform:uppercase;letter-spacing:1px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;font-size:18px;color:#999;transition:color .3s ease}.input-wrapper input{width:100%;padding:14px 16px 14px 48px;border:1px solid #e0e0e0;border-radius:12px;font-size:15px;transition:all .3s ease;font-family:Montserrat,sans-serif}.input-wrapper input:focus{outline:none;border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.input-wrapper input:focus+.input-icon{color:#d4af37}.input-wrapper input:disabled{background:#f5f5f5;cursor:not-allowed}.password-toggle{position:absolute;right:16px;background:none;border:none;font-size:18px;cursor:pointer;color:#999;transition:color .3s ease;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:#d4af37}.input-hint{display:block;margin-top:6px;font-size:12px;color:#999}.error-message{display:block;margin-top:6px;font-size:12px;color:#f44336}.btn-submit{width:100%;padding:16px;background:#1a1a1a;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-submit:hover:not(:disabled){background:#d4af37;transform:translateY(-2px);box-shadow:0 10px 20px #d4af374d}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.reset-password-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0}.back-link{color:#666;text-decoration:none;font-size:14px;transition:color .3s ease;display:inline-flex;align-items:center;gap:5px}.back-link:hover{color:#d4af37}@media(max-width:768px){.reset-password-card{margin:0 auto;padding:30px 25px}.reset-password-header h1{font-size:28px}.header-icon{font-size:50px}}@media(max-width:576px){.reset-password-container{padding:15px}.reset-password-card{padding:25px 20px}.reset-password-header h1{font-size:24px}.reset-password-header p{font-size:13px}.input-wrapper input{padding:12px 12px 12px 42px;font-size:14px}.input-icon{left:12px;font-size:16px}.btn-submit{padding:14px;font-size:13px}}*{margin:0;padding:0;box-sizing:border-box}.notfound-wrapper{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:80px 40px;background:#f5f7fa;font-family:Inter,sans-serif}.notfound-card{max-width:500px;width:100%;background:#fff;border-radius:20px;padding:40px 35px;text-align:center;box-shadow:0 10px 40px #00000014;border:1px solid #e9ecef}.notfound-icon{margin-bottom:25px}.icon{font-size:64px;display:inline-block;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.error-code{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:20px}.code{font-size:80px;font-weight:700;font-family:Inter,sans-serif;color:#1e3c72;line-height:1}.code.zero{color:#ffc107;font-size:90px;position:relative}.error-title{font-size:24px;font-weight:600;color:#2c3e50;margin-bottom:15px}.error-description{font-size:14px;color:#6c757d;line-height:1.6;margin-bottom:30px}.error-actions{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;border:none;font-family:Inter,sans-serif}.btn-primary{background:#1e3c72;color:#fff}.btn-primary:hover{background:#0f2a4a;transform:translateY(-2px);box-shadow:0 4px 12px #1e3c7233}.btn-secondary{background:#f8f9fa;color:#495057;border:1px solid #dee2e6}.btn-secondary:hover{background:#e9ecef;transform:translateY(-2px)}.quick-links{padding-top:20px;border-top:1px solid #e9ecef}.links-label{display:block;font-size:12px;color:#6c757d;margin-bottom:12px}.links-group{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.quick-link{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#f8f9fa;color:#495057;text-decoration:none;font-size:13px;border-radius:20px;transition:all .3s ease;border:1px solid #e9ecef}.quick-link:hover{background:#1e3c72;color:#fff;border-color:#1e3c72}@media(max-width:576px){.notfound-card{padding:30px 25px}.code{font-size:60px}.code.zero{font-size:68px}.error-title{font-size:20px}.error-description{font-size:13px}.error-actions{flex-direction:column;gap:12px}.btn{justify-content:center}.links-group{gap:12px}.quick-link{padding:5px 12px;font-size:12px}}