:root {
    --bg: #f4f7fb;
    --card: #ffffff;
    --text: #0f172a;
    --muted: #64748b;
    --line: #e2e8f0;
    --primary: #0f766e;
    --primary-dark: #115e59;
    --primary-soft: #d9f7f3;
    --green: #16a34a;
    --red: #dc2626;
    --orange: #f59e0b;
    --blue: #2563eb;
    --shadow: 0 14px 35px rgba(15, 23, 42, 0.08);
    --radius: 18px;
}
* { box-sizing: border-box; }
html, body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; background:var(--bg); color:var(--text); }
a { text-decoration:none; color:inherit; }
small { color:var(--muted); }

.login-body { min-height:100vh; display:grid; place-items:center; background:linear-gradient(135deg,#063a37 0%,#0f766e 45%,#e9fbf7 100%); padding:18px; }
.login-card { width:100%; max-width:420px; background:rgba(255,255,255,.96); border-radius:28px; box-shadow:0 28px 80px rgba(0,0,0,.22); padding:28px; }
.login-logo { display:flex; align-items:center; gap:12px; margin-bottom:22px; }
.logo-mark, .login-mark { width:52px; height:52px; border-radius:16px; background:var(--primary); color:white; display:grid; place-items:center; font-weight:900; letter-spacing:.5px; flex:0 0 auto; }
.login-logo h1 { margin:0; font-size:24px; }
.login-logo p { margin:3px 0 0; color:var(--muted); font-size:13px; }

.app-shell { display:flex; min-height:100vh; }
.sidebar { width:292px; background:#083733; color:#d9fffa; padding:18px; position:fixed; inset:0 auto 0 0; z-index:40; display:flex; flex-direction:column; overflow-y:auto; box-shadow:18px 0 45px rgba(15,23,42,.10); }
.logo-box { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.logo-box .logo-mark { background:#14b8a6; color:#062d2b; }
.logo-box strong { display:block; font-size:18px; color:white; }
.logo-box span { color:#9ce8de; font-size:13px; }
.nav-menu { display:flex; flex-direction:column; gap:8px; }
.nav-link { display:flex; align-items:center; width:100%; min-height:42px; color:#d9fffa; padding:11px 13px; border-radius:14px; font-weight:800; font-size:14px; line-height:1.25; white-space:normal; word-break:normal; }
.nav-link:hover, .nav-link.active { background:rgba(255,255,255,.14); color:#fff; }
.nav-dropdown { display:block; border-top:1px solid rgba(255,255,255,.07); padding-top:6px; }
.nav-dropdown summary { cursor:pointer; padding:10px 12px; font-size:12px; letter-spacing:.08em; font-weight:900; color:#99f6e4; list-style:none; }
.nav-dropdown summary::-webkit-details-marker { display:none; }
.nav-group { display:flex; flex-direction:column; gap:4px; padding-left:8px; }
.sidebar-footer { margin-top:auto; padding-top:14px; }
.logout-link { display:block; padding:12px 14px; border-radius:14px; background:rgba(255,255,255,.10); color:white; font-weight:800; }
.sidebar-backdrop { display:none; }

.main-content { margin-left:292px; width:calc(100% - 292px); padding:22px; }
.topbar { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:18px; }
.menu-toggle { display:none; border:0; background:var(--primary); color:white; border-radius:12px; padding:10px 12px; font-size:18px; }
.page-heading { min-width:0; }
.page-brand { font-size:24px; font-weight:900; letter-spacing:.2px; }
.page-subtitle { font-size:13px; color:var(--muted); margin-top:3px; }
.topbar-user { display:flex; align-items:center; gap:10px; background:#fff; padding:10px 14px; border-radius:18px; box-shadow:var(--shadow); flex:0 0 auto; }
.avatar { width:38px; height:38px; border-radius:50%; background:var(--primary-soft); color:var(--primary-dark); display:grid; place-items:center; font-weight:900; }
.topbar-user strong, .topbar-user small { display:block; }
.topbar-user small { color:var(--muted); margin-top:2px; }

.grid { display:grid; gap:16px; }
.grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.grid-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.grid-5 { grid-template-columns:repeat(5,minmax(0,1fr)); }
.card { background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow); padding:18px; border:1px solid rgba(226,232,240,.9); }
.card-title { margin:0 0 14px; font-size:17px; font-weight:900; }
.card-subtitle { margin:-8px 0 14px; color:var(--muted); font-size:13px; }
.stat { display:flex; flex-direction:column; gap:6px; min-width:0; }
.stat span { color:var(--muted); font-size:13px; font-weight:800; }
.stat strong { font-size:23px; line-height:1.15; word-break:break-word; }
.stat.green strong { color:var(--green); }
.stat.red strong { color:var(--red); }
.stat.orange strong { color:var(--orange); }
.stat.blue strong { color:var(--blue); }

.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.form-group { display:grid; gap:7px; }
.form-group.full { grid-column:1 / -1; }
.form-group label { font-weight:800; font-size:13px; }
input, select, textarea { width:100%; border:1px solid var(--line); border-radius:13px; padding:11px 12px; font-size:14px; outline:none; background:white; }
input:focus, select:focus, textarea:focus { border-color:var(--primary); box-shadow:0 0 0 3px var(--primary-soft); }
textarea { min-height:88px; resize:vertical; }
.form-actions, .report-actions { display:flex; gap:10px; align-items:center; margin-top:14px; flex-wrap:wrap; }
.btn { border:0; border-radius:13px; padding:11px 14px; font-weight:900; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:8px; line-height:1.1; }
.btn-primary { background:var(--primary); color:#fff; }
.btn-primary:hover { background:var(--primary-dark); }
.btn-soft { background:var(--primary-soft); color:var(--primary-dark); }
.btn-red { background:#fee2e2; color:#991b1b; }
.btn-gray { background:#f3f4f6; color:#374151; }
.btn-full { width:100%; }

.table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:16px; background:#fff; }
table { width:100%; border-collapse:collapse; min-width:760px; }
th, td { text-align:left; padding:12px 13px; border-bottom:1px solid var(--line); font-size:14px; vertical-align:top; }
th { background:#f8fafc; font-size:12px; text-transform:uppercase; color:var(--muted); letter-spacing:.4px; }
tr:last-child td { border-bottom:0; }
tfoot th, tfoot td { background:#f8fafc; font-weight:900; }
.badge { display:inline-flex; padding:5px 9px; border-radius:999px; font-size:12px; font-weight:900; white-space:nowrap; }
.badge-green { background:#dcfce7; color:#166534; }
.badge-red { background:#fee2e2; color:#991b1b; }
.badge-blue { background:#dbeafe; color:#1e40af; }
.badge-orange { background:#fef3c7; color:#92400e; }
.badge-gray { background:#f3f4f6; color:#374151; }

.alert { padding:12px 14px; border-radius:15px; margin-bottom:14px; font-weight:700; }
.alert-success { background:#dcfce7; color:#166534; }
.alert-danger { background:#fee2e2; color:#991b1b; }
.alert-warning { background:#fef3c7; color:#92400e; }
.alert-info { background:#dbeafe; color:#1e40af; }
.filters { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; align-items:end; }
.note { color:var(--muted); font-size:13px; line-height:1.5; }
.balance-box { background:linear-gradient(135deg,#0f766e,#14b8a6); color:white; border-radius:22px; padding:20px; box-shadow:var(--shadow); }
.balance-box span { opacity:.9; font-size:13px; font-weight:800; }
.balance-box strong { display:block; font-size:30px; margin-top:7px; }
.balance-box small { color:rgba(255,255,255,.82); display:block; margin-top:6px; line-height:1.45; }
.required { color:#dc2626; font-weight:900; font-size:12px; }
.note-inline { color:#6b7280; font-weight:700; font-size:12px; }
.calc-panel { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.calc-item { background:#f8fafc; border:1px solid #e5e7eb; border-radius:16px; padding:14px; }
.calc-item span, .calc-item small { display:block; color:#6b7280; font-size:12px; font-weight:800; }
.calc-item strong { display:block; margin:6px 0 2px; font-size:22px; }
.file-links { display:flex; gap:6px; flex-wrap:wrap; }
.file-links a { display:inline-flex; background:#d9f7f3; color:#115e59; padding:6px 9px; border-radius:999px; font-weight:900; font-size:12px; }
.action-stack { display:flex; flex-direction:column; gap:6px; align-items:flex-start; }
.action-stack form { margin:0; }
.action-row { display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.action-row form { margin:0; }

.statement { border:1px solid var(--line); border-radius:18px; overflow:hidden; background:white; }
.statement-row { display:grid; grid-template-columns:1fr 190px; gap:12px; padding:11px 14px; border-bottom:1px solid var(--line); align-items:center; }
.statement-row:last-child { border-bottom:0; }
.statement-row.group { background:#f8fafc; font-weight:900; text-transform:uppercase; color:#334155; font-size:12px; letter-spacing:.06em; }
.statement-row.total { background:#ecfdf5; font-weight:900; }
.statement-row.loss { background:#fef2f2; }
.statement-row .amount { text-align:right; font-weight:900; }
.chart-card svg { width:100%; height:auto; display:block; }
.chart-axis { font-size:11px; fill:#64748b; }
.chart-line { fill:none; stroke:#0f766e; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.chart-fill { fill:#0f766e; opacity:.08; }
.chart-point { fill:#0f766e; }
.daily-card { border:1px solid var(--line); border-radius:18px; overflow:hidden; margin-bottom:14px; background:#fff; }
.daily-head { padding:14px 16px; background:#f8fafc; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.daily-head strong { font-size:16px; }
.daily-body { padding:14px; }
.print-only { display:none; }

@media (max-width: 1100px) {
    .grid-4, .grid-5 { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px) {
    .sidebar { transform:translateX(-110%); transition:.2s ease; width:86vw; max-width:320px; }
    body.sidebar-open .sidebar { transform:translateX(0); }
    body.sidebar-open .sidebar-backdrop { display:block; position:fixed; inset:0; background:rgba(0,0,0,.35); z-index:30; }
    .main-content { margin-left:0; width:100%; padding:14px; }
    .menu-toggle { display:inline-flex; flex:0 0 auto; }
    .topbar { align-items:center; position:sticky; top:0; z-index:20; background:rgba(244,247,251,.92); backdrop-filter:blur(10px); padding:8px 0; }
    .topbar-user { display:none; }
    .page-brand { font-size:20px; }
    .page-subtitle { display:none; }
    .grid-2, .grid-3, .grid-4, .grid-5, .form-grid, .filters, .calc-panel { grid-template-columns:1fr; }
    .card { padding:15px; border-radius:17px; }
    .stat strong { font-size:21px; }
    .balance-box strong { font-size:25px; }
    .btn { width:100%; }
    .report-actions .btn, .form-actions .btn, .action-row .btn, .file-links a { width:auto; }
    .table-wrap { border-radius:14px; }
    table { min-width:720px; }
    th, td { padding:10px 11px; font-size:13px; }
    .statement-row { grid-template-columns:1fr; gap:4px; }
    .statement-row .amount { text-align:left; }
    .daily-head { display:grid; }
}
@media print {
    body { background:#fff; }
    .sidebar, .sidebar-backdrop, .topbar, .menu-toggle, .report-actions, .no-print, .btn { display:none !important; }
    .main-content { margin-left:0; width:100%; padding:0; }
    .card, .balance-box, .daily-card { box-shadow:none; border:1px solid #ddd; break-inside:avoid; }
    .balance-box { background:#fff !important; color:#000; }
    .balance-box small { color:#333; }
    .print-only { display:block; }
    a { color:#000; }
    table { min-width:0; font-size:11px; }
    th, td { padding:6px 7px; }
}

/* LAN PROFILE LOGOUT FIX */
.topbar-user { cursor: pointer; }
.topbar-user:hover { transform: translateY(-1px); }
.profile-mini-link {
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    padding:10px 11px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    font-weight:900!important;
}
.profile-mini-link:hover { background:rgba(255,255,255,.18)!important; }
.profile-mini-avatar {
    width:36px;
    height:36px;
    min-width:36px;
    border-radius:14px;
    display:grid;
    place-items:center;
    background:#14b8a6;
    color:#052e2b;
    font-weight:900;
}
.profile-mini-text { min-width:0; display:grid; gap:2px; }
.profile-mini-text strong,
.profile-mini-text small { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.profile-mini-text small { color:#bff7ef; font-size:11px; font-weight:800; }
.profile-page { display:grid; gap:14px; }
.profile-hero {
    display:flex;
    align-items:center;
    gap:14px;
    background:linear-gradient(135deg,#0f766e,#14b8a6)!important;
    color:#fff;
}
.profile-avatar-large {
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:24px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.22);
    font-size:30px;
    font-weight:900;
}
.profile-info h2 { margin:0; font-size:24px; }
.profile-info p { margin:5px 0; color:rgba(255,255,255,.9); font-weight:800; }
.profile-info small { color:rgba(255,255,255,.78); }
.profile-row { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--line); }
.profile-row:last-child { border-bottom:0; }
.profile-row span { color:var(--muted); font-weight:800; }
.profile-row strong { text-align:right; }
.password-line { display:flex; gap:8px; }
.password-line input { flex:1; min-width:0; }
.btn-eye-profile { width:auto!important; white-space:nowrap; }
.profile-logout-card { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.profile-logout-card h3 { margin:0 0 3px; font-size:16px; }
.profile-logout-card p { margin:0; color:var(--muted); font-size:13px; }
.profile-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.btn-logout-profile { background:#fee2e2!important; color:#991b1b!important; }

@media (max-width:900px) {
    .profile-hero { padding:13px!important; border-radius:18px!important; }
    .profile-avatar-large { width:54px; height:54px; min-width:54px; border-radius:18px; font-size:22px; }
    .profile-info h2 { font-size:17px; line-height:1.1; }
    .profile-info p { font-size:12px; margin:3px 0; }
    .profile-info small { font-size:11px; }
    .profile-grid { grid-template-columns:1fr!important; }
    .profile-row { padding:8px 0; font-size:12px; }
    .profile-logout-card { display:grid; gap:10px; }
    .profile-actions { display:grid; grid-template-columns:1fr 1fr; width:100%; }
    .profile-actions .btn { width:100%!important; }
    .password-line { gap:6px; }
    .btn-eye-profile { min-width:72px!important; }
    .sidebar-footer { padding-bottom:calc(12px + env(safe-area-inset-bottom))!important; }
}

/* LAN FIX PROFILE BOTTOM NAV SAFE V2 */
.mobile-bottom-nav{display:none}.profile-summary-grid{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:center}.profile-avatar-big{width:76px;height:76px;border-radius:24px;background:linear-gradient(135deg,#2563eb,#06b6d4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;box-shadow:0 14px 30px rgba(37,99,235,.25)}.profile-info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-info-list div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:10px 12px}.profile-info-list span{display:block;color:#64748b;font-size:12px;margin-bottom:3px}.profile-info-list strong{display:block;color:#0f172a;font-size:14px;word-break:break-word}.password-row{display:flex;gap:8px}.password-row input{min-width:0;flex:1}.btn-mini{padding:8px 10px;font-size:12px;white-space:nowrap}
@media(max-width:768px){body{padding-bottom:76px!important}.main-content{padding-bottom:92px!important}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:5000;display:grid;grid-template-columns:repeat(6,1fr);gap:0;background:rgba(255,255,255,.97);border-top:1px solid #e5e7eb;box-shadow:0 -12px 30px rgba(15,23,42,.12);padding:6px 4px calc(6px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.mobile-bottom-item{min-width:0;text-decoration:none;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;font-weight:700;line-height:1.05;padding:5px 2px;border-radius:14px}.mobile-bottom-item.active{background:#eff6ff;color:#2563eb}.mobile-bottom-icon{font-size:17px;line-height:1}.sidebar-open .mobile-bottom-nav{display:none}.sidebar-footer .logout-link[href="logout.php"]{display:none!important}.topbar-user{cursor:pointer}.profile-summary-grid{grid-template-columns:54px 1fr;gap:10px}.profile-avatar-big{width:50px;height:50px;border-radius:17px;font-size:22px}.profile-info-list{grid-template-columns:1fr;gap:7px}.profile-info-list div{padding:8px 10px}.profile-info-list span{font-size:11px}.profile-info-list strong{font-size:13px}.password-row{gap:6px}.btn-mini{padding:7px 9px;font-size:11px}.form-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.form-actions .btn{width:100%;justify-content:center}.nav-menu .nav-link[href="logout.php"],.sidebar .logout-link[href="logout.php"]{display:none!important}}
/* LAN FIX BOTTOM ICONS LOGOUT PROFILE V3 */
.topbar-user-link{text-decoration:none;color:inherit}.topbar-user-link:hover{background:#f8fafc}.sidebar-footer .profile-only-link{display:flex;align-items:center;justify-content:center;width:100%;border-radius:16px;background:#eff6ff;color:#1d4ed8!important;text-decoration:none;font-weight:800;padding:12px 14px;border:1px solid #bfdbfe}.sidebar-footer .profile-only-link:before{content:"👤";margin-right:8px}.nav-menu a[href="logout.php"],.sidebar a[href="logout.php"],.mobile-bottom-nav a[href="logout.php"]{display:none!important}.mobile-bottom-nav-v3{display:none}.mobile-bottom-nav-v3 svg{width:22px;height:22px;display:block;fill:currentColor}
@media(max-width:768px){body{padding-bottom:82px!important}.main-content{padding-bottom:96px!important}.mobile-bottom-nav:not(.mobile-bottom-nav-v3){display:none!important}.mobile-bottom-nav-v3{position:fixed;left:0;right:0;bottom:0;z-index:7000;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;background:rgba(255,255,255,.98);border-top:1px solid #e2e8f0;box-shadow:0 -16px 34px rgba(15,23,42,.14);padding:7px 6px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(16px)}.mobile-bottom-nav-v3 .mobile-bottom-item{min-width:0;text-decoration:none;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:800;line-height:1;padding:6px 1px 5px;border-radius:18px;transition:.18s ease;overflow:hidden;white-space:nowrap}.mobile-bottom-nav-v3 .mobile-bottom-icon{width:34px;height:28px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#64748b;background:transparent}.mobile-bottom-nav-v3 .mobile-bottom-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.mobile-bottom-nav-v3 .mobile-bottom-item.active{color:#2563eb;background:#eff6ff}.mobile-bottom-nav-v3 .mobile-bottom-item.active .mobile-bottom-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 8px 18px rgba(37,99,235,.28)}.mobile-bottom-nav-v3 .mobile-bottom-item:hover{color:#2563eb}.sidebar-open .mobile-bottom-nav-v3{display:none!important}.sidebar-footer a[href="logout.php"],.topbar a[href="logout.php"],a.logout-link[href="logout.php"]{display:none!important}.sidebar-footer{padding-bottom:18px!important}.topbar-user-link{border-radius:18px;padding:7px 8px}.topbar-user-link small{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-card .btn-danger,.content-card a[href="logout.php"]{display:inline-flex!important}.nav-dropdown .nav-link[href="logout.php"]{display:none!important}}



/* LAN FIX BOTTOM NAV + PROFILE V5 */
.sidebar .sidebar-footer,.sidebar a[href="logout.php"],.sidebar a[href="profile.php"],.sidebar .logout-link,.sidebar .profile-mini-link,.sidebar .profile-only-link{display:none!important}.lan-bottom-nav-v5{display:none}.avatar-photo-v5{overflow:hidden;padding:0!important}.avatar-photo-v5 img{width:100%;height:100%;object-fit:cover;display:block}.profile-hero-v5{display:flex;align-items:center;gap:16px}.profile-photo-large-v5,.profile-avatar-large-v5{width:92px;height:92px;border-radius:28px;object-fit:cover;border:4px solid #fff;box-shadow:0 14px 35px rgba(15,23,42,.16)}.profile-avatar-large-v5{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;font-size:34px;font-weight:900}.profile-info-v5 h2{margin:0 0 4px;font-size:24px}.profile-info-v5 p{margin:0 0 4px;color:#475569;font-weight:700}.profile-info-v5 small{color:#64748b}.profile-row-v5{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eef2f7;padding:10px 0}.profile-row-v5:last-child{border-bottom:0}.password-line-v5{display:flex;gap:8px}.password-line-v5 input{flex:1}.compact-actions-v5{display:flex;gap:10px;flex-wrap:wrap}.btn-red{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}
@media(max-width:768px){body{padding-bottom:86px!important}.main-content{padding-bottom:100px!important}.mobile-bottom-nav,.mobile-bottom-nav-v4{display:none!important}.lan-bottom-nav-v5{position:fixed;left:0;right:0;bottom:0;z-index:8000;display:flex!important;align-items:stretch;justify-content:space-around;gap:4px;background:rgba(255,255,255,.98);border-top:1px solid #e2e8f0;box-shadow:0 -14px 34px rgba(15,23,42,.14);padding:7px 6px calc(7px + env(safe-area-inset-bottom));backdrop-filter:blur(16px)}.lan-bottom-link-v5{flex:1;min-width:0;text-decoration:none;color:#64748b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9.2px;font-weight:900;line-height:1.05;padding:5px 1px;border-radius:18px;white-space:nowrap;overflow:hidden}.lan-bottom-icon-v5{width:38px;height:30px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1px solid #e2e8f0}.lan-bottom-icon-v5:before{content:"";width:22px;height:22px;display:block;background-repeat:no-repeat;background-position:center;background-size:contain}.lan-bottom-text-v5{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.lan-bottom-link-v5.active{color:#0f766e;background:#ecfeff}.lan-bottom-link-v5.active .lan-bottom-icon-v5{background:linear-gradient(135deg,#0f766e,#14b8a6);border-color:transparent;box-shadow:0 8px 18px rgba(15,118,110,.28)}.sidebar-open .lan-bottom-nav-v5{display:none!important}.profile-page-v5 .card{padding:14px!important}.profile-hero-v5{padding:16px!important;gap:12px}.profile-photo-large-v5,.profile-avatar-large-v5{width:74px!important;height:74px!important;border-radius:22px!important;font-size:28px!important}.profile-info-v5 h2{font-size:19px!important}.profile-info-v5 p,.profile-info-v5 small{font-size:12px!important}.profile-grid-v5{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.profile-row-v5{font-size:13px;padding:8px 0}.password-line-v5{gap:6px}.password-line-v5 .btn{padding:10px 10px!important}.compact-actions-v5 .btn{flex:1;justify-content:center}}
.lan-ico-home:before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010.8%2012%203l9%207.8%22%2F%3E%3Cpath%20d%3D%22M5.3%209.8V20h13.4V9.8%22%2F%3E%3Cpath%20d%3D%22M9.5%2020v-6h5v6%22%2F%3E%3C%2Fsvg%3E")}
.lan-bottom-link-v5.active .lan-ico-home:before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010.8%2012%203l9%207.8%22%2F%3E%3Cpath%20d%3D%22M5.3%209.8V20h13.4V9.8%22%2F%3E%3Cpath%20d%3D%22M9.5%2020v-6h5v6%22%2F%3E%3C%2Fsvg%3E")}
.lan-ico-kasir:before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223.5%22%20y%3D%224.5%22%20width%3D%2217%22%20height%3D%2215%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M6.5%208h11%22%2F%3E%3Cpath%20d%3D%22M7%2013h5%22%2F%3E%3Cpath%20d%3D%22M7%2016h3%22%2F%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2215%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E")}
.lan-bottom-link-v5.active .lan-ico-kasir:before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223.5%22%20y%3D%224.5%22%20width%3D%2217%22%20height%3D%2215%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M6.5%208h11%22%2F%3E%3Cpath%20d%3D%22M7%2013h5%22%2F%3E%3Cpath%20d%3D%22M7%2016h3%22%2F%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2215%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E")}
.lan-ico-manager:before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%207V5.5A2.5%202.5%200%200%201%2010.5%203h3A2.5%202.5%200%200%201%2016%205.5V7%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%2213%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2012h18%22%2F%3E%3Cpath%20d%3D%22M10%2012v2h4v-2%22%2F%3E%3C%2Fsvg%3E")}
.lan-bottom-link-v5.active .lan-ico-manager:before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%207V5.5A2.5%202.5%200%200%201%2010.5%203h3A2.5%202.5%200%200%201%2016%205.5V7%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%2218%22%20height%3D%2213%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2012h18%22%2F%3E%3Cpath%20d%3D%22M10%2012v2h4v-2%22%2F%3E%3C%2Fsvg%3E")}
.lan-ico-owner:before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%205%206.5v5.3c0%204.3%202.8%207.4%207%208.6%204.2-1.2%207-4.3%207-8.6V6.5L12%203Z%22%2F%3E%3Cpath%20d%3D%22m12%208%201.1%202.2%202.4.4-1.7%201.7.4%202.4-2.2-1.1-2.2%201.1.4-2.4-1.7-1.7%202.4-.4L12%208Z%22%2F%3E%3C%2Fsvg%3E")}
.lan-bottom-link-v5.active .lan-ico-owner:before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%205%206.5v5.3c0%204.3%202.8%207.4%207%208.6%204.2-1.2%207-4.3%207-8.6V6.5L12%203Z%22%2F%3E%3Cpath%20d%3D%22m12%208%201.1%202.2%202.4.4-1.7%201.7.4%202.4-2.2-1.1-2.2%201.1.4-2.4-1.7-1.7%202.4-.4L12%208Z%22%2F%3E%3C%2Fsvg%3E")}
.lan-ico-profile:before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4.5%2020c1.1-4%204-6%207.5-6s6.4%202%207.5%206%22%2F%3E%3C%2Fsvg%3E")}
.lan-bottom-link-v5.active .lan-ico-profile:before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4.5%2020c1.1-4%204-6%207.5-6s6.4%202%207.5%206%22%2F%3E%3C%2Fsvg%3E")}

/* LAN FIX PROFILE PASSWORD BESAR V7 */
.password-card-v7{grid-column:1/-1!important;max-width:100%!important}.password-card-v7 input[type=password],.password-card-v7 input[type=text]{height:56px!important;min-height:56px!important;font-size:17px!important;border-radius:16px!important;padding:0 16px!important}.password-card-v7 .password-line-v7{display:grid!important;grid-template-columns:minmax(0,1fr) 86px!important;gap:8px!important}.password-card-v7 .password-line-v7 .btn{height:56px!important;min-height:56px!important;width:86px!important}.password-card-v7 form{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:15px!important}.password-card-v7 .form-actions{grid-column:1/-1!important;text-align:right!important}@media(max-width:900px){.password-card-v7 form{grid-template-columns:1fr!important}.password-card-v7 .password-line-v7{grid-template-columns:minmax(0,1fr) 82px!important}.password-card-v7 .form-actions .btn{width:100%!important}}