.sidebar-brand-row{display:flex;align-items:center;gap:8px;margin-bottom:28px;min-width:0}.sidebar-brand-row .brand{margin:0!important;padding:0;min-width:0;flex:1;gap:8px}.sidebar-brand-row .brand img{width:32px;height:32px}.sidebar-brand-row .brand strong{font-size:17px;letter-spacing:1.5px}.sidebar-brand-row .brand small{font-size:6px;letter-spacing:1.1px;white-space:nowrap}.sidebar-brand-row .sidebar-toggle{position:static!important;width:30px;height:32px;flex-shrink:0;margin:0}.sidebar-compact .sidebar-brand-row{flex-direction:column;gap:15px;margin:0 0 22px}.sidebar-compact .sidebar-brand-row .brand{flex:none;justify-content:center}.sidebar-compact .sidebar-brand-row .brand img{width:35px;height:35px}.sidebar-compact .sidebar-brand-row .sidebar-toggle{margin:0 auto}.team-stats{display:flex;gap:22px;margin-bottom:20px;font-size:12px;color:#8a9980}.team-stats b{color:#547749;font-size:18px;margin-right:5px}.team-card{padding:0 23px}.team-person{padding:20px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px}.team-person:last-child{border:0}.team-person-info{flex:1;min-width:0}.team-person-info>strong{font-size:13px}.team-person-info>small{display:block;font-size:11px;color:#8b9980;margin:5px 0 8px;overflow-wrap:anywhere}.user-status{font-size:9px;border-radius:5px;padding:4px 7px;display:inline-block}.user-status.active{color:#57854d;background:#edf4e7}.user-status.inactive{color:#b07b4c;background:#faf0e1}.team-role{font-size:10px;margin-left:8px}.team-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.team-actions button{font-size:11px;padding:9px 10px}.team-help{font-size:11px;line-height:1.8;color:#8c9980;margin:17px 0}.backup-intro{padding:25px;display:flex;gap:20px;margin-bottom:24px}.backup-symbol{display:grid;place-items:center;width:52px;height:52px;background:#eaf2e2;color:#66895b;flex-shrink:0;border-radius:13px}.backup-symbol .icon{width:27px;height:27px}.backup-intro h2{font-size:18px}.backup-intro p{font-size:13px;color:#87977c;max-width:740px}.backup-intro small{font-size:11px;color:#9aa58e;line-height:1.8}.report-charts{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:20px;margin:22px 0}.report-chart-body{padding:20px 25px 28px}.report-chart-body .ring{width:165px;height:165px;margin-bottom:30px}.report-chart-body .ring-inner{width:137px;height:137px}.chart-legend{max-width:250px;margin:auto}.chart-legend>div{display:flex;justify-content:space-between;margin:17px 0;font-size:11px;color:#829276}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:9px}.chart-legend strong{font-weight:600;color:#607c55}.phase-chart{padding:0 23px 22px}.phase-chart-row{margin-bottom:15px}.phase-chart-row>div:first-child{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;font-size:10px;line-height:1.6;margin-bottom:5px}.phase-chart-row span{color:#7b8f6e}.phase-chart-row strong{color:#648456;font-size:10px;flex-shrink:0}.phase-chart-row .progress-track{height:6px}.phase-chart-row .progress-track span{background:#719c61}.backup-intro+section .table-scroll{overflow:auto}@media(max-width:1100px){.sidebar-brand-row{gap:5px}.sidebar-brand-row .brand{gap:6px}.sidebar-brand-row .brand strong{font-size:15px}.sidebar-brand-row .brand small{font-size:5px;letter-spacing:1px}.sidebar-brand-row .brand img{width:29px;height:29px}.sidebar-brand-row .sidebar-toggle{width:27px}.team-person{flex-wrap:wrap}.team-actions{margin-left:48px;justify-content:flex-start}.report-charts{grid-template-columns:1fr 1.3fr;gap:15px}}@media(max-width:850px){.report-charts{grid-template-columns:1fr}.report-chart-body{display:flex;align-items:center;gap:25px}.report-chart-body .ring{flex-shrink:0;margin:0}.chart-legend{flex:1;width:100%}.backup-intro{padding:22px;gap:15px}}@media(max-width:640px){.sidebar-brand-row{margin-bottom:0;gap:12px}.sidebar-brand-row .brand{justify-content:flex-start;flex:1}.sidebar-brand-row .brand strong{font-size:17px}.sidebar-brand-row .brand small{font-size:6px}.sidebar-brand-row .brand img{width:31px;height:31px}.sidebar-brand-row .sidebar-toggle{width:32px}.sidebar-compact .sidebar-brand-row{gap:14px;margin-bottom:23px}.sidebar-compact .sidebar-brand-row .brand img{width:32px;height:32px}.team-card{padding:0 16px}.team-person{gap:10px}.team-actions{margin-left:0;width:100%;gap:6px}.team-actions button{font-size:10px;padding:9px}.team-role{font-size:9px}.team-help{font-size:10px}.report-chart-body{display:block;padding:16px 25px}.report-chart-body .ring{margin:0 auto 25px}.report-charts{gap:16px}.phase-chart{padding:0 16px 18px}.backup-intro{flex-direction:column;padding:20px}.backup-intro p{font-size:12px}.backup-intro h2{font-size:17px}.sidebar-compact .team-role{display:block;margin:7px 0 0}}
.backup-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.backup-actions button{font-size:11px;padding:9px 11px}

/* Keep every menu item and the profile reachable on short viewports. */
.sidebar{height:100vh;height:100dvh;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#638577 #173b33}
.sidebar>*{flex-shrink:0}.sidebar .nav button{flex-shrink:0}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#638577;border-radius:6px}.sidebar::-webkit-scrollbar-track{background:#173b33}
.user-password-control{display:flex;align-items:center;position:relative;min-width:0}.user-password-control input{width:100%;min-width:0;padding-right:48px}.user-password-toggle{position:absolute;right:5px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;border-radius:7px;background:transparent;color:var(--muted)}.user-password-toggle:hover,.user-password-toggle[aria-pressed=true]{background:#edf3eb;color:var(--green)}
@media(max-width:640px){.shell:not(.sidebar-compact) .sidebar{height:auto;max-height:100vh;max-height:100dvh}.shell:not(.sidebar-compact) .nav{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.shell:not(.sidebar-compact) .nav::-webkit-scrollbar{display:block;height:4px}.sidebar-compact .sidebar{height:100vh;height:100dvh;overflow-y:auto}.sidebar-compact .nav{overflow:visible;flex-shrink:0}}