body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f7fc;color:#183b73}.app-shell{display:flex;min-height:100vh}.sidebar{width:235px;background:#fff;border-right:1px solid #e4e9f2;position:fixed;left:0;top:0;bottom:0}.brand{height:64px;display:flex;align-items:center;padding:0 18px;font-weight:700;font-size:20px;border-bottom:1px solid #edf1f7;color:#173e80}.sidebar nav{padding:18px 10px}.sidebar nav a{display:block;text-decoration:none;color:#183b73;font-size:13px;padding:11px 14px;border-radius:7px;margin-bottom:4px}.sidebar nav a:hover{background:#f0f5ff}.sidebar-footer{position:absolute;bottom:18px;left:15px;right:15px}.sidebar-footer a{font-size:12px;text-decoration:none}.content{margin-left:235px;width:calc(100% - 235px)}.topbar{height:64px;background:#fff;border-bottom:1px solid #e6ebf3;display:flex;align-items:center;padding:0 22px;color:#173e80}.hamburger{margin-right:20px;font-size:20px}.page-title{font-size:22px;font-weight:500;margin-bottom:3px}.muted{color:#73809a;font-size:13px}.card-chart{background:#fff;border:0;box-shadow:0 3px 14px rgba(38,68,118,.07);border-radius:5px}.card-chart .card-title{font-size:15px;font-weight:600}.chart-box{height:300px}.doc-frame{width:100%;height:520px;border:1px solid #ddd;background:#222}.table thead th{font-size:13px;color:#173e80}.table td{font-size:13px;vertical-align:middle}.admin-sidebar{background:#102f63;min-height:100vh}.admin-sidebar a{color:#fff;text-decoration:none;display:block;padding:10px 14px;font-size:14px}.admin-sidebar a:hover{background:#173f7d}.admin-main{background:#f5f7fb;min-height:100vh}.stat-card{border:0;border-radius:10px}.stat-card h3{font-size:25px}.btn-undana{background:#16468c;color:#fff}.btn-undana:hover{background:#0e3670;color:#fff}@media(max-width:900px){.sidebar{width:70px}.brand{font-size:0;justify-content:center}.sidebar nav a{font-size:0;text-align:center}.sidebar nav a:first-letter{font-size:18px}.content{margin-left:70px;width:calc(100% - 70px)}}