*{margin:0;padding:0;box-sizing:border-box}.navbar{position:fixed;top:0;left:0;width:100%;height:60px;background:#1f2937;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 4px 12px #00000040;z-index:1000}.nav-left{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;cursor:pointer}.nav-left i{font-size:18px}.nav-right{display:flex;align-items:center;gap:16px}.icon{font-size:18px}.text{font-size:14px}.username{display:flex;align-items:center;gap:6px;font-size:14px;background:#ffffff1f;padding:6px 12px;border-radius:20px;white-space:nowrap}.name{max-width:170px;overflow-x:auto;white-space:nowrap;display:inline-block;scrollbar-width:none}.name::-webkit-scrollbar{display:none}.logout-btn{display:flex;align-items:center;gap:6px;background:#ef4444;border:none;padding:8px 14px;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;transition:background .3s}.logout-btn i{font-size:16px}.logout-btn:hover{background:#dc2626}@media(max-width:480px){.logout-btn .text{display:none}}.page-content{padding-top:60px}@media(max-width:480px){.text{display:none}.navbar{padding:0 14px}.username{font-size:13px;padding:5px 10px}.name{max-width:110px}.logout-btn{padding:6px 10px}}.maintenance-container{min-height:100vh;background:linear-gradient(135deg,#f9fafb,#eef2f7);display:flex;align-items:center;justify-content:center;padding:20px}.maintenance-card{background:#fff;max-width:420px;width:100%;padding:40px 30px;border-radius:14px;text-align:center;box-shadow:0 10px 30px #00000014;animation:fadeIn .4s ease-in-out}.icon{font-size:48px;margin-bottom:15px}.maintenance-card h1{font-size:24px;font-weight:600;color:#111827;margin-bottom:10px}.maintenance-card p{font-size:15px;color:#4b5563;line-height:1.6}.sub-text{margin-top:8px;color:#6b7280}footer{margin-top:25px;font-size:13px;color:#9ca3af}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}