.ss-navbar{
    height:60px;
    border-bottom:1px solid var(--ss-border);
    background:#fff;
}

.ss-navbar-inner{
    max-width:var(--ss-page-width);
    margin:auto;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 20px;
}

.ss-brand{
    font-size:18px;
    font-weight:500;
}

.ss-menu{
    display:flex;
    gap:28px;
}

.ss-menu a{
    font-size:14px;
}

.ss-container{
    max-width:var(--ss-page-width);
    margin:auto;
    padding:30px 20px;
}

.ss-portal{
    display:flex;
    min-height:100vh;
}

.ss-sidebar{
    width:240px;
    border-right:1px solid var(--ss-border);
    background:#fff;
}

.ss-content{
    flex:1;
    padding:25px;
}

.ss-app{
    min-height:100vh;
}

.ss-portal{
    display:flex;
}

.ss-content{
    flex:1;
    padding:30px;
}
.ss-container-fluid{
    width:100%;
    padding:0 30px;
}

.ss-topbar{
    height:38px;
    border-bottom:1px solid var(--ss-border);
}

.ss-topbar-inner{
    height:38px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:12px;
}

.ss-navbar{
    height:64px;
}

.ss-navbar-inner{
    height:64px;
}

.ss-brand{
    font-size:18px;
    font-weight:500;
}

.ss-menu a{
    font-size:14px;
}

.ss-hero{
    padding:90px 0;
}

.ss-hero-content{
    max-width:700px;
}

.ss-hero-content h1{
    font-size:20px;
    font-weight:500;
    margin:15px 0;
}

.ss-hero-content p{
    max-width:600px;
}