body{background:#050505;color:#fff;font-family:Arial,sans-serif}.nav-custom{background:rgba(0,0,0,.88);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.logo-up{background:#ff7a00;color:#111;padding:6px 10px;border-radius:10px;margin-right:5px;font-weight:900}.hero{background:radial-gradient(circle at top left,rgba(255,122,0,.22),transparent 32%),#050505;padding-top:95px}.hero-title{font-size:4rem;font-weight:900;line-height:1.05}.hero-text{color:#bbb;font-size:1.2rem;margin-top:20px}.btn-orange{background:#ff7a00;color:#111;font-weight:800;border:none}.btn-orange:hover{background:#ff9a3d;color:#111}.btn-outline-orange{border:1px solid #ff7a00;color:#ff7a00;font-weight:800}.btn-outline-orange:hover{background:#ff7a00;color:#111}.badge-top{background:rgba(255,122,0,.15);color:#ff9a3d;padding:10px 18px;border-radius:999px;display:inline-block;margin-bottom:25px}.dashboard-box,.form-card,.plano-card,.feature-box,.contract-card{background:#121212;border-radius:25px;border:1px solid rgba(255,255,255,.08)}.dashboard-header{height:50px;background:#1a1a1a;display:flex;align-items:center;gap:8px;padding:0 20px;border-radius:25px 25px 0 0}.dashboard-header span{width:12px;height:12px;border-radius:50%;background:#444}.dashboard-content{padding:30px}.pedido-item{background:#1b1b1b;border-radius:18px;padding:18px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.pedido-item small{display:block;color:#999}.status{width:12px;height:12px;border-radius:50%}.orange{background:#ff7a00}.blue{background:#008cff}.btn-whats{background:#25d366;color:#111;padding:8px 16px;border-radius:999px;text-decoration:none;font-weight:700}.faturamento-box{background:#ff7a00;color:#111;padding:25px;border-radius:20px;margin-top:25px}.section-dark{background:#0b0b0b}.section-tag{color:#ff7a00;text-transform:uppercase;font-weight:800;letter-spacing:2px}.section-title{font-size:3rem;font-weight:900;margin-top:10px}.feature-box{padding:35px;height:100%}.feature-box i{font-size:2.2rem;color:#ff7a00}.feature-box h5{margin-top:20px;font-weight:800}.feature-box p{color:#aaa}.plano-card{padding:40px;height:100%;position:relative}.plano-card.destaque{border:2px solid #ff7a00;box-shadow:0 0 35px rgba(255,122,0,.12)}.badge-plano{position:absolute;top:20px;right:20px;background:#ff7a00;color:#111;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:800}.preco{font-size:3rem;font-weight:900;margin:25px 0}.preco span{font-size:1rem;color:#aaa}.plano-card ul{list-style:none;padding:0;margin-bottom:30px}.plano-card li{margin-bottom:12px;color:#ddd}.form-card{padding:35px}.form-control,.form-select{background:#0b0b0b!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:14px!important;padding:13px!important}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .25rem rgba(255,122,0,.18)!important;border-color:#ff7a00!important}label{font-weight:800;margin-bottom:7px}.contract-box{background:rgba(255,122,0,.09);border:1px solid rgba(255,122,0,.32);border-radius:18px;padding:18px;color:#ddd}.contract-card{padding:25px;max-height:430px;overflow:auto;color:#ddd}.contract-card h1,.contract-card h2,.contract-card h3{color:#ff7a00}.contract-card p,.contract-card li{font-size:14px;line-height:1.6}.alert-dark-custom{background:#111;border:1px solid rgba(255,255,255,.1);color:#ddd;border-radius:18px;padding:18px}.footer{border-top:1px solid rgba(255,255,255,.08);color:#888}.erro-box{max-width:760px;margin:50px auto;background:#121212;border:1px solid rgba(255,122,0,.35);border-radius:22px;padding:30px}@media(max-width:768px){.hero-title{font-size:2.6rem}.section-title{font-size:2.2rem}.form-card,.plano-card{padding:25px}.contract-card{max-height:330px}}
/* =========================================================
   Login / Dashboard - Up Lavanderias
   Adicione no final do assets/css/style.css
========================================================= */

.auth-page{
    min-height:100vh;
    background:
    radial-gradient(circle at top left, rgba(255,122,0,.22), transparent 30%),
    #050505;
    display:flex;
    align-items:center;
    padding:40px 0;
}

.auth-card{
    background:#121212;
    border:1px solid rgba(255,255,255,.09);
    border-radius:28px;
    padding:35px;
    box-shadow:0 20px 70px rgba(0,0,0,.4);
}

.auth-card h1{
    font-weight:900;
}

.dashboard-layout{
    min-height:100vh;
    background:#080808;
}

.sidebar{
    background:#050505;
    border-right:1px solid rgba(255,255,255,.08);
    min-height:100vh;
    padding:25px 18px;
    position:fixed;
    width:270px;
    left:0;
    top:0;
}

.sidebar-brand{
    font-weight:900;
    font-size:1.3rem;
    color:#fff;
    text-decoration:none;
    display:block;
    margin-bottom:30px;
}

.sidebar-menu a{
    display:flex;
    align-items:center;
    gap:10px;
    color:#bbb;
    padding:13px 15px;
    border-radius:14px;
    text-decoration:none;
    margin-bottom:7px;
    font-weight:700;
}

.sidebar-menu a:hover,
.sidebar-menu a.active{
    background:rgba(255,122,0,.13);
    color:#ff7a00;
}

.main-content{
    margin-left:270px;
    padding:30px;
}

.topbar{
    background:#121212;
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    padding:20px;
    margin-bottom:25px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
}

.metric-card{
    background:#121212;
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    padding:25px;
    height:100%;
}

.metric-card span{
    color:#aaa;
    font-size:.9rem;
}

.metric-card h2{
    font-weight:900;
    margin:10px 0 0;
}

.metric-icon{
    width:48px;
    height:48px;
    border-radius:16px;
    display:grid;
    place-items:center;
    background:#ff7a00;
    color:#111;
    font-size:1.4rem;
}

.panel-card{
    background:#121212;
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    padding:25px;
}

.table-dark-custom{
    color:#ddd;
}

.table-dark-custom th{
    color:#ff7a00;
    border-color:rgba(255,255,255,.08);
}

.table-dark-custom td{
    border-color:rgba(255,255,255,.08);
}

.mobile-menu-btn{
    display:none;
}

@media(max-width: 991px){
    .sidebar{
        position:relative;
        width:100%;
        min-height:auto;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.08);
    }

    .main-content{
        margin-left:0;
        padding:20px;
    }

    .topbar{
        flex-direction:column;
        align-items:flex-start;
    }
}