:root{--primary:#009ef7;--primary-hover:#0095e8;--success:#50cd89;--danger:#f1416c;--warning:#ffc700;--dark:#181c32;--gray-100:#eef1f5;--gray-200:#e4e7eb;--gray-300:#d5d8dc;--gray-400:#b5b5c3;--gray-500:#a1a5b7;--gray-600:#7e8299;--gray-700:#5e6278;--gray-800:#3f4254;--gray-900:#181c32;--white:#f8f9fb;--body-bg:#e8ebef;--card-bg:#f2f4f7;--header-bg:#1e1e2d;--sidebar-bg:#1e1e2d;--highlight:#5BCFC8;--pink:#FA5270;--font:Poppins,sans-serif;--shadow:0 0 20px 0 rgba(76,87,125,.04);--radius:0.475rem}
[data-theme=dark]{--body-bg:#1b1b29;--card-bg:#1e1e2d;--gray-100:#2b2b40;--gray-200:#323248;--gray-300:#474761;--gray-400:#636380;--gray-500:#7e7e94;--gray-600:#a1a1b5;--gray-700:#cdcdde;--gray-800:#e1e1ef;--gray-900:#f5f5f9;--white:#1e1e2d;--dark:#f5f5f9;--shadow:0 0 20px 0 rgba(0,0,0,.3)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--font);background:var(--body-bg);color:var(--gray-900);font-size:13px;line-height:1.5;min-height:100vh}
a{text-decoration:none}
.header{position:fixed;top:0;left:0;right:0;height:65px;background:var(--header-bg);display:flex;align-items:center;justify-content:space-between;padding:0 25px;z-index:1000;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.header-left{display:flex;align-items:center;gap:15px}
.menu-toggle{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:8px;border-radius:6px}
.menu-toggle:hover{background:rgba(255,255,255,.1)}
.logo-text{color:#fff;font-size:16px;font-weight:600;text-decoration:none}
.header-right{display:flex;align-items:center;gap:12px}
.theme-btn{background:rgba(255,255,255,.1);border:none;color:#fff;width:35px;height:35px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.theme-btn:hover{background:rgba(255,255,255,.2)}
.user-name{color:rgba(255,255,255,.7);font-size:12px}
.sidebar{position:fixed;top:65px;left:0;bottom:0;width:100px;background:var(--sidebar-bg);padding:20px 0;z-index:999;transition:transform .3s}
.sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:5px}
.sidebar-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;color:var(--gray-500);text-decoration:none;border-radius:8px;font-size:11px;width:85px;text-align:center;transition:all .2s}
.sidebar-nav a i{font-size:18px}
.sidebar-nav a.active,.sidebar-nav a:hover{color:var(--primary);background:rgba(0,158,247,.08)}
.main{margin-left:100px;margin-top:65px;padding:30px;min-height:calc(100vh - 65px)}
.page-title{font-size:20px;font-weight:700;color:var(--gray-900);margin-bottom:5px}
.breadcrumb{list-style:none;display:flex;gap:8px;font-size:12px;color:var(--gray-600);margin-bottom:25px}
.breadcrumb li+li::before{content:">";margin-right:8px}
.card{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);padding:30px;margin-bottom:20px}
.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}
.toolbar-search{position:relative}
.toolbar-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--gray-500)}
.toolbar-search input{padding:10px 15px 10px 35px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius);font-size:13px;font-family:var(--font);color:var(--gray-800);width:250px;outline:none}
.toolbar-search input:focus{border-color:var(--primary)}
table.dtable{width:100%;border-collapse:collapse}
table.dtable th{padding:12px 15px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--gray-600);background:var(--gray-100);border-bottom:2px solid var(--gray-200)}
table.dtable td{padding:12px 15px;border-bottom:1px solid var(--gray-200);color:var(--gray-800);font-size:13px}
table.dtable tr:hover td{background:rgba(0,158,247,.02)}
.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:500;font-family:var(--font);border:none;border-radius:var(--radius);cursor:pointer;transition:all .15s}
.btn-sm{padding:7px 10px;font-size:12px}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-hover)}
.btn-success{background:var(--success);color:#fff}
.btn-success:hover{background:#47be7d}
.btn-danger{background:var(--danger);color:#fff}
.btn-danger:hover{background:#d9214e}
.btn-warning{background:var(--warning);color:#181c32}
.btn-warning:hover{background:#e6b400}
.btn-light{background:var(--gray-200);color:var(--gray-700)}
.btn-light:hover{background:var(--gray-300)}
.btn-light-primary{background:rgba(0,158,247,.1);color:var(--primary)}
.btn-light-primary:hover{background:var(--primary);color:#fff}
.btn-pink{background:var(--pink);color:#fff}
.btn-pink:hover{background:#e8475f}
.empty-state{text-align:center;padding:60px 20px;color:var(--gray-500)}
.empty-state i{font-size:48px;margin-bottom:15px;color:var(--gray-300)}
.empty-state p{font-size:14px}
.stepper{display:flex;justify-content:center;gap:30px;margin-bottom:35px;padding-bottom:20px;border-bottom:1px solid var(--gray-200)}
.stepper-item{cursor:pointer;padding:10px 25px;border-radius:8px;transition:all .2s}
.stepper-item span{font-size:14px;font-weight:600;color:var(--gray-500)}
.stepper-item.active{background:rgba(0,158,247,.08)}
.stepper-item.active span{color:var(--primary)}
.step{display:none}
.step.active{display:block}
.section-title{font-size:15px;font-weight:700;color:var(--gray-900);margin:25px 0 15px;padding-top:10px}
.section-title:first-child{margin-top:0}
.row{display:flex;gap:15px;margin-bottom:12px;flex-wrap:wrap}
.col-3{flex:1 1 calc(25% - 12px);min-width:200px}
.col-4{flex:1 1 calc(33.33% - 10px);min-width:200px}
.col-6{flex:1 1 calc(50% - 8px);min-width:200px}
.col-8{flex:1 1 calc(66.66% - 8px);min-width:200px}
.col-12{flex:1 1 100%}
.field label{display:block;font-size:12px;font-weight:500;color:var(--gray-700);margin-bottom:5px}
.field label.req::after{content:" *";color:var(--danger)}
.field input,.field select{width:100%;height:42px;padding:0 14px;font-size:13px;font-family:var(--font);color:var(--gray-800);background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius);outline:none}
.field input:focus,.field select:focus{border-color:var(--primary);background:var(--white)}
.field input:disabled{background:var(--gray-200);color:var(--gray-600)}
.field select{appearance:none;padding-right:30px}
.input-grp{display:flex}
.input-grp span{display:flex;align-items:center;padding:0 10px;background:var(--gray-200);border:1px solid var(--gray-200);border-right:0;border-radius:var(--radius) 0 0 var(--radius);font-size:12px;font-weight:500;color:var(--gray-700);white-space:nowrap}
.input-grp span.hl{background:var(--highlight);border-color:var(--highlight);color:#fff}
.input-grp input{border-radius:0 var(--radius) var(--radius) 0}
.divider{height:1px;background:var(--gray-200);margin:25px 0}
.actions-bar{display:flex;justify-content:space-between;padding-top:25px;margin-top:25px;border-top:1px solid var(--gray-200)}
.adicional-row{display:flex;gap:10px;margin-bottom:8px;align-items:center}
.adicional-row input{flex:1}
.adicional-row .btn{flex-shrink:0}
.hint{font-size:11px;color:var(--gray-500);margin-top:4px}
.footer{text-align:center;padding:15px;color:var(--gray-500);font-size:11px;margin-left:100px}
#cubModule{display:none;position:fixed;top:65px;left:100px;right:0;bottom:0;z-index:998;background:var(--body-bg);overflow-y:auto;padding:30px}
@media(max-width:768px){
.sidebar{transform:translateX(-100%)}
.sidebar.open{transform:translateX(0)}
.main,.footer{margin-left:0}
.main{padding:20px 15px}
.card{padding:20px 15px}
.col-3,.col-4,.col-6,.col-8{flex:1 1 100%;min-width:0}
.toolbar-search input{width:100%}
.hide-mob{display:none!important}
}