.bbs-page{padding:24px 28px!important;background:#f5f8f7;color:#10251f}
.bbs-shell{max-width:1680px;margin:0 auto}
.bbs-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:16px}
.bbs-eyebrow{font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;color:#08785c;margin-bottom:7px}
.bbs-title{font-size:29px;line-height:1.08;font-weight:900;letter-spacing:-.035em;color:#10251f}
.bbs-subtitle{font-size:13px;color:#60726c;margin-top:7px;max-width:780px;line-height:1.45}
.bbs-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.bbs-btn{min-height:42px;border:1px solid #cad8d3;border-radius:10px;background:#fff;color:#173c31;padding:9px 14px;font-size:12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.15s}
.bbs-btn:hover{border-color:#159773;background:#f0faf7}.bbs-btn.primary{background:#098766;border-color:#098766;color:#fff;box-shadow:0 8px 18px rgba(9,135,102,.16)}
.bbs-btn.primary:hover{background:#076e54}.bbs-btn.danger{color:#b42318;border-color:#f4c7c3;background:#fff8f7}.bbs-btn.icon{width:40px;padding:0}.bbs-btn.compact{min-height:34px;padding:6px 10px}
.bbs-tabs{display:flex;overflow-x:auto;gap:2px;background:#fff;border:1px solid #d9e3df;border-radius:12px 12px 0 0;padding:7px 8px 0;scrollbar-width:thin}
.bbs-tab{min-height:42px;border:0;border-bottom:3px solid transparent;background:transparent;padding:9px 14px;color:#65736e;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer;transition:.15s}
.bbs-tab:hover{color:#08785c;background:#f4faf8}.bbs-tab.active{color:#076e54;border-bottom-color:#0b9873;font-size:14px;font-weight:900}
.bbs-context{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;background:#fff;border:1px solid #d9e3df;border-top:0;border-radius:0 0 12px 12px;padding:12px;margin-bottom:14px}
.bbs-field{display:flex;flex-direction:column;gap:5px}.bbs-field.wide{grid-column:span 2}.bbs-field label{font-size:10px;letter-spacing:.05em;text-transform:uppercase;font-weight:850;color:#63756e}
.bbs-field input,.bbs-field select,.bbs-field textarea{border:1px solid #cfdbd7;border-radius:9px;background:#fff;color:#18362d;min-height:40px;padding:8px 10px;font-size:12px;width:100%}
.bbs-field textarea{min-height:86px;resize:vertical}.bbs-field input:focus,.bbs-field select:focus,.bbs-field textarea:focus{outline:3px solid rgba(9,135,102,.13);border-color:#098766}
.bbs-schema-alert,.bbs-note{border:1px solid #c9ddd6;background:#edf8f4;border-radius:10px;padding:11px 13px;color:#315d4f;font-size:12px;line-height:1.45;margin-bottom:12px}
.bbs-schema-alert{border-color:#f2c574;background:#fff8e8;color:#7a4d00}.bbs-note.warn{border-color:#f0c36d;background:#fff9ec;color:#744b00}.bbs-note.danger{border-color:#f3c2be;background:#fff3f2;color:#8f241b}.bbs-note i{margin-right:6px}
.bbs-grid{display:grid;gap:12px}.bbs-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.bbs-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.bbs-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.bbs-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.bbs-card{background:#fff;border:1px solid #d9e3df;border-radius:12px;padding:16px;box-shadow:0 2px 9px rgba(24,70,56,.035)}
.bbs-card.flush{padding:0;overflow:hidden}.bbs-card-title{font-size:14px;font-weight:900;color:#173b30;margin-bottom:4px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.bbs-card-sub{font-size:11px;color:#71817b;line-height:1.45}.bbs-section-title{font-size:18px;font-weight:900;letter-spacing:-.015em;color:#173b30}.bbs-section-sub{font-size:12px;color:#71817b;margin-top:3px}
.bbs-metric{position:relative;min-height:116px;overflow:hidden}.bbs-metric:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-20px;bottom:-24px;background:#e9f7f2}
.bbs-metric-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#def3eb;color:#08785c;font-size:18px;margin-bottom:9px}
.bbs-metric-label{font-size:11px;font-weight:750;color:#65766f}.bbs-metric-value{font-size:25px;font-weight:900;color:#10251f;margin-top:2px}.bbs-metric-note{font-size:10px;color:#7a8984;margin-top:3px}.bbs-metric.amber .bbs-metric-icon{background:#fff0cf;color:#b66d00}.bbs-metric.red .bbs-metric-icon{background:#ffe5e2;color:#c43227}.bbs-metric.blue .bbs-metric-icon{background:#e6f0ff;color:#1d63bb}
.bbs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.bbs-toolbar .bbs-actions{margin-left:auto}
.bbs-table-wrap{overflow:auto;background:#fff;border:1px solid #d9e3df;border-radius:12px}.bbs-table{border-collapse:collapse;width:100%;min-width:790px}.bbs-table th{background:#eaf5f1;color:#315b4e;text-transform:uppercase;font-size:10px;letter-spacing:.04em;font-weight:850;padding:10px 12px;border-bottom:1px solid #d5e4df;white-space:nowrap}.bbs-table td{padding:11px 12px;font-size:12px;border-bottom:1px solid #e8eeec;vertical-align:middle;color:#29453c}.bbs-table tbody tr:hover td{background:#f7fbfa}.bbs-table tbody tr:last-child td{border-bottom:0}.bbs-table strong{color:#143c30}
.bbs-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#edf1f0;color:#50645d;font-size:10px;font-weight:850;white-space:nowrap}.bbs-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.bbs-badge.accepted,.bbs-badge.active,.bbs-badge.published,.bbs-badge.safe,.bbs-badge.closed,.bbs-badge.approved{background:#e6f5dc;color:#397313}.bbs-badge.at_risk,.bbs-badge.returned,.bbs-badge.review,.bbs-badge.submitted,.bbs-badge.pending{background:#fff0cf;color:#9b6000}.bbs-badge.redirected,.bbs-badge.critical,.bbs-badge.overdue,.bbs-badge.declined{background:#ffe4e1;color:#b42318}.bbs-badge.draft,.bbs-badge.not_observed,.bbs-badge.not_applicable,.bbs-badge.duplicate,.bbs-badge.archived{background:#edf1f3;color:#586873}.bbs-badge.confidential{background:#e8eeff;color:#405ab7}
.bbs-empty{text-align:center;padding:52px 24px;background:#fff;border:1px dashed #c8d7d2;border-radius:12px;color:#667a73}.bbs-empty i{display:block;font-size:36px;color:#8fb1a5;margin-bottom:10px}.bbs-empty strong{display:block;color:#29483e;font-size:15px}.bbs-empty span{display:block;font-size:12px;max-width:540px;margin:7px auto 14px;line-height:1.5}
.bbs-bar-row{display:grid;grid-template-columns:minmax(130px,1.2fr) 3fr 54px;align-items:center;gap:10px;margin:11px 0;font-size:11px;color:#456158}.bbs-progress{height:9px;background:#e6eeeb;border-radius:999px;overflow:hidden}.bbs-progress span{display:block;height:100%;background:#0b9d76;border-radius:inherit}.bbs-progress.amber span{background:#e49a18}.bbs-progress.red span{background:#df4339}.bbs-progress.blue span{background:#3177ce}
.bbs-list{display:flex;flex-direction:column}.bbs-list-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #e8eeec}.bbs-list-row:last-child{border-bottom:0}.bbs-list-row b{font-size:12px;color:#183c31}.bbs-list-row small{display:block;color:#73847e;margin-top:3px;line-height:1.35}
.bbs-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bbs-form-grid .full{grid-column:1/-1}.bbs-checklist{border:1px solid #d8e4df;border-radius:12px;overflow:hidden}.bbs-check-head,.bbs-check-row{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,76px) minmax(150px,1fr);gap:0;align-items:center}.bbs-check-head{background:#eaf5f1;color:#315b4e;font-size:10px;font-weight:850;text-transform:uppercase}.bbs-check-head>*,.bbs-check-row>*{padding:10px;border-right:1px solid #e3ece9}.bbs-check-row{border-top:1px solid #e3ece9;font-size:12px}.bbs-check-row>label{text-align:center;cursor:pointer}.bbs-check-row input[type=radio]{margin:auto!important}.bbs-check-row textarea{min-height:48px;font-size:11px;padding:6px}.bbs-critical{color:#b42318;font-size:10px;font-weight:850;margin-left:6px}
.bbs-observe-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,.85fr);gap:14px}.bbs-sticky{position:sticky;top:10px}.bbs-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bbs-choice{border:1px solid #d2ded9;border-radius:10px;padding:10px;background:#fff}.bbs-choice label{font-size:11px;font-weight:800;color:#34584c;display:flex;gap:7px;align-items:center;cursor:pointer}
.bbs-drawer-backdrop{position:fixed;inset:0;background:rgba(7,31,24,.42);z-index:1500;display:none;justify-content:flex-end}.bbs-drawer-backdrop.open{display:flex}.bbs-drawer{height:100%;width:min(560px,100%);background:#f6f9f8;box-shadow:-12px 0 32px rgba(0,0,0,.16);overflow:auto}.bbs-drawer-head{position:sticky;top:0;background:#fff;border-bottom:1px solid #d9e3df;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;z-index:2}.bbs-drawer-title{font-size:17px;font-weight:900}.bbs-drawer-body{padding:16px}.bbs-drawer-foot{position:sticky;bottom:0;background:#fff;border-top:1px solid #d9e3df;padding:12px 16px;display:flex;gap:8px;justify-content:flex-end}
.bbs-config-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:12px}.bbs-config-menu{display:flex;flex-direction:column;padding:7px}.bbs-config-menu button{border:0;background:transparent;text-align:left;border-radius:8px;padding:10px 11px;font-size:11px;font-weight:750;color:#50665e;cursor:pointer}.bbs-config-menu button.active{background:#dff2eb;color:#08785c;font-size:12px;font-weight:900}.bbs-privacy{display:flex;align-items:flex-start;gap:8px;background:#eaf5f1;color:#365c50;border-radius:10px;padding:11px;font-size:11px;line-height:1.45;margin-top:12px}
.bbs-mobile-footer{display:none}
@media(max-width:1100px){.bbs-grid.five{grid-template-columns:repeat(3,1fr)}.bbs-grid.four{grid-template-columns:repeat(2,1fr)}.bbs-context{grid-template-columns:repeat(3,1fr)}.bbs-observe-layout{grid-template-columns:1fr}.bbs-sticky{position:static}.bbs-check-head,.bbs-check-row{grid-template-columns:minmax(180px,2fr) repeat(4,64px) minmax(130px,1fr)}}
@media(max-width:768px){.bbs-page{padding:14px 12px 76px!important}.bbs-header{display:block}.bbs-title{font-size:23px}.bbs-subtitle{font-size:12px}.bbs-header .bbs-actions{justify-content:flex-start;margin-top:12px}.bbs-tabs{margin-left:-12px;margin-right:-12px;border-radius:0}.bbs-context{grid-template-columns:1fr 1fr;margin-left:-1px;margin-right:-1px}.bbs-grid.five,.bbs-grid.four,.bbs-grid.three,.bbs-grid.two{grid-template-columns:1fr}.bbs-form-grid{grid-template-columns:1fr}.bbs-field.wide,.bbs-form-grid .full{grid-column:auto}.bbs-choice-grid{grid-template-columns:1fr}.bbs-checklist{overflow-x:auto}.bbs-check-head,.bbs-check-row{min-width:810px}.bbs-btn{min-height:44px}.bbs-toolbar{align-items:flex-start}.bbs-table,.bbs-table-wrap{min-width:0}.bbs-table thead{display:none}.bbs-table tbody,.bbs-table tr,.bbs-table td{display:block}.bbs-table tr{padding:10px 12px;border-bottom:1px solid #d9e3df}.bbs-table td{border:0;padding:5px 0 5px 42%;position:relative;min-height:26px}.bbs-table td:before{content:attr(data-label);position:absolute;left:0;width:39%;font-size:9px;text-transform:uppercase;font-weight:850;color:#74847e}.bbs-config-layout{grid-template-columns:1fr}.bbs-config-menu{flex-direction:row;overflow:auto}.bbs-config-menu button{white-space:nowrap}.bbs-mobile-footer{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;background:#fff;border-top:1px solid #d9e3df;z-index:1200;padding-bottom:env(safe-area-inset-bottom)}.bbs-mobile-footer button{border:0;background:#fff;padding:9px 4px;color:#5c7169;font-size:9px;font-weight:800}.bbs-mobile-footer i{display:block;font-size:19px;margin-bottom:3px}.bbs-mobile-footer button.active{color:#08785c}}