
.sbau-root{--sbau-primary:#1697E6; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:#1b2b3a;}
.sbau-shell{display:flex; min-height:720px; background:#f3f6fb; border-radius:14px; overflow:hidden; box-shadow:0 10px 30px rgba(15,40,70,.10);}
.sbau-sidebar{width:250px; background:#ffffff; border-right:1px solid rgba(20,40,60,.08); padding:18px 14px;}
.sbau-brand{display:flex; gap:10px; align-items:center; padding:8px 8px 14px 8px;}
.sbau-logo{width:44px; height:44px; object-fit:contain;}
.sbau-logo-fallback{width:44px;height:44px;border-radius:10px;background:var(--sbau-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;}
.sbau-brand-name{font-weight:800; letter-spacing:.2px;}
.sbau-brand-sub{font-size:11px; opacity:.65; margin-top:2px;}
.sbau-nav{display:flex; flex-direction:column; gap:4px; padding:6px 6px 10px;}
.sbau-nav-item{border:0; background:transparent; text-align:left; padding:10px 10px; border-radius:10px; cursor:pointer; font-weight:600; color:#2b3b4c; display:flex; gap:10px; align-items:center;}
.sbau-nav-item:hover{background:rgba(22,151,230,.08);}
.sbau-nav-item.is-active{background:var(--sbau-primary); color:#fff;}
.sbau-ico{width:18px; display:inline-flex; justify-content:center;}
.sbau-sep{height:1px; background:rgba(20,40,60,.10); margin:10px 8px;}
.sbau-logout{margin-top:2px; text-decoration:none;}
.sbau-main{flex:1; padding:18px; background:#f6f9ff;}
.sbau-topbar{background:var(--sbau-primary); color:#fff; border-radius:14px; padding:18px 18px; display:flex; align-items:center; gap:18px;}
.sbau-welcome{min-width:260px;}
.sbau-w-title{font-size:20px; font-weight:800; line-height:1.2;}
.sbau-w-sub{font-size:12px; opacity:.9; margin-top:4px;}
.sbau-search{flex:1; display:flex; align-items:center; gap:10px; background:#ffffff; border-radius:999px; padding:8px 10px; max-width:520px;}
.sbau-search-input{border:0; outline:0; flex:1; font-size:13px;}
.sbau-search-btn{border:0; background:var(--sbau-primary); color:#fff; width:34px; height:34px; border-radius:999px; cursor:pointer;}
.sbau-right{display:flex; align-items:center; gap:14px;}
.sbau-lang{display:flex; gap:6px; background:rgba(255,255,255,.18); padding:6px; border-radius:999px;}
.sbau-lang-btn{border:0; background:transparent; color:#fff; font-weight:800; font-size:12px; padding:6px 10px; border-radius:999px; cursor:pointer; opacity:.85;}
.sbau-lang-btn.is-active{background:#fff; color:var(--sbau-primary); opacity:1;}
.sbau-userchip{display:flex; gap:10px; align-items:center;}
.sbau-user-meta{display:flex; flex-direction:column; align-items:flex-end; font-size:12px;}
.sbau-user-name{font-weight:800;}
.sbau-user-mail{opacity:.9;}
.sbau-avatar-wrap{width:46px; height:46px; border-radius:999px; background:#fff; padding:3px;}
.sbau-avatar{width:100%; height:100%; border-radius:999px; object-fit:cover;}
.sbau-tab{display:none; padding:16px 6px 0;}
.sbau-tab.is-active{display:block;}
.sbau-grid{display:grid; grid-template-columns: 360px 1fr; gap:18px; margin-top:8px;}
.sbau-card{background:#fff; border-radius:16px; padding:16px; box-shadow:0 8px 22px rgba(15,40,70,.08); border:1px solid rgba(15,40,70,.06);}
.sbau-card-head{display:flex; align-items:flex-start; justify-content:space-between; gap:14px;}
.sbau-card-title{font-weight:800; font-size:16px;}
.sbau-kebab{border:0; background:transparent; font-size:22px; line-height:1; opacity:.6; cursor:pointer;}
.sbau-muted{opacity:.65;}
.sbau-status-box{margin-top:12px; background:var(--sbau-primary); color:#fff; border-radius:14px; padding:16px;}
.sbau-status-top{display:flex; align-items:center; justify-content:space-between;}
.sbau-power{background:rgba(255,255,255,.18); width:34px; height:34px; border-radius:12px; display:flex; align-items:center; justify-content:center;}
.sbau-status-id{font-size:48px; font-weight:900; letter-spacing:1px; margin:8px 0 2px;}
.sbau-status-row{display:flex; gap:10px; align-items:center;}
.sbau-pill{display:inline-flex; padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.18); font-weight:800; font-size:12px;}
.sbau-employer{margin-top:12px; border:1px solid rgba(15,40,70,.08); border-radius:14px; padding:12px;}
.sbau-chip{background:var(--sbau-primary); color:#fff; border-radius:999px; padding:7px 12px; font-weight:800; font-size:12px; display:inline-flex;}
.sbau-emp-name{font-weight:900; font-size:18px; margin:10px 0 6px; color:#1b2b3a;}
.sbau-emp-meta{display:flex; align-items:center; justify-content:space-between; font-size:12px;}
.sbau-emp-loc{margin-top:8px; font-size:12px;}
.sbau-emp-loc a{color:var(--sbau-primary); text-decoration:none; font-weight:800;}
.sbau-actions{display:flex; gap:10px; margin-top:12px;}
.sbau-action{flex:1; border:0; background:var(--sbau-primary); color:#fff; border-radius:12px; padding:12px; font-weight:900; cursor:pointer; display:flex; gap:8px; align-items:center; justify-content:center;}
.sbau-card-jobs .sbau-card-head{align-items:center;}
.sbau-sort{font-size:12px; margin-top:4px;}
.sbau-link{color:var(--sbau-primary); text-decoration:none; font-weight:800;}
.sbau-btn-small{background:rgba(22,151,230,.12); color:var(--sbau-primary); text-decoration:none; padding:10px 12px; border-radius:12px; font-weight:900; border:1px solid rgba(22,151,230,.18);}
.sbau-job-tabs{display:flex; gap:10px; margin:12px 0 10px;}
.sbau-job-tab{border:0; background:rgba(22,151,230,.12); color:var(--sbau-primary); padding:10px 14px; border-radius:12px; font-weight:900; cursor:pointer;}
.sbau-job-tab.is-active{background:var(--sbau-primary); color:#fff;}
.sbau-table{border:1px solid rgba(15,40,70,.08); border-radius:14px; overflow:hidden;}
.sbau-thead{display:grid; grid-template-columns: 1.2fr .6fr .8fr .4fr; gap:0; background:#f6fbff; padding:12px 14px; font-weight:900; font-size:12px;}
.sbau-tr{display:grid; grid-template-columns: 1.2fr .6fr .8fr .4fr; padding:12px 14px; border-top:1px solid rgba(15,40,70,.08); align-items:center; font-size:13px;}
.sbau-job-name{font-weight:900;}
.sbau-job-loc{font-size:12px; margin-top:2px;}
.sbau-proc{font-size:12px;}
.sbau-dot{width:10px;height:10px;border-radius:999px; display:inline-block; margin-right:6px;}
.sbau-dot.is-done{background:#2ecc71;}
.sbau-dot.is-pending{background:#f1c40f;}
.sbau-status{display:flex; align-items:center; justify-content:flex-start; gap:0;}
.sbau-table-footer{padding:12px 14px; border-top:1px solid rgba(15,40,70,.08); text-align:center; font-weight:900; font-size:12px;}
.sbau-news{margin-top:18px; background:var(--sbau-primary); color:#fff; border-radius:12px; padding:12px 14px; overflow:hidden;}
.sbau-news-inner{white-space:nowrap; overflow:hidden;}
.sbau-news-text{display:inline-block; padding-left:100%; animation: sbau-marq 16s linear infinite;}
@keyframes sbau-marq { 0% { transform: translateX(0);} 100% { transform: translateX(-100%);} }

/* Panels */
.sbau-panel{background:#fff; border-radius:16px; padding:18px; box-shadow:0 8px 22px rgba(15,40,70,.08); border:1px solid rgba(15,40,70,.06);}
.sbau-panel-head{margin-bottom:14px;}
.sbau-h2{margin:0; font-size:18px; font-weight:900;}
.sbau-panel-sub{margin-top:6px; font-size:12px; opacity:.7;}
.sbau-upload-row{display:grid; grid-template-columns: 1fr 1fr; gap:14px; margin-top:12px;}
.sbau-upload-box{border:1px dashed rgba(15,40,70,.22); border-radius:14px; padding:14px;}
.sbau-upload-title{font-weight:900; margin-bottom:10px;}
.sbau-file{width:100%;}
.sbau-btn{border:0; background:var(--sbau-primary); color:#fff; border-radius:12px; padding:10px 14px; font-weight:900; cursor:pointer; margin-top:10px;}
.sbau-btn-ghost{border:1px solid rgba(15,40,70,.18); background:#fff; border-radius:12px; padding:8px 12px; font-weight:900; cursor:pointer;}
.sbau-hint{font-size:12px; opacity:.7; margin-top:8px;}
.sbau-msg{font-size:12px; margin-top:8px;}
.sbau-doc-list{margin-top:16px; border:1px solid rgba(15,40,70,.08); border-radius:14px; overflow:hidden;}
.sbau-doc-head{display:grid; grid-template-columns: 1fr 140px; padding:12px 14px; background:#f6fbff; font-weight:900; font-size:12px;}
.sbau-doc-item{display:grid; grid-template-columns: 1fr 140px; padding:12px 14px; border-top:1px solid rgba(15,40,70,.08); align-items:center;}
.sbau-doc-empty{padding:14px; opacity:.7;}
.sbau-emptybox{padding:14px; border:1px dashed rgba(15,40,70,.18); border-radius:14px; opacity:.75;}
.sbau-login{padding:20px; background:#fff; border-radius:14px; border:1px solid rgba(15,40,70,.08);}
.sbau-login .sbau-btn{display:inline-block; text-decoration:none;}
@media (max-width: 980px){
  .sbau-grid{grid-template-columns: 1fr;}
  .sbau-topbar{flex-direction:column; align-items:stretch;}
  .sbau-search{max-width:none;}
  .sbau-sidebar{width:220px;}
}

/* Notifications */
.sbau-notice-list{display:flex; flex-direction:column; gap:12px; margin-top:10px;}
.sbau-notice{border:1px solid rgba(15,40,70,.08); border-radius:14px; padding:14px; background:#fff;}
.sbau-notice-title{font-weight:900; margin-bottom:6px;}
.sbau-notice-body{font-size:13px; line-height:1.45; opacity:.9;}
.sbau-notice-date{font-size:12px; margin-top:8px;}
