*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}button{cursor:pointer;font-family:inherit;background:none;border:none}input,textarea,select{font-family:inherit}@keyframes blink{0%,to{opacity:1}50%{opacity:.1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes chipIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cardIn{0%{opacity:0;transform:scale(.93) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}:root{--accent: #ffd43b;--accent-rgb: 255, 212, 59;--accent-dim: #d1ab20;--bg: #061428;--bg-alt: #04101e;--panel: #0d2040;--panel-rgb: 13, 32, 64;--navy-mid: #0d1f3c;--border: #1a3a60;--border-hi: rgba(255, 255, 255, .08);--dim: #3a608a;--red: #ff3c3c;--green: #22c55e;--blue: #3b82f6;--text: #ffffff;--text-mid: rgba(255, 255, 255, .7);--text-dim: rgba(255, 255, 255, .42);--input-rgb: 4, 14, 32;--font-display: "Barlow Condensed", sans-serif;--font-heading: "Bebas Neue", sans-serif;--font-mono: "Space Mono", monospace;--tr: .22s cubic-bezier(.4, 0, .2, 1)}[hidden]{display:none!important}:root{--navy: #07192e;--navy-mid: #0d1f3c;--navy-light: #0a1c38;--border: rgba(255,255,255,.1);--border-md: rgba(255,255,255,.18);--gold: #ffd43b;--gold-dim: rgba(255,212,59,.14);--text: rgba(255,255,255,.95);--text-muted: rgba(255,255,255,.68);--text-dim: rgba(255,255,255,.56);--red: #ff6b6b;--green: #52d9a0;--blue: #5a9cf8;--radius: 10px;--radius-sm: 7px}html,body{height:100%;background:var(--navy);color:var(--text);font-family:Barlow,sans-serif;font-size:16px;overflow:hidden}.db-scroll-y,.db-custom-scrollbar,#viewProfile,#viewSubscription,.db-groups-list-scroll,.db-admin-table-scroll,.db-students-list,#manageStudentsList,.db-modal{scrollbar-gutter:stable}.db-scroll-y::-webkit-scrollbar,.db-custom-scrollbar::-webkit-scrollbar,#viewProfile::-webkit-scrollbar,#viewSubscription::-webkit-scrollbar,.db-groups-list-scroll::-webkit-scrollbar,.db-admin-table-scroll::-webkit-scrollbar,.db-students-list::-webkit-scrollbar,#manageStudentsList::-webkit-scrollbar,.db-modal::-webkit-scrollbar{width:5px}.db-scroll-y::-webkit-scrollbar-track,.db-custom-scrollbar::-webkit-scrollbar-track,#viewProfile::-webkit-scrollbar-track,#viewSubscription::-webkit-scrollbar-track,.db-groups-list-scroll::-webkit-scrollbar-track,.db-admin-table-scroll::-webkit-scrollbar-track,.db-students-list::-webkit-scrollbar-track,#manageStudentsList::-webkit-scrollbar-track,.db-modal::-webkit-scrollbar-track{background:transparent}.db-scroll-y::-webkit-scrollbar-thumb,.db-custom-scrollbar::-webkit-scrollbar-thumb,#viewProfile::-webkit-scrollbar-thumb,#viewSubscription::-webkit-scrollbar-thumb,.db-groups-list-scroll::-webkit-scrollbar-thumb,.db-admin-table-scroll::-webkit-scrollbar-thumb,.db-students-list::-webkit-scrollbar-thumb,#manageStudentsList::-webkit-scrollbar-thumb,.db-modal::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.db-card,.db-profile-section,.db-sub-card{background:var(--navy-mid);border:1px solid var(--border-md);border-radius:var(--radius);padding:24px 26px;box-shadow:0 4px 18px #00000038;display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box}.db-card-header,.db-profile-section-header,.db-sub-card-head{display:flex;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.db-card-icon,.db-profile-section-icon,.db-sub-card-icon{width:42px;height:42px;border-radius:10px;background:var(--gold-dim);border:1px solid rgba(255,212,59,.3);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.db-card-header-text,.db-profile-section-header-text,.db-sub-card-header-text{flex:1;min-width:0}.db-card-title,.db-profile-section-title,.db-sub-title{font-family:Barlow Condensed,sans-serif;font-size:19px;font-weight:600;letter-spacing:.06em;font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:17px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text);line-height:1.2}.db-card-subtitle,.db-profile-section-subtitle,.db-sub-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}.db-search-box,.db-groups-search,.db-admin-search{position:relative;flex:1;max-width:360px}.db-search-box i,.db-groups-search i,.db-admin-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--text-dim);pointer-events:none}.db-search-box input,.db-groups-search input,.db-admin-search input{width:100%;height:36px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:0 12px 0 34px;color:var(--text);font-family:Barlow,sans-serif;font-size:14px;outline:none;box-sizing:border-box;transition:border-color .13s,background .13s}.db-search-box input::placeholder,.db-groups-search input::placeholder,.db-admin-search input::placeholder{color:#ffffff61}.db-search-box input:focus,.db-groups-search input:focus,.db-admin-search input:focus{border-color:#ffd43b99;background:#ffffff14;outline:2px solid rgba(255,212,59,.25);outline-offset:1px}.db-empty,.db-sub-empty,.db-admin-empty{padding:32px 20px;text-align:center;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.db-empty-icon,.db-sub-empty-icon,.db-admin-empty-icon{font-size:32px;color:#fff3;margin-bottom:10px}.db-empty-title,.db-sub-empty-title,.db-admin-empty-title{font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:600;letter-spacing:.06em;font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.db-empty-sub,.db-sub-empty-sub,.db-admin-empty-sub{font-size:13px;color:var(--text-dim);margin:0;max-width:340px;line-height:1.5}.db-empty-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;justify-content:center}.db-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}settings-panel{display:block;flex-shrink:0}.db-main{flex:1;display:grid;grid-template-columns:210px 1fr;grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden}.db-sidebar{background:var(--navy-light);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 10px;gap:6px;overflow:hidden}.db-sidebar-lbl{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:4px 12px 8px;display:flex;align-items:center;gap:8px}.db-sidebar-lbl:after{content:"";flex:1;height:1px;background:#ffffff12}.db-nav-item{display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-muted, #94a3b8);font-family:Barlow,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:.01em;text-transform:none;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease;text-align:left;width:100%;height:44px;min-height:44px;position:relative;box-sizing:border-box;-webkit-tap-highlight-color:transparent;white-space:nowrap}.db-nav-item:hover:not(.active){background:#ffffff0d;border-color:#ffffff14;color:#f1f5f9}.db-nav-item:active{transform:scale(.98)}.db-nav-item.active{background:#ffd43b1a;border-color:#ffd43b47;color:var(--gold, #ffd43b);font-weight:700;box-shadow:0 2px 8px #0000002e,inset 0 1px #ffd43b1f}.db-nav-item:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.db-nav-item.active:before{content:none;display:none}.db-nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:0;flex-shrink:0}.db-nav-icon i{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:16.5px;color:#94a3b8;flex-shrink:0;background:transparent;border:none;transition:color .15s ease,transform .15s ease}.db-nav-item:hover:not(.active) .db-nav-icon i{color:#f1f5f9;transform:scale(1.08)}.db-nav-item.active .db-nav-icon i{color:var(--gold, #ffd43b);transform:scale(1.06)}.db-content{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0;gap:0}#viewGroups,#viewProfile,#viewSubscription,#viewAdmin,#viewBlog{padding:clamp(14px,2vw,22px) clamp(12px,2vw,24px);box-sizing:border-box}.db-page-header{margin-bottom:4px}.db-page-header .db-btn{margin-top:14px}.db-page-title{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:clamp(22px,2.8vw,27px);font-weight:700;letter-spacing:.01em;color:var(--text);line-height:1.15}.db-page-title em{color:var(--gold);font-style:normal}.db-page-sub{font-size:13.5px;color:var(--text-muted);margin-top:4px;line-height:1.4}#viewProfile{flex:1;overflow-y:auto;width:100%;max-width:100%}.db-profile-container{display:flex;flex-direction:column;gap:clamp(14px,2vw,20px);margin-top:12px;width:100%;max-width:720px;box-sizing:border-box}.db-profile-section--danger{border-color:#ff525247;background:#ff525208}.db-profile-section-icon--danger{background:#ff52521f;color:var(--red)}.db-text-danger{color:#ff8080!important}.db-profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.6vw,16px);width:100%}.db-profile-form-grid .db-field{display:flex;flex-direction:column;min-width:0;margin-bottom:0}.db-profile-form-grid .db-field input,.db-profile-form-grid .db-field select{width:100%;box-sizing:border-box}.db-col-full{grid-column:1 / -1}.db-field-badge{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 8px;margin-left:8px;display:inline-flex;align-items:center;gap:5px;line-height:1;vertical-align:middle}.db-field-badge i{font-size:10px;color:var(--text-dim);line-height:1}.db-input-disabled{opacity:.6;cursor:not-allowed;background:#ffffff08}.db-profile-section-body{font-size:13px;color:var(--text-muted);line-height:1.5}.db-profile-section-footer{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.db-modal--danger{border:1px solid rgba(255,82,82,.35)!important;box-shadow:0 12px 36px #ff525224,0 4px 24px #00000080!important}.db-modal-header-danger{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,82,82,.2)}.db-modal-title.db-text-danger,.db-modal-header-danger .db-modal-title{margin-bottom:0!important}.db-modal-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}.db-modal-footer--split{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.db-profile-action-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.db-profile-action-info{flex:1;min-width:200px}.db-profile-action-name{font-size:14px;font-weight:600;color:var(--text);margin-bottom:3px}.db-profile-action-desc{font-size:13px;color:var(--text-muted);line-height:1.5}#viewSubscription{flex:1;overflow-y:auto;width:100%;box-sizing:border-box}.db-footer{height:30px;background:#050d1c;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.db-footer-inner{height:100%;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.db-footer-brand{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:12px;letter-spacing:.02em;color:#ffffff73}.db-footer-brand em{color:var(--gold);font-style:normal}.db-footer-copy{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ffffff59}.db-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:#0d1f3cf0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-md);box-shadow:0 -4px 24px #00000059;z-index:200;padding:4px 8px max(6px,env(safe-area-inset-bottom,6px));align-items:center;justify-content:space-around;gap:4px;box-sizing:content-box}.db-bottom-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--text-dim, #94a3b8);font-family:Barlow,-apple-system,BlinkMacSystemFont,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.01em;text-transform:none;cursor:pointer;padding:6px 4px;min-height:48px;transition:color .15s ease,background .15s ease,border-color .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.db-bottom-nav-btn:hover:not(.active){color:#f1f5f9;background:#ffffff0d}.db-bottom-nav-btn:active{transform:scale(.96)}.db-bottom-nav-btn i{font-size:17px;transition:transform .15s ease,color .15s ease}.db-bottom-nav-btn.active{background:#ffd43b1a;border-color:#ffd43b47;color:var(--gold, #ffd43b);font-weight:700}.db-bottom-nav-btn.active i{color:var(--gold, #ffd43b);transform:scale(1.08)}.db-bottom-nav-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}@media(max-width:1100px){.db-main{grid-template-columns:180px 1fr}}@media(min-width:961px)and (max-width:1080px),(min-width:961px)and (max-height:720px)and (max-width:1280px){.db-main{grid-template-columns:64px 1fr}.db-sidebar{width:64px;padding:14px 8px;align-items:center;box-sizing:border-box}.db-sidebar-lbl{display:none}.db-nav-item{width:44px;height:44px;min-height:44px;padding:0;justify-content:center}.db-nav-item>span:not(.db-nav-icon){display:none!important}.db-nav-icon{margin:0}.db-nav-icon i{font-size:17px}}@media(max-width:960px),(orientation:portrait)and (max-width:1024px){html,body{overflow:auto}.db-layout{height:auto;min-height:100vh;min-height:100dvh}.db-main{grid-template-columns:1fr}.db-sidebar{display:none}.db-content{padding:14px 0 86px;overflow:visible}.db-bottom-nav{display:flex}}@media(max-width:640px){.db-content{padding:10px 0 84px;gap:10px}#viewGroups,#viewProfile,#viewSubscription,#viewAdmin,#viewBlog{padding:10px 8px!important}.db-profile-form-grid{grid-template-columns:1fr;gap:12px}.db-profile-section{padding:16px 14px}.db-profile-section-footer{flex-direction:column-reverse;align-items:stretch;gap:10px}.db-profile-section-footer .db-btn{width:100%;height:42px;justify-content:center;font-size:14px}.db-profile-action-row{flex-direction:column;align-items:stretch;gap:10px}.db-profile-action-row .db-btn{width:100%;height:40px;justify-content:center}}@media(max-width:380px){.db-bottom-nav-btn{font-size:10px}.db-bottom-nav-btn i{font-size:16px}}.db-sub-wrap,.db-sub-card{max-width:780px;width:100%;box-sizing:border-box}.db-sub-wrap{display:flex;flex-direction:column;gap:18px;margin-top:16px}.db-sub-trial-offer{background:linear-gradient(135deg,rgba(255,212,59,.12) 0%,var(--navy-mid) 100%);border:1px solid rgba(255,212,59,.35);border-radius:var(--radius);padding:18px 22px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 20px #00000038}.db-sub-trial-offer-icon{width:44px;height:44px;border-radius:12px;background:var(--gold-dim);border:1px solid rgba(255,212,59,.3);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.db-sub-trial-offer-body{flex:1}.db-sub-trial-offer-title{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--gold);margin-bottom:2px}.db-sub-trial-offer-desc{font-size:13px;color:var(--text-muted);line-height:1.4;margin:0}.db-sub-trial-banner{background:#2ed5731a;border:1px solid rgba(46,213,115,.3);border-radius:var(--radius-sm);padding:12px 16px;display:flex;align-items:center;gap:12px}.db-sub-trial-banner i{color:#2ed573;font-size:16px;flex-shrink:0}.db-sub-trial-banner strong{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#2ed573;display:block}.db-sub-trial-banner p{font-size:12px;color:var(--text-muted);margin:2px 0 0}.db-sub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:0}.db-sub-item{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;display:flex;flex-direction:column;gap:4px}.db-sub-item-label{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.db-sub-item-value{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:18px;font-weight:600;letter-spacing:.01em;color:var(--text)}.db-sub-item-value.-active{color:var(--green)}.db-sub-item-value.-expired{color:var(--red)}.db-sub-actions{margin:0}.db-sub-actions .db-btn{text-decoration:none}.db-sub-note{font-size:13px;color:var(--text-muted);line-height:1.5;margin:0}.db-sub-billing-list{display:flex;flex-direction:column;gap:10px;max-height:290px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;padding-right:4px}.db-sub-billing-list::-webkit-scrollbar{width:4px}.db-sub-billing-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.db-sub-billing-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 18px;box-sizing:border-box;transition:background .15s,border-color .15s}.db-sub-billing-row:hover{background:#ffffff0b;border-color:#ffffff29}.db-sub-billing-left{display:flex;flex-direction:column;gap:4px;min-width:0}.db-sub-billing-date{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:12px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:6px}.db-sub-billing-date i{font-size:11px;color:var(--gold, #ffd43b);opacity:.8}.db-sub-billing-plan{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-sub-billing-amount{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;font-weight:600;color:#ffffffd9;letter-spacing:.01em;white-space:nowrap}@media(max-width:600px){.db-sub-billing-row{flex-direction:row;justify-content:space-between;align-items:center}}.db-sub-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.06)}.db-sub-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.db-sub-table th{padding:12px 18px;font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);background:#ffffff08;border-bottom:1px solid var(--border)}.db-sub-table th:last-child{text-align:right}.db-sub-table td{padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text);vertical-align:middle}.db-sub-table tr:last-child td{border-bottom:none}.db-sub-table-amount{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:600;color:var(--text)}.db-sub-table-receipt{text-align:right}.db-sub-table-receipt .db-btn{font-size:12px;height:28px;padding:0 10px}.db-sub-alert{border:1px solid rgba(255,107,107,.35);background:#ff6b6b1a;border-radius:var(--radius-sm);padding:12px 14px;display:flex;align-items:flex-start;gap:10px}.db-sub-alert i{color:#ff8080;font-size:15px;margin-top:2px}.db-sub-alert strong{display:block;font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#ffd4d4}.db-sub-alert p{margin-top:2px;font-size:13px;color:#ffffffdb}.db-sub-warning-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);background:#fbbf2414;border:1px solid rgba(251,191,36,.3)}.db-sub-warning-banner>i{font-size:16px;color:#fbbf24;margin-top:2px;flex-shrink:0}.db-sub-warning-banner strong{display:block;font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#fbbf24}.db-sub-warning-banner p{margin-top:2px;font-size:13px;color:var(--text-muted)}.db-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 18px;border-radius:var(--radius-sm);border:none;font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;line-height:1;cursor:pointer;transition:background .13s,transform .1s;white-space:nowrap;-webkit-tap-highlight-color:transparent}.db-btn span:not([hidden]){display:inline-flex;align-items:center;line-height:1;position:relative;top:-1px}.db-btn span[hidden]{display:none!important}.db-btn:active{transform:scale(.97)}.db-btn--primary{background:var(--gold);color:#07192e}.db-btn--primary:hover{background:#ffe474}.db-btn--ghost{background:#ffffff0f;color:var(--text-muted);border:1px solid var(--border)}.db-btn--ghost:hover{background:#ffffff1a;color:var(--text)}.db-btn--danger{background:#ff52521f;color:#ff8080;border:1px solid rgba(255,82,82,.25)}.db-btn--danger:hover{background:#ff525238}.db-btn--cancel{background:#ff525214;color:#ff8080;border:1px solid rgba(255,82,82,.22)}.db-btn--cancel:hover{background:#ff52522b}.db-btn--sm{height:30px;padding:0 12px;font-size:12px}.db-btn i{display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1}.db-btn--round{width:32px;height:32px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;background:var(--gold);color:var(--navy);border:none;cursor:pointer;transition:background .13s,transform .1s,box-shadow .13s;flex-shrink:0;line-height:1}.db-btn--round:hover{background:#ffe474;box-shadow:0 0 0 5px #ffd43b33;transform:scale(1.08)}.db-btn--round:active{transform:scale(.94)}.db-btn--round-ghost{background:#ffffff0f;color:var(--text-muted);border:1px solid var(--border-md);font-size:13px}.db-btn--round-ghost:hover{background:#ffffff1a;color:var(--text);box-shadow:none;transform:none}.db-btn--round-ghost.active{background:var(--gold-dim);border-color:#ffd43b73;color:var(--gold)}.db-icon-btn{width:30px;height:30px;border-radius:6px;background:transparent;border:none;cursor:pointer;color:var(--text-muted);font-size:12px;display:flex;align-items:center;justify-content:center;transition:color .13s,background .13s;-webkit-tap-highlight-color:transparent}.db-icon-btn:hover{color:var(--text);background:#ffffff14}.db-icon-btn.danger:hover{color:#ff8080;background:#ff52521a}.db-icon-btn.primary:hover{color:var(--gold);background:var(--gold-dim)}@media(max-width:640px){.db-sub-trial-offer{flex-direction:column;align-items:flex-start;padding:16px;gap:12px}.db-sub-trial-offer .db-btn{width:100%;justify-content:center;height:42px}.db-sub-grid{grid-template-columns:1fr;gap:10px}.db-sub-billing-row{padding:12px 14px;gap:10px}.db-sub-table th,.db-sub-table td{padding:10px 12px}}.db-purge-banner{background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:0;padding:12px 18px;margin:0 0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 4px 14px #ef44441a;animation:dbFadeIn .3s ease}.db-purge-banner--critical{background:#dc26262e;border-color:#dc26268c}.db-purge-banner-content{display:flex;align-items:center;gap:12px;flex:1}.db-purge-banner-icon{color:#ef4444;font-size:18px;flex-shrink:0}.db-purge-banner-text{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;color:#fca5a5;line-height:1.45}.db-purge-banner-text strong{color:#fff;font-weight:700}.db-purge-banner-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.db-purge-banner-btn-renew{background:#ef4444;color:#fff;border:none;border-radius:var(--radius-xs, 4px);padding:7px 14px;font-size:13px;font-weight:600;font-family:Barlow,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s ease,transform .1s ease;text-decoration:none}.db-purge-banner-btn-renew:hover{background:#dc2626}.db-purge-banner-btn-renew:active{transform:scale(.98)}.db-purge-banner-btn-dismiss{background:transparent;color:var(--text-muted, #94a3b8);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xs, 4px);padding:6px 12px;font-size:12px;font-family:Barlow,sans-serif;cursor:pointer;transition:all .15s ease}.db-purge-banner-btn-dismiss:hover{background:#ffffff12;color:#f1f5f9;border-color:#ffffff4d}.db-sub-purge-note{margin-top:12px;padding:10px 14px;background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:var(--radius-xs, 6px);color:#fca5a5;font-size:13px;display:flex;align-items:center;gap:10px;line-height:1.4}.db-sub-purge-note i{color:#ef4444;font-size:15px;flex-shrink:0}@media(max-width:768px){.db-purge-banner{flex-direction:column;align-items:flex-start;gap:12px}.db-purge-banner-actions{width:100%;justify-content:flex-end}}#viewGroups{flex:1;display:flex;flex-direction:column;gap:clamp(10px,1.5vw,16px);min-height:0;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}.db-page-header--with-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.db-stat-help-btn{width:38px;height:38px;min-width:38px;box-sizing:border-box;padding:0;background:var(--navy-mid);border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);font-size:15px;font-weight:700;font-family:Barlow,sans-serif;transition:border-color .15s,background .15s,color .15s,transform .12s;flex-shrink:0;-webkit-tap-highlight-color:transparent}.db-stat-help-btn:hover{border-color:var(--border-md);background:#ffffff0d;color:#fff;transform:translateY(-1px)}.db-stat-help-btn:active{transform:translateY(0)}.db-stat-help-btn:focus-visible{outline:2px solid rgba(255,212,59,.6);outline-offset:2px}.db-stat-help-btn i{font-size:15px;color:var(--text);transition:color .15s,transform .15s}.db-stat-help-btn:hover i{color:#fff;transform:scale(1.08)}#groupsHelpOverlay{display:none;position:fixed;inset:0;z-index:10200;background:#000000b3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);align-items:center;justify-content:center;padding:clamp(12px,3vw,24px);box-sizing:border-box}#groupsHelpOverlay.open,#groupsHelpOverlay.visible{display:flex!important;animation:db-fade .16s ease}.db-help-modal{width:min(680px,94vw);max-height:min(86dvh,720px);display:flex;flex-direction:column;background:var(--navy-light);border:1px solid var(--border-md);border-radius:14px;overflow:hidden;box-shadow:0 24px 70px #0009;animation:db-modal-in .2s cubic-bezier(.34,1.56,.64,1);position:relative}.db-help-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:var(--navy-mid);border-bottom:1px solid var(--border);flex-shrink:0}.db-help-header .db-modal-close{position:static;width:34px;height:34px;border-radius:8px;background:transparent;border:none;cursor:pointer;color:#94a3b8;font-size:16px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s,background .15s;flex-shrink:0}.db-help-header .db-modal-close:hover{color:#f1f5f9;background:#ffffff14}.db-help-header-identity{display:flex;align-items:center;gap:14px;min-width:0}.db-help-icon-box{width:40px;height:40px;border-radius:10px;background:var(--gold-dim);border:1px solid rgba(255,212,59,.35);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.db-help-title{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:19px;font-weight:700;letter-spacing:.01em;color:#fff;line-height:1.25}.db-help-title em{color:var(--gold);font-style:normal}.db-help-subtitle{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13.5px;color:var(--text-muted);margin-top:3px;line-height:1.35}.db-help-body{flex:1;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:14px;scrollbar-gutter:stable;min-height:0}.db-help-list{display:flex;flex-direction:column;gap:10px}.db-help-card-item{background:var(--navy-mid);border:1px solid var(--border);border-radius:10px;padding:12px 16px;display:flex;align-items:center;gap:14px;transition:border-color .15s,background .15s,transform .12s}.db-help-card-item:hover{border-color:var(--border-md);background:#ffffff0d;transform:translate(2px)}.db-help-card-icon{width:38px;height:38px;border-radius:8px;background:#ffffff0f;border:1px solid var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.db-help-card-icon--gold{background:#ffd43b1f;border:1px solid rgba(255,212,59,.28);color:var(--gold)}.db-help-card-icon--blue{background:#5a9cf81f;border:1px solid rgba(90,156,248,.28);color:var(--blue)}.db-help-card-icon--green{background:#52d9a01f;border:1px solid rgba(82,217,160,.28);color:var(--green)}.db-help-card-icon--purple{background:#a78bfa1f;border:1px solid rgba(167,139,250,.28);color:#a78bfa}.db-help-card-bar{width:3px;align-self:stretch;border-radius:2px;flex-shrink:0}.db-help-card-bar--gold{background:var(--gold)}.db-help-card-bar--blue{background:var(--blue)}.db-help-card-bar--green{background:var(--green)}.db-help-card-bar--purple{background:#a78bfa}.db-help-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left}.db-help-card-title{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;font-weight:700;letter-spacing:.01em;color:#fff;line-height:1.25}.db-help-card-desc{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13.5px;color:var(--text-muted);line-height:1.45;text-align:left}.db-help-tip-box{background:#ffd43b0f;border:1px solid rgba(255,212,59,.2);border-radius:9px;padding:12px 16px;display:flex;align-items:center;gap:12px;font-size:13.5px;color:#ffffffd9;line-height:1.5}.db-help-tip-icon{width:26px;height:26px;border-radius:50%;background:#ffd43b26;color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.db-help-tip-text{flex:1;text-align:left}.db-help-tip-text strong{color:var(--gold);margin-right:4px}.db-help-footer{display:flex;align-items:center;justify-content:flex-end;padding:14px 22px;background:var(--navy-mid);border-top:1px solid var(--border);flex-shrink:0}.db-help-footer .db-btn{font-size:14px;padding:9px 18px}@media(max-width:680px){.db-help-header{padding:14px 18px}.db-help-body{padding:16px 18px}.db-help-card-item{padding:10px 14px;gap:12px}.db-help-card-icon{width:34px;height:34px;font-size:14px}}.db-groups-toolbar{display:flex;align-items:center;gap:10px;flex-shrink:0;width:100%}.db-groups-search{position:relative;flex:1;max-width:420px;min-width:0}.db-groups-search i.fa-search{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--text-dim);pointer-events:none}.db-groups-search input{width:100%;height:38px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:0 12px 0 34px;color:var(--text);font-family:Barlow,sans-serif;font-size:15px;outline:none;box-sizing:border-box;transition:border-color .13s,background .13s}.db-groups-search input::placeholder{color:#ffffff61}.db-groups-search input:focus{border-color:#ffd43b99;background:#ffffff14;outline:2px solid rgba(255,212,59,.25);outline-offset:1px}.db-groups-scope-toggle-btn{width:38px;height:38px;min-width:38px;box-sizing:border-box;padding:0;background:var(--navy-mid);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .12s;flex-shrink:0;-webkit-tap-highlight-color:transparent}.db-groups-scope-toggle-btn:hover{border-color:var(--border-md);background:#ffffff0f;color:#fff;transform:translateY(-1px)}.db-groups-scope-toggle-btn:active{transform:translateY(0)}.db-groups-scope-toggle-btn.active{background:var(--gold-dim);border-color:#ffd43b59;color:var(--gold);box-shadow:0 1px 4px #0003}.db-groups-scope-toggle-btn.active:hover{border-color:#ffd43b99;color:var(--gold)}.db-groups-scope-toggle-btn i{transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.db-groups-scope-toggle-btn:active i{transform:scale(.9)}.db-groups-toolbar-new{flex-shrink:0;height:38px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.db-groups-toolbar-new.db-btn--limit-reached,.db-btn.db-btn--limit-reached{background:#ffffff14!important;color:var(--text-dim, rgba(255, 255, 255, .4))!important;border:1px solid rgba(255,255,255,.12)!important;cursor:not-allowed!important;opacity:.65;box-shadow:none!important;transform:none!important}.db-groups-toolbar-new.db-btn--limit-reached:hover,.db-btn.db-btn--limit-reached:hover{background:#ffffff14!important;color:var(--text-dim, rgba(255, 255, 255, .4))!important;border-color:#ffffff1f!important;transform:none!important}.db-groups-btn-icon-danger{width:38px;height:38px;min-width:38px;box-sizing:border-box;padding:0;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .1s;flex-shrink:0;-webkit-tap-highlight-color:transparent}.db-groups-btn-icon-danger:hover{background:#ff525224;border-color:#ff525273;color:#ff8080;transform:translateY(-1px)}.db-groups-btn-icon-danger:active{transform:scale(.95)}.db-groups-btn-icon-danger:disabled{opacity:.3;pointer-events:none}.db-groups-btn-icon-danger:focus-visible{outline:2px solid rgba(255,82,82,.6);outline-offset:2px}.db-groups-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.2vw,12px);flex-shrink:0;width:100%}.db-stat-card{min-height:72px;box-sizing:border-box;padding:clamp(8px,1.2vw,12px) clamp(10px,1.4vw,16px);background:var(--navy-mid);border:1px solid var(--border);border-radius:var(--radius);min-width:0;display:flex;flex-direction:column;justify-content:center;text-align:left;transition:border-color .15s,background .15s}.db-stat-card:hover{border-color:var(--border-md);background:#ffffff0d}.db-stat-info{min-width:0;display:flex;flex-direction:column;gap:4px}.db-stat-label{font-family:Barlow,sans-serif;font-size:clamp(10px,1.05vw,11.5px);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.db-stat-value{font-family:Bebas Neue,sans-serif;font-size:clamp(24px,3.2vw,32px);font-weight:400;line-height:1;color:#fff;letter-spacing:.03em}.db-grid-2--level{align-items:start}.db-level-row{display:flex;gap:8px;align-items:center;width:100%}.db-level-row select{width:100%;min-width:0;height:44px;cursor:pointer;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='%2394a3b8'%3E%3Cpath d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;appearance:none;-webkit-appearance:none}.db-custom-select-wrap{position:relative;width:100%}.db-custom-select-trigger{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm, 8px);padding:0 14px;height:44px;color:var(--text);font-family:Barlow,sans-serif;font-size:15px;outline:none;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .13s,background .13s,box-shadow .13s;text-align:left}.db-custom-select-trigger:hover:not(:disabled){background:#ffffff17;border-color:#ffffff38}.db-custom-select-trigger:focus,.db-custom-select-trigger.open{border-color:#ffd43b99;background:#ffffff14;box-shadow:0 0 0 2px #ffd43b40}.db-custom-select-trigger:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.db-custom-select-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text);font-weight:500}.db-custom-select-trigger.has-value .db-custom-select-label{color:var(--text);font-weight:500}.db-custom-select-caret{font-size:11px;color:#94a3b8;margin-left:8px;flex-shrink:0;transition:transform .2s ease,color .15s ease}.db-custom-select-trigger.open .db-custom-select-caret{transform:rotate(180deg);color:#cbd5e1}.db-custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0d1b2a;border:1px solid var(--neutral-border, rgba(255, 255, 255, .15));border-radius:10px;box-shadow:0 14px 32px #000000a6,0 0 0 1px #ffffff0f inset;padding:6px;z-index:1000;display:flex;flex-direction:column;box-sizing:border-box;animation:db-dropdown-in .14s cubic-bezier(.16,1,.3,1)}@keyframes db-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.db-custom-select-list{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto;overflow-x:hidden;padding:2px}.db-custom-select-list::-webkit-scrollbar{width:5px}.db-custom-select-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.db-custom-select-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:6px;font-family:Barlow,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13.5px;font-weight:500;color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s ease,color .12s ease}.db-custom-select-item:hover{background:#ffffff14;color:#fff}.db-custom-select-item.active{background:transparent;color:#fff;font-weight:500}.db-custom-select-item.active:hover{background:#ffffff14;color:#fff}.db-custom-select-item-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-custom-select-item-check{font-size:12px;color:var(--gold, #ffd43b);opacity:0;flex-shrink:0;transition:opacity .12s ease}.db-custom-select-item.active .db-custom-select-item-check{opacity:1}.db-custom-select-hint{padding:8px 10px;font-size:12px;color:var(--text-dim, #64748b);text-align:center}.db-groups-split{flex:1;display:flex;gap:clamp(10px,1.5vw,16px);min-height:0;overflow:hidden}.db-groups-list-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:clamp(10px,1.4vw,14px);min-height:0;container-type:inline-size;container-name:groups;--actions-w: 68px}.db-groups-list-wrap{flex:1;min-width:0;display:flex;flex-direction:column;font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.db-groups-list-head{position:sticky;top:0;z-index:10;height:38px;box-sizing:border-box;display:grid;grid-template-columns:4px repeat(4,minmax(0,1fr)) var(--actions-w, 68px);gap:clamp(8px,1.2vw,12px);align-items:center;padding:0 10px;margin:0 0 8px;background:var(--navy);border-bottom:1px solid var(--border);border-left:1px solid transparent;border-right:1px solid transparent;font-family:Barlow,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);flex-shrink:0}.db-groups-list-head-count{text-align:left}.db-groups-list-head-actions{text-align:center;padding-right:0}.db-groups-list-scroll{flex:1;overflow-y:auto;scrollbar-gutter:stable;min-height:0;padding:0 2px 8px 0}.db-groups-list-scroll::-webkit-scrollbar{width:5px}.db-groups-list-scroll::-webkit-scrollbar-track{background:transparent}.db-groups-list-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.db-groups-list{display:flex;flex-direction:column}.db-group-row{display:grid;grid-template-columns:4px repeat(4,minmax(0,1fr)) var(--actions-w, 68px);gap:clamp(8px,1.2vw,12px);align-items:center;padding:10px;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--navy-mid);margin-bottom:8px;min-height:50px;box-sizing:border-box;transition:border-color .13s,background .13s,transform .1s;-webkit-tap-highlight-color:transparent}.db-group-row:last-child{margin-bottom:0}.db-group-row:hover{border-color:var(--border-md);background:#ffffff12}.db-group-row.active-group{background:#ffd43b17;border-color:#ffd43b4d}.db-group-row:focus-visible{outline:2px solid rgba(255,212,59,.6);outline-offset:-2px}.db-group-row-bar{width:3px;height:26px;border-radius:2px;background:var(--card-fg, var(--gold));flex-shrink:0}.db-group-row-name{font-family:Barlow,sans-serif;font-size:15.5px;font-weight:500;letter-spacing:.01em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.db-group-row-level{display:flex;align-items:center;gap:6px;font-family:Barlow,sans-serif;font-size:14px;font-weight:500;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.db-group-row-level--empty{color:var(--text-dim);font-style:italic}.db-group-row-teacher{display:flex;align-items:center;gap:6px;font-family:Barlow,sans-serif;font-size:14px;font-weight:500;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.db-group-row-teacher--empty{color:var(--text-dim);font-style:italic}.db-group-row-teacher .db-group-row-teacher-txt{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-group-row-count{display:flex;align-items:center;justify-content:flex-start;gap:5px;font-family:Barlow,sans-serif;font-size:14px;font-weight:500;color:var(--text-muted);white-space:nowrap}.db-group-row-count-n{font-family:Bebas Neue,sans-serif;font-size:17px;font-weight:400;letter-spacing:.04em;color:var(--text-muted);line-height:1;transition:color .13s}.db-group-row:hover .db-group-row-count-n{color:var(--text)}.db-group-row-actions{display:flex;gap:6px;align-items:center;justify-content:center;padding-right:0}.db-group-row-actions .db-group-btn-icon{width:30px;height:30px;border-radius:6px;border:none;background:transparent;color:#ffffff73;font-size:12.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s;-webkit-tap-highlight-color:transparent}.db-group-row-actions .db-group-btn-icon:hover{background:#ffffff1f;color:var(--text)}.db-group-row-actions .db-group-btn-icon.danger:hover{background:#ff525224;color:#ff8080}.db-group-row-actions .db-group-btn-icon:focus-visible{outline:2px solid rgba(255,212,59,.6);outline-offset:1px}.db-group-row--skeleton{cursor:default}.db-group-row--skeleton:hover{background:transparent}.db-empty{text-align:center;padding:40px 20px;margin:10px;border:1px dashed rgba(255,255,255,.14);border-radius:var(--radius)}.db-empty-icon{font-size:34px;color:var(--text-muted);margin-bottom:12px}.db-empty-title{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:.02em;color:var(--text-muted);margin-bottom:6px}.db-empty-sub{font-size:14px;color:var(--text-muted);margin-bottom:16px}.db-skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:db-shimmer 1.4s infinite;border-radius:5px}@keyframes db-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.db-drawer-backdrop{display:none;position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:490;opacity:0;pointer-events:none;transition:opacity .25s ease}.db-drawer-backdrop.open{display:block;opacity:1;pointer-events:auto}.db-student-drawer{position:static;width:clamp(260px,24vw,300px);max-width:300px;flex-shrink:0;background:var(--navy-mid);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden;min-height:0;box-sizing:border-box}.db-drawer-drag-handle{display:none;width:36px;height:4px;border-radius:2px;background:#ffffff40;margin:8px auto 2px;flex-shrink:0}.db-drawer-header{position:relative;min-height:68px;box-sizing:border-box;padding:10px 40px 10px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-shrink:0}.db-drawer-color-bar{width:4px;height:36px;border-radius:2px;flex-shrink:0;align-self:center}.db-drawer-info{flex:1;min-width:0}.db-student-drawer.db-panel-empty .db-drawer-info{text-align:center}.db-drawer-title{font-family:Barlow,sans-serif;font-size:17.5px;font-weight:500;color:var(--text);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-drawer-count{font-family:Barlow,sans-serif;font-size:13.5px;color:var(--text-muted);margin-top:2px;display:flex;align-items:center;gap:5px}.db-drawer-count-n{font-family:Bebas Neue,sans-serif;font-size:19px;font-weight:400;letter-spacing:.03em;color:var(--text, #fff);line-height:1}.db-drawer-close-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:6px;background:transparent;border:none;cursor:pointer;color:var(--text-muted);font-size:13px;display:flex;align-items:center;justify-content:center;transition:background .13s,color .13s,transform .1s;z-index:2;-webkit-tap-highlight-color:transparent}.db-drawer-close-btn:hover{background:#ffffff24;color:var(--text)}.db-drawer-close-btn:active{transform:scale(.92)}.db-drawer-close-btn:focus-visible{outline:2px solid rgba(255,212,59,.6);outline-offset:2px}.db-student-drawer.db-panel-empty .db-drawer-close-btn{display:none}.db-drawer-list-head{min-height:38px;box-sizing:border-box;padding:8px 12px 8px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;font-family:Barlow,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.db-drawer-list-head-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-drawer-manage-btn{width:28px;height:28px;border-radius:6px;background:transparent;border:none;cursor:pointer;color:var(--text-dim);font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .13s,border-color .13s,transform .1s;flex-shrink:0;-webkit-tap-highlight-color:transparent}.db-drawer-manage-btn:hover{background:#ffffff1a;color:var(--text)}.db-drawer-manage-btn:active{transform:scale(.92)}.db-drawer-manage-btn:focus-visible{outline:2px solid rgba(255,212,59,.6);outline-offset:2px}.db-student-drawer.db-panel-empty .db-drawer-manage-btn{display:none}.db-students-list{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:5px;min-height:0}.db-students-list::-webkit-scrollbar{width:5px}.db-students-list::-webkit-scrollbar-track{background:transparent}.db-students-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.db-student-row{display:flex;align-items:center;padding:8px 12px;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);min-height:40px;box-sizing:border-box;margin-bottom:2px}.db-student-name{flex:1;min-width:0;font-family:Barlow,sans-serif;font-size:15px;font-weight:400;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-drawer-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px;gap:10px;color:var(--text-muted)}.db-drawer-empty>i{font-size:30px;color:var(--text-muted)}.db-drawer-empty p{font-size:14px;line-height:1.6;margin:0}.db-drawer-empty p i{font-size:13px;color:var(--gold);vertical-align:-1px}.db-student-drawer.db-panel-empty .db-drawer-manage-btn,.db-student-drawer.db-panel-empty .db-drawer-list-head{display:none}.db-gender-single{width:34px;height:34px;min-width:34px;border-radius:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);font-size:13px;font-weight:800;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;line-height:1;-webkit-tap-highlight-color:transparent;flex-shrink:0;box-sizing:border-box}.db-gender-single i{font-size:13px;line-height:1}.db-gender-single:hover{background:#ffffff29}.db-gender-single[data-gender=M]{background:#4285f438;color:#90c4ff;border-color:#4285f459}.db-gender-single[data-gender=F]{background:#f472b633;color:#fbbfe5;border-color:#f472b659}.db-gender-single.saving{opacity:.55;pointer-events:none}.db-gender-single:focus-visible{outline:2px solid rgba(255,212,59,.6);outline-offset:1px}.db-rating-select{width:34px;height:34px;min-width:34px;background:#ffffff0d;border:1px solid var(--border);border-radius:6px;padding:0;color:var(--text-muted);font-family:Bebas Neue,sans-serif;font-size:17px;font-weight:400;letter-spacing:.04em;text-align:center;cursor:pointer;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:border-color .13s,background .13s;flex-shrink:0;box-sizing:border-box}.db-rating-select:hover{background:#ffffff14}.db-rating-select:focus{border-color:#ffd43b99;background:#ffffff14}.db-rating-select option{background:var(--navy-light);color:var(--text)}.db-modal.db-modal--wide{max-width:680px;width:min(680px,94vw);height:min(600px,86dvh);max-height:86dvh;box-sizing:border-box;position:relative;display:flex;flex-direction:column;overflow:hidden;padding:clamp(16px,3vw,24px) clamp(16px,3vw,24px) clamp(14px,2vw,20px)}.db-manage-sub{font-family:Barlow,sans-serif;font-size:13px;color:var(--text-muted);margin:0;flex-shrink:0}.db-manage-add-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;gap:8px;margin-bottom:8px;flex-shrink:0;align-items:center;width:100%}.db-manage-add-row input{height:40px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm);padding:0 12px;color:var(--text);font-family:Barlow,sans-serif;font-size:15px;outline:none;box-sizing:border-box;transition:border-color .13s,background .13s;min-width:0}.db-manage-add-row input::placeholder{color:#ffffff61}.db-manage-add-row input:focus{border-color:#ffd43b99;background:#ffffff14}.db-manage-add-row .db-btn{width:40px;height:40px;min-width:40px;padding:0;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;background:var(--gold, #ffd43b);color:#07192e;font-size:14px;font-weight:600;cursor:pointer;transition:background .13s,transform .1s,filter .13s;border:none;flex-shrink:0}.db-manage-add-row .db-btn:hover{filter:brightness(1.1)}.db-manage-add-row .db-btn:active{transform:scale(.93)}.db-manage-import-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:var(--text-muted);font-family:Barlow,sans-serif;font-size:13px;padding:6px 2px;margin-bottom:6px;flex-shrink:0;transition:color .13s;-webkit-tap-highlight-color:transparent}.db-manage-import-toggle:hover{color:var(--text)}.db-manage-import-toggle i{font-size:11px;transition:transform .15s}.db-manage-import-toggle.open i{transform:rotate(90deg)}.db-manage-import-section{flex:1;min-height:0;display:flex;flex-direction:column;margin-bottom:0}.db-manage-import-section[hidden]{display:none!important}.db-manage-import-section .db-paste-area{flex:1;min-height:0;height:100%;width:100%;box-sizing:border-box;resize:none}.db-modal.db-modal--wide .db-modal-footer.db-modal-footer--split{display:flex;align-items:center;justify-content:space-between;width:100%;flex-shrink:0;margin-top:auto;padding-top:12px}.db-manage-list-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px 34px 34px;gap:8px;padding:8px 4px;font-family:Barlow,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border);flex-shrink:0}.db-manage-list-head span:nth-child(3),.db-manage-list-head span:nth-child(4){text-align:center}.db-manage-list-scroll{flex:1;min-height:0;overflow-y:auto;margin:0 -4px;padding:6px 4px 0}.db-manage-list-scroll::-webkit-scrollbar{width:5px}.db-manage-list-scroll::-webkit-scrollbar-track{background:transparent}.db-manage-list-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.db-manage-list{display:flex;flex-direction:column;gap:4px}.db-manage-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 34px 34px 34px;gap:8px;align-items:center;padding:4px;border-radius:var(--radius-sm);transition:background .13s}.db-manage-row:hover{background:#ffffff0a}.db-manage-input{width:100%;height:34px;background:#ffffff0d;border:1px solid var(--border);border-radius:6px;padding:0 10px;color:var(--text);font-family:Barlow,sans-serif;font-size:15px;outline:none;box-sizing:border-box;transition:border-color .13s,background .13s;min-width:0}.db-manage-input:hover{background:#ffffff14}.db-manage-input:focus{border-color:#ffd43b99;background:#ffffff17}.db-manage-row .db-gender-single,.db-manage-row .db-rating-select{margin:0 auto}.db-manage-delete-btn{width:34px;height:34px;border-radius:6px;border:1px solid transparent;background:transparent;color:#ffffff59;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s;margin:0 auto;-webkit-tap-highlight-color:transparent}.db-manage-delete-btn:hover{background:#ff525224;color:#ff8080}.db-manage-delete-btn:focus-visible{outline:2px solid rgba(255,82,82,.6);outline-offset:1px}.db-manage-empty{text-align:center;padding:28px 12px;color:var(--text-muted);font-family:Barlow,sans-serif;font-size:14px}.db-modal--wide.db-manage-import-open .db-manage-list-head,.db-modal--wide.db-manage-import-open .db-manage-list-scroll{display:none}@container groups (max-width: 700px){.db-groups-stats{gap:8px}.db-stat-card{min-height:64px;padding:8px 10px}.db-stat-label{font-size:10.5px;letter-spacing:.05em}.db-stat-value{font-size:24px}.db-groups-list-head,.db-group-row{grid-template-columns:4px repeat(3,minmax(0,1fr)) var(--actions-w, 68px);gap:8px}.db-groups-list-head-teacher,.db-group-row-teacher{display:none}.db-group-row--skeleton>:nth-child(4){display:none}}@container groups (max-width: 460px){.db-groups-stats{gap:6px}.db-stat-card{min-height:58px;padding:6px 7px}.db-stat-info{gap:3px}.db-stat-label{font-size:9px;letter-spacing:.02em;line-height:1.15;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.db-stat-value{font-size:20px}.db-groups-list-head,.db-group-row{grid-template-columns:4px minmax(0,1fr) 56px var(--actions-w, 68px);gap:10px}.db-groups-list-head-level,.db-group-row-level{display:none}.db-groups-list-head-count{text-align:center}.db-group-row-count{justify-content:center;text-align:center}.db-group-row--skeleton>:nth-child(3){display:none}}@media(max-width:960px),(pointer:coarse){.db-groups-list-col{--actions-w: 88px}.db-group-row-actions{gap:4px}.db-group-row-actions .db-group-btn-icon{width:38px;height:38px;font-size:14px}}@media(max-width:960px),(pointer:coarse){.db-groups-search input,.db-manage-input,.db-manage-add-row input,.db-level-row select,.db-custom-select-trigger,.db-paste-area,.db-field input,.db-field select,.db-field textarea{font-size:16px}}@media(max-height:760px){#groupModal .db-modal{max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}}@media(min-width:961px){.db-drawer-backdrop{display:none!important}}@media(max-width:960px){#viewGroups,.db-groups-split{overflow:visible}.db-groups-list-wrap{overflow:visible;border:none;background:transparent}.db-groups-list-scroll{overflow:visible;padding-bottom:calc(var(--bottom-nav-h, 76px) + env(safe-area-inset-bottom,0px))}}@media(max-width:960px){.db-student-drawer{position:fixed;inset:0 0 0 auto;width:300px;max-width:85vw;height:100vh;height:100dvh;border-left:1px solid var(--border-md);border-top:none;border-bottom:none;border-right:none;border-radius:16px 0 0 16px;transform:translate(110%);visibility:hidden;pointer-events:none;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility .28s;box-shadow:-12px 0 40px #00000080;z-index:500;padding-right:env(safe-area-inset-right,0px)}.db-student-drawer.open{transform:translate(0);visibility:visible;pointer-events:auto}.db-drawer-close-btn{display:flex}.db-students-list{padding-bottom:max(12px,env(safe-area-inset-bottom,12px))}}@media(min-width:601px)and (max-width:960px){.db-student-drawer{width:340px}}@media(max-width:600px){.db-drawer-backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000000c7}.db-student-drawer{position:fixed;inset:0!important;width:100%!important;max-width:100%!important;height:100%!important;height:100vh!important;height:100dvh!important;border:none!important;border-radius:0!important;transform:translate(100%);visibility:hidden;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,visibility 0s linear .3s;box-shadow:none!important;z-index:500}.db-student-drawer.open{transform:translate(0);visibility:visible;pointer-events:auto;box-shadow:-12px 0 40px #00000080!important;transition-delay:0s}.db-drawer-drag-handle{display:none!important}.db-drawer-close-btn{display:flex!important;top:max(10px,env(safe-area-inset-top,10px))}.db-drawer-header{padding-top:max(10px,env(safe-area-inset-top,10px))}.db-students-list{padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}}@media(max-width:640px){.db-groups-toolbar{flex-wrap:wrap;gap:8px;width:100%}.db-groups-search{width:100%;flex:1 1 100%;max-width:100%}.db-groups-search input{height:42px;font-size:15px}.db-groups-toolbar-new{flex:1;height:42px;padding:0 14px;font-size:14px;font-weight:600;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.db-groups-btn-icon-danger{width:42px;height:42px;min-width:42px;font-size:15px}.db-groups-list-head{margin:0 0 8px;width:100%;box-sizing:border-box}.db-groups-list-head-actions{text-align:right}.db-group-row{margin-bottom:8px;width:100%}.db-group-row-actions{justify-content:flex-end}.db-drawer-list-head{padding:8px 12px}.db-manage-list-head,.db-manage-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px 32px 32px;gap:6px}}@media(max-width:380px){.db-manage-add-row{grid-template-columns:1fr 1fr}.db-manage-add-row .db-btn{grid-column:1 / -1;width:100%}}@container groups (max-width: 340px){.db-groups-stats{gap:4px}.db-stat-card{padding:5px;min-height:54px}.db-stat-label{font-size:8px;letter-spacing:0}.db-stat-value{font-size:18px}}@media(max-height:700px){.db-manage-list-scroll,.db-manage-import-section .db-paste-area{min-height:140px}.db-help-body{padding:12px 16px;gap:8px}.db-help-list{gap:6px}.db-help-card-item{padding:8px 12px}}.db-team-members-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.db-team-member-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff08;border:1px solid var(--border);border-radius:7px}.db-team-member-email{flex:1;font-size:13px;color:var(--text-muted, #a1a1aa);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-team-member-status{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:5px;white-space:nowrap}.db-team-member-status--active{background:#48c78e26;color:#48c78e}.db-team-member-status--invited{background:#ffd43b26;color:#ffd43b}.db-team-invite-row{display:flex;gap:8px;align-items:center;width:100%}.db-team-invite-row input{flex:1;min-width:0;height:40px;padding:0 12px;background:#1a2d4a;border:1px solid #2a3d5a;border-radius:8px;color:#e4e4e7;font-size:15px;font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box}.db-team-invite-row input:focus{outline:none;border-color:#ffd43b;box-shadow:0 0 0 1px #ffd43b}.db-team-invite-row .db-btn{height:40px;flex-shrink:0}@media(max-width:520px){.db-team-invite-row{flex-direction:column;align-items:stretch}.db-team-invite-row .db-btn{width:100%;justify-content:center}}.db-overlay{display:none;position:fixed;inset:0;z-index:10100;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);align-items:center;justify-content:center}.db-overlay.open{display:flex;animation:db-fade .16s ease}@keyframes db-fade{0%{opacity:0}to{opacity:1}}.db-modal{background:var(--navy-light);border:1px solid var(--border-md);border-radius:14px;padding:24px 22px 20px;box-shadow:0 24px 80px #000000b3;animation:db-modal-in .2s cubic-bezier(.34,1.56,.64,1);position:relative;max-height:80vh;overflow-y:auto}@keyframes db-modal-in{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:none}}.db-modal-title{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:.01em;color:var(--text);margin-bottom:18px}.db-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border);gap:14px}.db-modal-header-identity{display:flex;align-items:center;gap:14px;min-width:0}.db-modal-icon-badge{width:42px;height:42px;border-radius:10px;background:var(--gold-dim);border:1px solid rgba(255,212,59,.35);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;transition:all .2s ease}.db-modal-header .db-modal-title{margin-bottom:0;font-size:19px;line-height:1.2}.db-modal-header .db-modal-close{position:static;flex-shrink:0}.db-modal-subtitle{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;color:var(--text-muted);margin-top:3px;line-height:1.35;font-weight:400}.db-input-password-wrap{position:relative;display:flex;align-items:center;width:100%}.db-input-password-wrap input{padding-right:42px}.db-password-toggle-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:6px;background:transparent;border:none;color:var(--text-dim);display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:color .13s,background .13s}.db-password-toggle-btn:hover{color:#fff;background:#ffffff14}.db-field-hint{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-dim);margin-top:6px}.db-field-hint i{font-size:11px}.db-modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:8px;background:transparent;border:none;cursor:pointer;color:var(--text-muted);font-size:13px;display:flex;align-items:center;justify-content:center;transition:color .13s,background .13s}.db-modal-close:hover{color:var(--text);background:#ffffff14}.db-field{margin-bottom:18px}.db-field label{display:flex;align-items:center;margin-bottom:7px;font-family:Barlow,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);line-height:1.2}.db-field input,.db-field textarea,.db-field select{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm, 8px);padding:0 14px;height:44px;color:var(--text);font-family:Barlow,sans-serif;font-size:15px;outline:none;box-sizing:border-box;transition:border-color .13s,background .13s,box-shadow .13s;-webkit-appearance:none}.db-field textarea{height:auto;padding:10px 14px;resize:vertical;min-height:180px;font-size:14.5px}.db-field input::placeholder,.db-field textarea::placeholder{color:#ffffff61}.db-field input:focus,.db-field textarea:focus,.db-field select:focus{border-color:#ffd43b99;background:#ffffff14;outline:none;box-shadow:0 0 0 2px #ffd43b40}.db-field select option{background:var(--navy-light)}.db-mode-tabs{display:flex;gap:3px;background:#ffffff0d;border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;margin-bottom:14px}.db-mode-tab{flex:1;height:32px;border:none;border-radius:5px;background:transparent;color:var(--text-muted);font-family:Barlow,sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .13s,color .13s}.db-mode-tab.active{background:var(--gold-dim);color:var(--gold)}.db-mode-tab:hover:not(.active){background:#ffffff0f;color:var(--text)}.db-paste-area{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:10px 13px;color:var(--text);font-family:Barlow,sans-serif;font-size:15px;line-height:1.65;outline:none;resize:vertical;min-height:110px;box-sizing:border-box;transition:border-color .13s,background .13s}.db-paste-area::placeholder{color:#ffffff61}.db-paste-area:focus{border-color:#ffd43b99;background:#ffffff14;outline:2px solid rgba(255,212,59,.25);outline-offset:1px}.db-paste-preview{margin-top:8px;display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto}.db-paste-chip{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#ffffff0d;border:1px solid var(--border);border-radius:5px;font-family:Barlow,sans-serif;font-size:14px;color:var(--text-muted);gap:6px}.db-paste-chip strong{color:var(--text)}.db-paste-chip-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:10px;padding:2px 4px;border-radius:3px;transition:color .13s}.db-paste-chip-remove:hover{color:var(--red)}.db-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:520px){.db-grid-2{grid-template-columns:1fr;gap:0}}.db-field-textarea--compact{min-height:72px!important;height:72px}.db-color-row{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(6px,1.5vw,10px);margin-top:8px;width:100%;box-sizing:border-box}.db-color-dot{width:100%;aspect-ratio:1 / 1;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;box-sizing:border-box}.db-color-dot:hover{transform:translateY(-2px)}.db-color-dot.selected{border-color:#fff;transform:translateY(-1px);box-shadow:0 0 0 2px #ffffff73,0 4px 14px #00000073}.db-modal-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px}.db-modal-footer>:only-child{margin-left:auto}.db-msg{padding:9px 13px;border-radius:7px;font-family:Barlow,sans-serif;font-size:14px;font-weight:600;display:none;margin-bottom:13px}.db-msg.err{background:#ff52521f;border:1px solid rgba(255,82,82,.28);color:#ff8080;display:block}.db-msg.ok{background:#48c78e1f;border:1px solid rgba(72,199,142,.28);color:var(--green);display:block}.db-confirm-box{background:var(--navy-light);border:1px solid var(--border-md);border-radius:12px;width:min(340px,92vw);padding:26px 22px 20px;box-shadow:0 24px 80px #000000b3;animation:db-modal-in .2s cubic-bezier(.34,1.56,.64,1);text-align:center}.db-confirm-icon{font-size:28px;color:#ff8080;margin-bottom:12px}.db-confirm-title{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:.01em;color:var(--text);margin-bottom:8px}.db-confirm-sub{font-size:14px;color:var(--text-muted);margin-bottom:22px;line-height:1.6}.db-confirm-btns{display:flex;gap:8px;justify-content:center}#dbToastArea{position:fixed;bottom:20px;right:20px;z-index:99999;display:flex;flex-direction:column;gap:6px;pointer-events:none;max-width:calc(100vw - 40px)}.db-toast{background:var(--navy-mid);border:1px solid var(--border-md);border-radius:var(--radius-sm);padding:11px 14px;font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:9px;box-shadow:0 8px 28px #00000080;animation:db-toast-in .2s ease;min-width:200px;max-width:320px;box-sizing:border-box}.db-toast.ok i{color:var(--green)}.db-toast.err i{color:#ff8080}.db-toast.info i{color:var(--gold)}@keyframes db-toast-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@media(max-width:960px),(orientation:portrait)and (max-width:1024px){#dbToastArea{bottom:calc(72px + env(safe-area-inset-bottom,0px));right:14px;left:14px;align-items:center;max-width:100%}.db-toast{max-width:100%;width:100%;justify-content:center;text-align:center}}#dbLoader{position:fixed;inset:0;background:var(--navy);display:flex;align-items:center;justify-content:center;z-index:99998;flex-direction:column;gap:14px}#dbLoader .db-logo{width:42px;height:42px;background:var(--gold);border-radius:10px;display:flex;align-items:center;justify-content:center}#dbLoader .db-logo svg{width:22px;height:22px}#dbLoader p{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}#dbLoader.hidden{display:none}.db-spin{animation:db-spin .8s linear infinite}@keyframes db-spin{to{transform:rotate(360deg)}}.db-danger-zone{margin-top:32px;border:1px solid rgba(255,82,82,.2);border-radius:var(--radius);overflow:hidden}.db-danger-zone-title{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ff525212;font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#ff8080;border-bottom:1px solid rgba(255,82,82,.15)}.db-danger-zone-body{padding:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.db-danger-zone-desc{font-size:13px;color:var(--text-muted);flex:1;min-width:180px}@media(max-width:640px){.db-overlay{align-items:flex-end}.db-modal{width:100%;border-radius:16px 16px 0 0;position:fixed;bottom:0;top:auto;max-height:90vh;max-height:90dvh;padding-bottom:max(20px,env(safe-area-inset-bottom,20px))}}#viewAdmin{flex:1;display:flex;flex-direction:column;gap:14px;min-height:0;overflow:hidden}#viewAdmin .db-page-header{flex-shrink:0}#adminUsersPanel{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}#adminGuidePanel{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.db-admin-toolbar{display:flex;align-items:center;gap:10px;flex-shrink:0}.db-admin-toolbar .db-btn{height:36px}.db-admin-filter{height:36px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:0 28px 0 12px;color:var(--text);font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;font-weight:600;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='%23ffffff'%3E%3Cpath d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .13s,background .13s;flex-shrink:0}.db-admin-filter:focus{border-color:#ffd43b99;background-color:#ffffff14;outline:2px solid rgba(255,212,59,.25);outline-offset:1px}.db-admin-filter option{background:var(--navy-light);color:var(--text)}.db-admin-table-wrap{flex:1;display:flex;flex-direction:column;border:1px solid var(--border-md);border-radius:var(--radius);background:var(--navy-mid);font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;min-height:0}.db-admin-table-head{display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,1fr) 80px 100px minmax(140px,1fr) 110px 90px;gap:10px;align-items:center;padding:9px 14px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border-md);flex-shrink:0}.db-admin-sortable{display:flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .13s}.db-admin-sortable:hover{color:var(--text)}.db-admin-sortable i{font-size:9px;opacity:.5;transition:opacity .13s}.db-admin-sortable:hover i{opacity:1}.db-admin-table-scroll{flex:1;overflow-y:auto;min-height:0}.db-admin-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,1fr) 80px 100px minmax(140px,1fr) 110px 90px;gap:10px;align-items:center;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.05);min-height:44px;transition:background .12s;font-size:14px}.db-admin-row:last-child{border-bottom:none}.db-admin-row:hover{background:#ffffff0a}.db-admin-row--skeleton{cursor:default}.db-admin-row--skeleton:hover{background:transparent}.db-admin-cell-name{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-admin-cell-name--clickable{cursor:pointer;transition:color .13s}.db-admin-cell-name--clickable:hover{color:var(--gold);text-decoration:underline}.db-admin-cell-email{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-admin-cell-plan{display:flex;align-items:center}.db-admin-cell-status{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted);text-transform:capitalize}.db-admin-cell-period{font-size:13px;color:var(--text-muted)}.db-admin-cell-lastseen{font-size:12.5px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-admin-cell-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}.db-admin-cell-actions .db-icon-btn{opacity:0;transition:opacity .12s}.db-admin-row:hover .db-admin-cell-actions .db-icon-btn,.db-admin-row:focus-within .db-admin-cell-actions .db-icon-btn{opacity:1}.db-admin-diag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;opacity:1}.db-admin-diag-dot--ok{background:#40c057}.db-admin-diag-dot--error{background:#ff6b6b}.db-admin-plan-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.05em}.db-admin-plan-badge--free{background:#ffffff14;color:var(--text-muted)}.db-admin-plan-badge--pro{background:#4285f42e;color:#90c4ff}.db-admin-plan-badge--trial{background:#00e6761f;color:#5ae89c}.db-admin-plan-badge--team{background:#ffd43b26;color:var(--gold)}.db-admin-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.db-admin-status-dot--active{background:#48c78e;box-shadow:0 0 6px #48c78e80}.db-admin-status-dot--trialing{background:#5a9cf8;box-shadow:0 0 6px #5a9cf880}.db-admin-status-dot--past_due{background:#fb923c;box-shadow:0 0 6px #fb923c80}.db-admin-status-dot--canceled{background:#ff6b6b;box-shadow:0 0 6px #ff6b6b80}.db-admin-status-dot--inactive{background:#fff3}.db-admin-status-dot--unpaid{background:#ff6b6b;box-shadow:0 0 6px #ff6b6b80}.db-admin-status-dot--incomplete{background:#fb923c;box-shadow:0 0 6px #fb923c80}.db-admin-status-dot--incomplete_expired{background:#ffffff26}.db-admin-muted{color:var(--text-dim);font-size:12px}.db-admin-team-relation{display:flex;align-items:center;gap:5px;font-size:11px;margin-top:3px;opacity:.85}.db-admin-team-relation--member{color:#38bdf8}.db-admin-team-relation--owner{color:#facc15}.db-admin-team-relation i{font-size:10px}.db-admin-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto;flex-shrink:0}.db-pager-btn{width:34px;height:34px;padding:0;border:1px solid var(--border-color, rgba(255, 255, 255, .14));background:transparent;color:var(--text);border-radius:var(--radius);cursor:pointer;transition:background .15s ease;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.db-pager-btn .fa-chevron-left,.db-pager-btn .fa-chevron-right{font-size:12px;display:block;line-height:1}.db-pager-btn:hover:not(:disabled){background:#ffffff14}.db-pager-btn:disabled{opacity:.35;cursor:default}.db-pager-info{font-size:12.5px;color:var(--text-muted);white-space:nowrap}.db-admin-history-loading{display:flex;justify-content:center;padding:40px 0;color:var(--text-dim);font-size:24px}.db-admin-user-card{display:flex;align-items:center;gap:16px;background:#ffffff08;border:1px solid var(--border-md);border-radius:var(--radius);padding:14px 16px;margin-bottom:14px}.db-admin-user-avatar{width:48px;height:48px;border-radius:12px;background:var(--gold-dim);border:1.5px solid rgba(255,212,59,.4);color:var(--gold);display:flex;align-items:center;justify-content:center;font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:.02em;flex-shrink:0}.db-admin-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.db-admin-user-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.db-admin-user-name{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;color:var(--text);letter-spacing:.01em}.db-admin-user-email{font-size:13px;color:var(--text-muted);word-break:break-all}.db-admin-user-meta{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:11.5px;color:var(--text-dim);flex-wrap:wrap}.db-btn--copy-id{height:22px;padding:0 7px;font-size:11px;gap:5px;border-radius:4px;font-family:var(--font-mono, monospace);color:var(--text-muted)}.db-btn--copy-id:hover{color:var(--gold);border-color:#ffd43b66}.db-admin-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.db-admin-kpi-card{background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:3px}.db-admin-kpi-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.db-admin-kpi-val{display:flex;align-items:center;gap:6px;font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14.5px;font-weight:700;color:var(--text)}.db-admin-kpi-sub{font-size:11.5px;color:var(--text-muted)}.db-admin-finance-summary{display:flex;align-items:center;justify-content:space-between;background:#ffd43b0f;border:1px solid rgba(255,212,59,.2);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:12px}.db-admin-finance-label{font-size:12px;font-weight:600;color:var(--gold);display:flex;align-items:center;gap:6px}.db-admin-finance-total{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;font-weight:700;color:#fff}.db-admin-history-section-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:14px 0 8px;display:flex;align-items:center;justify-content:space-between}.db-admin-history-list{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.db-admin-history-item{border:1px solid rgba(255,255,255,.08);background:#ffffff05;border-radius:var(--radius-sm);padding:10px 12px;transition:border-color .12s}.db-admin-history-item:hover{border-color:#ffffff26}.db-admin-history-item-main{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--text)}.db-admin-history-item-amount{color:var(--text);font-weight:700;font-size:14px;margin-left:2px}.db-admin-history-item-email{color:var(--text);font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-admin-history-item-status{margin-left:auto;font-size:11px;font-weight:700;text-transform:capitalize;padding:2px 8px;border-radius:4px;background:#ffffff14;color:var(--text-muted);flex-shrink:0}.db-admin-history-item-status--succeeded,.db-admin-history-item-status--paid,.db-admin-history-item-status--active{background:#48c78e26;color:#5ae89c}.db-admin-history-item-status--refunded,.db-admin-history-item-status--removed,.db-admin-history-item-status--canceled{background:#ff6b6b26;color:#ff8080}.db-admin-history-item-sub{margin-top:4px;font-size:12px;color:var(--text-dim);display:flex;align-items:center;justify-content:space-between;gap:8px}.db-admin-history-tx-id{font-family:var(--font-mono, monospace);font-size:10.5px;color:var(--text-dim);opacity:.8}.db-admin-user-card--compact{padding:10px 14px;margin-bottom:16px;background:#ffffff0a}.db-admin-user-card--compact .db-admin-user-avatar{width:40px;height:40px;font-size:15px}.db-admin-user-card--compact .db-admin-user-name{font-size:15px}.db-admin-presets-row{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap;padding:8px 12px;background:#ffffff05;border:1px dashed rgba(255,255,255,.12);border-radius:var(--radius-sm)}.db-admin-presets-label{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;gap:5px;margin-right:4px}.db-admin-preset-btn{height:26px;padding:0 10px;font-size:12px;font-weight:600;border-radius:4px;background:#ffffff0d;border-color:#ffffff1f;color:var(--text-muted)}.db-admin-preset-btn:hover{background:var(--gold-dim);border-color:#ffd43b66;color:var(--gold)}.db-admin-search{position:relative;flex:1;max-width:320px;min-width:0}.db-admin-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--text-dim);pointer-events:none}.db-admin-search input{width:100%;height:36px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:0 12px 0 34px;color:var(--text);font-family:Barlow,sans-serif;font-size:15px;outline:none;box-sizing:border-box;transition:border-color .13s,background .13s}.db-admin-search input::placeholder{color:#ffffff61}.db-admin-search input:focus{border-color:#ffd43b99;background:#ffffff14}.db-admin-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.db-admin-edit-grid .db-field{margin-bottom:0}@media(hover:none),(pointer:coarse){.db-admin-cell-actions .db-icon-btn{opacity:1!important}}@media(max-width:960px){.db-admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.db-admin-table-head,.db-admin-row{min-width:680px}}@media(max-width:640px){.db-admin-toolbar{flex-wrap:wrap;gap:8px}.db-admin-search{width:100%;flex:1 1 100%;max-width:100%}.db-admin-filter{flex:1;min-width:120px;height:40px;font-size:14px}.db-admin-pager{width:100%;justify-content:space-between;margin-left:0;padding-top:4px}.db-admin-kpi-grid{grid-template-columns:1fr;gap:8px}.db-admin-user-card{flex-direction:column;text-align:center}.db-admin-user-meta{justify-content:center}.db-admin-edit-grid{grid-template-columns:1fr}}.db-admin-subtabs{display:flex;gap:6px;flex-shrink:0}.db-admin-subtab{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-md);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .13s,color .13s,border-color .13s}.db-admin-subtab:hover{color:var(--text);background:#ffffff0a}.db-admin-subtab.active{color:var(--gold);border-color:#ffd43b66;background:var(--gold-dim)}.db-admin-table-head,.db-admin-row{grid-template-columns:minmax(130px,1.4fr) minmax(160px,1.6fr) 80px 100px minmax(130px,1.3fr) 110px 90px}.db-admin-cell-actions{gap:4px}.db-admin-diag-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-md);margin-bottom:14px;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.db-admin-diag-tabs::-webkit-scrollbar{display:none}.db-admin-diag-tab{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .13s,border-color .13s}.db-admin-diag-tab:hover{color:var(--text)}.db-admin-diag-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.db-admin-diag-tab-badge{font-size:10px;font-weight:700;background:#ffffff14;color:var(--text-dim);padding:1px 6px;border-radius:10px;margin-left:2px;min-width:18px;text-align:center}.db-admin-diag-tab.active .db-admin-diag-tab-badge{background:#ffd43b26;color:var(--gold)}.db-admin-diag-err-toggle{font-size:11.5px!important;gap:4px}.db-admin-diag-err-toggle.active{background:#ff52521f!important;color:#ff8080!important;border-color:#ff52524d!important}.db-admin-diag-panel{max-height:min(60dvh,520px);overflow-y:auto}.db-admin-diag-filters{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;align-items:center}.db-admin-diag-filters .db-admin-filter{height:34px;font-size:12.5px;flex-grow:1}.db-admin-diag-note{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1px solid var(--border-md);border-radius:var(--radius-sm);background:#ffffff08;color:var(--text-muted);font-size:12.5px;line-height:1.5;margin-bottom:14px}.db-admin-diag-note i{color:var(--gold);margin-top:2px}.db-admin-diag-toolbar-right{display:flex;justify-content:flex-end;margin-bottom:10px}.db-admin-diag-log-list{display:flex;flex-direction:column;gap:6px}.db-admin-diag-log-row{border:1px solid var(--border-md);border-radius:var(--radius-sm);padding:8px 10px;background:#ffffff05}.db-admin-diag-log-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.db-admin-diag-log-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 7px;border-radius:4px}.db-admin-diag-log-status--ok{background:#00e6761f;color:#5ae89c}.db-admin-diag-log-status--error{background:#ff525224;color:#ff8080}.db-admin-diag-log-status--warning{background:#ffd43b26;color:var(--gold)}.db-admin-diag-log-type{font-size:12.5px;font-weight:600;color:var(--text)}.db-admin-diag-log-action{font-size:12px;color:var(--text-muted)}.db-admin-diag-log-code{font-size:11px;font-weight:700;color:#ff8080;background:#ff52521a;padding:1px 6px;border-radius:4px}.db-admin-diag-log-sub{display:flex;gap:10px;margin-top:4px;font-size:11.5px;color:var(--text-dim)}.db-admin-diag-log-msg{color:var(--text-muted);word-break:break-word}.db-admin-diag-log-page{font-size:10.5px;font-weight:600;color:var(--text-dim);background:#ffffff0f;padding:1px 6px;border-radius:4px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-admin-diag-log-browser{font-size:11px;color:var(--text-dim);opacity:.7}.db-admin-diag-log-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px;padding-top:5px;border-top:1px solid var(--border-md)}.db-admin-diag-log-meta-item{font-size:10.5px;color:var(--text-dim);background:#ffffff08;padding:2px 6px;border-radius:3px;word-break:break-word}.db-admin-diag-log-meta-item strong{color:var(--text-muted);font-weight:600;margin-right:3px}.db-admin-diag-run{border:1px solid var(--border-md);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:8px;background:#ffffff05}.db-admin-diag-run-header{display:flex;align-items:center;gap:10px;font-size:12px;flex-wrap:wrap}.db-admin-diag-run-status{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 7px;border-radius:4px}.db-admin-diag-run-status--ok{background:#00e6761f;color:#5ae89c}.db-admin-diag-run-status--degraded{background:#ffd43b26;color:var(--gold)}.db-admin-diag-run-status--error{background:#ff525224;color:#ff8080}.db-admin-diag-run-status--unknown{background:#ffffff14;color:var(--text-muted)}.db-admin-diag-run-firewall{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:4px;background:#ffd43b1f;color:var(--gold);border:1px solid rgba(255,212,59,.3);margin-left:auto}.db-admin-diag-run-firewall i{font-size:10px}.db-admin-diag-run-tests{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.db-admin-diag-test{display:flex;align-items:center;gap:5px;font-size:11.5px}.db-admin-diag-test.ok{color:#5ae89c}.db-admin-diag-test.err{color:#ff8080}.db-admin-diag-test-code{font-size:10px;font-weight:700;padding:1px 5px;border-radius:3px;font-family:var(--font-mono, monospace);letter-spacing:.03em}.db-admin-diag-test-code.ok{background:#00e6761f;color:#5ae89c}.db-admin-diag-test-code.err{background:#ff525224;color:#ff8080}.db-admin-diag-test-ms{color:var(--text-dim);font-size:10.5px;margin-left:4px}.db-admin-diag-test-err{display:block;width:100%;font-size:11px;color:#ff8080;opacity:.8;margin-top:2px;word-break:break-word}.db-admin-guide-topbar{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.db-admin-guide-intro{color:var(--text-muted);font-size:13px}.db-admin-guide-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.db-admin-guide-search{position:relative;flex:1;min-width:240px}.db-admin-guide-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-dim);font-size:12px;pointer-events:none}.db-admin-guide-search input{width:100%;height:36px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:0 12px 0 34px;color:var(--text);font-family:inherit;font-size:13px;outline:none;transition:border-color .13s,background .13s}.db-admin-guide-search input:focus{border-color:#ffd43b99;background:#ffffff14}.db-admin-guide-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.db-admin-guide-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,color .12s;-webkit-user-select:none;user-select:none}.db-admin-guide-pill:hover{background:#ffffff1a;color:var(--text)}.db-admin-guide-pill.active{background:#ffd43b26;border-color:#ffd43b80;color:var(--gold)}.db-admin-guide-pill-count{padding:1px 6px;background:#ffffff1a;border-radius:10px;font-size:10.5px;font-weight:700}.db-admin-guide-pill.active .db-admin-guide-pill-count{background:#ffd43b40;color:var(--gold)}.db-admin-guide-meta-bar{display:flex;align-items:center;justify-content:space-between;margin:6px 0 10px;font-size:12px;color:var(--text-dim)}.db-admin-guide-actions{display:flex;align-items:center;gap:6px}.db-admin-guide-list{display:flex;flex-direction:column;gap:8px}.db-admin-guide-item{border:1px solid var(--border-md);border-radius:var(--radius-sm);overflow:hidden;background:var(--navy-mid)}.db-admin-guide-header{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:transparent;border:none;color:var(--text);font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13.5px;font-weight:600;text-align:left;cursor:pointer}.db-admin-guide-title{flex:1}.db-admin-guide-chevron{transition:transform .15s;color:var(--text-dim)}.db-admin-guide-chevron.open{transform:rotate(180deg)}.db-admin-guide-badge{font-size:10.5px;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:4px;white-space:nowrap;font-family:var(--font-mono, monospace)}.db-admin-guide-badge--err{background:#ff525224;color:#ff8080}.db-admin-guide-badge--warn{background:#ffd43b26;color:var(--gold)}.db-admin-guide-badge--info{background:#4285f429;color:#90c4ff}.db-admin-guide-body{padding:0 14px 14px;font-size:13px;color:var(--text-muted);line-height:1.55}.db-admin-guide-body p{margin:6px 0}.db-admin-guide-body strong{color:var(--text)}.db-admin-guide-body ol{margin:4px 0 0 18px;padding:0}.db-admin-guide-body li{margin-bottom:4px}.db-admin-guide-empty{padding:36px 14px;text-align:center;color:var(--text-muted);background:var(--navy-mid);border:1px dashed var(--border-md);border-radius:var(--radius-sm);font-size:13px}.db-selfdiag-loading{display:flex;align-items:center;gap:8px;padding:10px 0;color:var(--text-muted);font-size:13px}.db-selfdiag-summary{font-size:13px;font-weight:600;padding:8px 12px;border-radius:var(--radius-sm);margin:10px 0 8px}.db-selfdiag-summary--ok{background:#00e6761a;color:#5ae89c}.db-selfdiag-summary--degraded{background:#ffd43b1f;color:var(--gold)}.db-selfdiag-summary--error{background:#ff52521f;color:#ff8080}.db-selfdiag-list{display:flex;flex-direction:column;gap:4px}.db-selfdiag-row{display:flex;align-items:center;gap:8px;font-size:13px;padding:6px 10px;border-radius:var(--radius-sm);transition:background .2s,opacity .2s;flex-wrap:wrap}.db-selfdiag-row.ok{background:#00e6760d}.db-selfdiag-row.ok>i:first-child{color:#5ae89c}.db-selfdiag-row.err{background:#ff52520f}.db-selfdiag-row.err>i:first-child{color:#ff8080}.db-selfdiag-row.pending{opacity:.6}.db-selfdiag-row.pending>i:first-child{color:var(--text-dim)}.db-selfdiag-icon{width:18px;text-align:center;color:var(--text-dim);font-size:12px}.db-selfdiag-tip{width:100%;font-size:11.5px;color:var(--text-muted);padding-left:46px;margin-top:2px}.db-selfdiag-timestamp{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:11.5px;color:var(--text-dim)}.db-selfdiag-timestamp i{font-size:11px}.db-selfdiag-warning{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;margin-top:10px;border-radius:var(--radius-sm);background:#ffd43b1a;border:1px solid rgba(255,212,59,.35);color:var(--text);font-size:12.5px;line-height:1.5}.db-selfdiag-warning i{color:var(--gold);font-size:15px;margin-top:2px;flex-shrink:0}.db-selfdiag-warning-text strong{color:var(--gold);font-weight:700}#peb-cookie-banner{--peb-cb-bg: var(--peb-bg, #061428);--peb-cb-line: var(--peb-line, rgba(56, 96, 150, .42));--peb-cb-gold: var(--peb-gold, var(--gold, #ffd43b));--peb-cb-gold-hover: var(--peb-gold-hover, #ffe066);--peb-cb-gold-tint: var(--peb-gold-tint, rgba(255, 212, 59, .12));--peb-cb-gold-border: var(--peb-gold-border, rgba(255, 212, 59, .38));--peb-cb-text: var(--peb-text, #f8fafc);--peb-cb-text-soft: var(--peb-text-soft, #e2e8f0);--peb-cb-text-muted: var(--peb-text-muted, #94a3b8);--peb-cb-ink: var(--peb-ink, #061428);--peb-cb-font: var(--peb-font-body, "DM Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);position:fixed;bottom:0;left:0;right:0;z-index:100000;background:#061428f5;border-top:1px solid var(--peb-cb-line);box-shadow:0 -8px 36px #00000080;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateY(100%);transition:transform .35s cubic-bezier(.22,1,.36,1);padding:14px 24px max(14px,env(safe-area-inset-bottom,14px));box-sizing:border-box;font-family:var(--peb-cb-font)}#peb-cookie-banner.peb-cookie-visible{transform:translateY(0)}.peb-cookie-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1200px;margin:0 auto;box-sizing:border-box}.peb-cookie-text{display:flex;align-items:center;gap:14px;font-size:14px;line-height:1.55;color:var(--peb-cb-text-soft);flex:1;min-width:240px}.peb-cookie-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--peb-cb-gold-tint);border:1px solid var(--peb-cb-gold-border);color:var(--peb-cb-gold);flex-shrink:0}.peb-cookie-icon{font-size:17px;color:var(--peb-cb-gold)}.peb-cookie-link{color:var(--peb-cb-gold);font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:color .15s ease,opacity .15s ease}.peb-cookie-link:hover{color:var(--peb-cb-gold-hover);opacity:.9}.peb-cookie-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.peb-cookie-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-family:var(--peb-cb-font);font-size:13.5px;letter-spacing:.02em;padding:9px 20px;min-height:40px;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;border:1px solid transparent;white-space:nowrap;box-sizing:border-box;-webkit-user-select:none;user-select:none}.peb-cookie-btn:focus-visible{outline:2px solid var(--peb-cb-gold);outline-offset:2px}.peb-cookie-decline{background:#ffffff14;color:var(--peb-cb-text-soft);border-color:#ffffff3d;font-weight:600}.peb-cookie-decline:hover{background:#ffffff29;border-color:#ffffff73;color:#fff;transform:translateY(-1px)}.peb-cookie-decline:active{transform:translateY(0);background:#fff3}.peb-cookie-accept{background:var(--peb-cb-gold);color:var(--peb-cb-ink);border-color:var(--peb-cb-gold);font-weight:700;box-shadow:0 2px 10px #ffd43b40}.peb-cookie-accept:hover{background:var(--peb-cb-gold-hover);border-color:var(--peb-cb-gold-hover);color:var(--peb-cb-ink);box-shadow:0 4px 16px #ffd43b6b;transform:translateY(-1px)}.peb-cookie-accept:active{transform:translateY(0);box-shadow:0 2px 6px #ffd43b33}@media(max-width:680px){#peb-cookie-banner{padding:14px 16px max(14px,env(safe-area-inset-bottom,14px))}.peb-cookie-inner{flex-direction:column;align-items:stretch;gap:14px}.peb-cookie-text{font-size:13.5px;gap:12px}.peb-cookie-actions{width:100%;gap:10px}.peb-cookie-btn{flex:1;text-align:center;padding:10px 14px}}:root{--paper:#f7f6f2;--paper-raised:#fff;--ink:#1c1b22;--ink-soft:#55535e;--ink-faint:#9c99a6;--rule:#e4e1d9;--evergreen:#0f6656;--evergreen-dark:#0a4b3f;--evergreen-tint:#e4efea;--wax:#b0793d;--wax-tint:#f5e9d8;--danger:#b3432b;--font-display:Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;--font-body:Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--radius-s:6px;--radius-m:10px;--shadow-card:0 1px 2px #1c1b220a, 0 4px 16px #1c1b220f}#viewBlog{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.blog-toolbar{display:flex;gap:10px;margin-bottom:16px;align-items:center;flex-wrap:wrap;width:100%}.blog-toolbar .blog-search{max-width:340px;flex:1;min-width:0}.blog-toolbar .blog-search input{height:36px;font-size:15px}.blog-toolbar .blog-filter{flex-shrink:0;height:36px}.blog-list-wrap{background:var(--navy-light);border-radius:12px;border:1px solid var(--border-md);overflow:hidden;width:100%}.blog-list-head{display:grid;grid-template-columns:minmax(180px,1.8fr) minmax(100px,1.1fr) 95px 110px 90px;gap:10px;padding:10px 16px;background:#ffffff0a;border-bottom:1px solid var(--border-md);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);align-items:center}.blog-list-scroll{max-height:560px;overflow-y:auto}.blog-row{display:grid;grid-template-columns:minmax(180px,1.8fr) minmax(100px,1.1fr) 95px 110px 90px;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s;align-items:center}.blog-row:last-child{border-bottom:none}.blog-row:hover{background:#ffffff0a}.blog-row--local{background:#ffd43b0d}.blog-row-title{font-size:14.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.blog-row-category{font-size:13px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.blog-local-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 6px;border-radius:4px;background:#ffd43b33;color:var(--gold);margin-left:8px;vertical-align:middle}.blog-row-status{font-size:13px;color:var(--text-muted);display:flex;align-items:center;white-space:nowrap}.blog-row-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;flex-shrink:0}.blog-row-status-dot--published{background:var(--green, #48c78e);box-shadow:0 0 6px #48c78e66}.blog-row-status-dot--draft{background:#ffffff4d}.blog-row-date{font-size:13px;color:var(--text-muted);white-space:nowrap}.blog-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.blog-row-actions .db-icon-btn.primary{color:var(--gold)}.blog-row-actions .db-icon-btn.primary:hover{background:#ffd43b26}.blog-empty{text-align:center;padding:48px 24px;color:var(--text-muted)}.blog-empty>i{font-size:40px;margin-bottom:12px;display:block;opacity:.4}.blog-empty p{margin:0 0 16px;font-size:14px}@media(max-width:960px){.blog-list-head,.blog-row{grid-template-columns:minmax(160px,1.8fr) minmax(90px,1fr) 90px 90px}.blog-list-head span:nth-child(4),.blog-row-date{display:none}}@media(max-width:640px){.blog-toolbar{flex-wrap:wrap;gap:8px}.blog-toolbar .db-btn--primary{width:100%;height:42px;justify-content:center}.blog-toolbar .blog-search{width:100%;flex:1 1 100%;max-width:100%}.blog-toolbar .blog-filter{flex:1;min-width:120px;height:40px}.blog-list-head,.blog-row{grid-template-columns:minmax(0,1fr) 80px 80px;padding:10px 12px;gap:8px}.blog-list-head span:nth-child(2),.blog-row-category{display:none}}.rte-subtitle-wrap{position:relative;width:100%;margin-bottom:18px}.rte-char-count{position:absolute;right:0;top:8px;font-family:var(--font-ui);font-size:11px;font-weight:600;color:var(--ink-faint);letter-spacing:.04em}.rte-char-count--warn{color:#e67e22;font-weight:700}.rte-slug-preview-row{display:flex;align-items:center;gap:10px;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-s);padding:8px 14px;margin-bottom:24px;font-family:var(--font-mono);font-size:12px;color:var(--ink-soft);overflow:hidden}.rte-slug-preview-row i{color:var(--gold);font-size:13px;flex-shrink:0}.rte-slug-url{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rte-drag-over{outline:2px dashed var(--gold)!important;outline-offset:4px}.rte-layout--collapsed{grid-template-columns:1fr!important}.rte-layout--collapsed .rte-sidebar{display:none!important}#btn-toggle-sidebar.active{background:#ffd43b33;color:var(--gold);border-color:#ffd43b66}#viewBlogEditor{position:relative;font-family:var(--font-body);background:var(--navy);height:100%;overflow:hidden}#viewBlogEditor ::selection{background:#ffd43b40;color:#fff}#viewBlogEditor kbd{font-family:var(--font-mono);background:var(--navy-light);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:11px}#viewBlogEditor::-webkit-scrollbar{width:5px}#viewBlogEditor::-webkit-scrollbar-track{background:transparent}#viewBlogEditor::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}#viewBlogEditor .topbar{background:var(--navy);border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;height:60px;padding:0 24px;display:flex;position:sticky;top:0}#viewBlogEditor .topbar-brand{font-family:var(--font-ui);align-items:baseline;gap:8px;display:flex}#viewBlogEditor .brand-mark{font-family:var(--font-display);color:var(--gold);letter-spacing:-.02em;font-size:20px;font-weight:600}#viewBlogEditor .brand-name{color:var(--text-muted);letter-spacing:.02em;font-size:14px;font-weight:600}#viewBlogEditor .save-indicator{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}#viewBlogEditor .topbar-actions{gap:10px;display:flex}#viewBlogEditor .btn{font-family:var(--font-ui);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:8px 16px;font-size:13px;font-weight:600;transition:transform 80ms,background .15s,border-color .15s}#viewBlogEditor .btn:active{transform:translateY(1px)}#viewBlogEditor .btn-ghost{color:var(--text-muted);border-color:var(--border);background:0 0}#viewBlogEditor .btn-ghost:hover{border-color:var(--border-md);color:var(--text)}#viewBlogEditor .btn-primary{background:var(--gold);color:#000}#viewBlogEditor .btn-primary:hover{background:#e8bf2f}#viewBlogEditor .layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:0;max-width:1250px;margin:0 auto;display:grid}#viewBlogEditor .canvas-column{padding:56px 32px 120px;background:#fff;--text:var(--ink);--text-muted:var(--ink-soft);--text-dim:var(--ink-faint);--border:var(--rule);--border-md:var(--rule);--gold:var(--evergreen)}#viewBlogEditor .canvas-header,#viewBlogEditor .canvas-page{width:100%;max-width:820px;margin:0 auto}#viewBlogEditor .cover-stage{width:100%;max-width:820px;margin:28px auto 36px}#viewBlogEditor .post-title-input{width:100%;font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;background:0 0;border:none;outline:none;padding:0;font-size:48px;font-weight:600;line-height:1.15}#viewBlogEditor .post-title-input::placeholder{color:var(--text-dim)}#viewBlogEditor .post-subtitle-input{width:100%;font-family:var(--font-body);color:var(--text-muted);background:0 0;border:none;outline:none;margin-bottom:20px;padding:6px 0 0;font-size:19px;font-style:italic}#viewBlogEditor .post-subtitle-input::placeholder{color:var(--text-dim)}#viewBlogEditor .post-byline-row{font-family:var(--font-ui);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:24px;font-size:13px;display:flex}#viewBlogEditor .byline-prefix{color:var(--text-dim)}#viewBlogEditor .byline-dot{color:var(--border)}#viewBlogEditor .byline-input{font-family:var(--font-ui);color:var(--text-muted);background:0 0;border:none;border-bottom:1px solid #0000;outline:none;padding:2px 1px;font-size:13px;font-weight:500;transition:border-color .15s}#viewBlogEditor .byline-input::placeholder{color:var(--text-dim);font-weight:400}#viewBlogEditor .byline-input:hover{border-bottom-color:var(--border)}#viewBlogEditor .byline-input:focus{border-bottom-color:var(--gold)}#viewBlogEditor .byline-author{width:130px}#viewBlogEditor .byline-date{color-scheme:light;width:132px}#viewBlogEditor .eyebrow-input{width:100%;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--evergreen);background:0 0;border:none;outline:none;padding:0 0 10px;font-size:12px;font-weight:700;display:block}#viewBlogEditor .eyebrow-input::placeholder{color:var(--ink-faint);opacity:.6}#viewBlogEditor .post-cover-label{width:100%;min-height:180px;font-family:var(--font-ui);color:var(--ink-faint);border:1.5px dashed var(--rule);border-radius:var(--radius-m);cursor:pointer;text-align:center;justify-content:center;align-items:center;padding:20px;font-size:14px;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:flex}#viewBlogEditor .post-cover-label:hover{border-color:var(--evergreen);color:var(--evergreen);background:var(--evergreen-tint)}#viewBlogEditor .post-cover-label[hidden]{display:none}#viewBlogEditor #editorjs{font-family:var(--font-body);color:var(--ink);font-size:20px;line-height:1.75}#viewBlogEditor .codex-editor__redactor{padding-bottom:40px!important}#viewBlogEditor .ce-block__content,#viewBlogEditor .ce-toolbar__content{max-width:820px}#viewBlogEditor .ce-paragraph[data-placeholder]:empty:before{color:var(--ink-faint);font-style:italic}#viewBlogEditor .ce-header{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;clear:both;font-weight:600}#viewBlogEditor .ce-delimiter,#viewBlogEditor .tc-table,#viewBlogEditor .ce-code,#viewBlogEditor .refs-block,#viewBlogEditor .cdx-quote{clear:both}#viewBlogEditor h2.ce-header{margin-top:8px;font-size:30px}#viewBlogEditor h3.ce-header{font-size:23px}#viewBlogEditor .ce-toolbar__plus,#viewBlogEditor .ce-toolbar__settings-btn{color:var(--ink-faint);background:var(--paper-raised);border:1px solid var(--rule)}#viewBlogEditor .ce-toolbar__plus:hover,#viewBlogEditor .ce-toolbar__settings-btn:hover{background:var(--evergreen-tint);color:var(--evergreen-dark)}#viewBlogEditor .ce-inline-toolbar,#viewBlogEditor .ce-conversion-toolbar,#viewBlogEditor .ce-settings,#viewBlogEditor .ce-popover{font-family:var(--font-ui);border-radius:var(--radius-m);border-color:var(--rule);box-shadow:var(--shadow-card)}#viewBlogEditor .ce-inline-tool--active,#viewBlogEditor .ce-popover-item--active{color:var(--evergreen)}#viewBlogEditor .cdx-block{max-width:820px}#viewBlogEditor .cdx-quote{border-left:3px solid var(--wax);color:var(--ink-soft);padding-left:18px;font-style:italic}#viewBlogEditor .cdx-quote__caption{font-family:var(--font-ui);font-size:13px}#viewBlogEditor .image-tool__image{border-radius:var(--radius-m);overflow:hidden}#viewBlogEditor .image-tool__caption{font-family:var(--font-ui);color:var(--ink-faint);font-size:13px}#viewBlogEditor .cdx-checklist__item,#viewBlogEditor .cdx-list,#viewBlogEditor .cdx-table{font-family:var(--font-body)}#viewBlogEditor .cdx-search-field,#viewBlogEditor .cdx-button{font-family:var(--font-ui)}#viewBlogEditor .refs-block{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:4px;padding:18px 0 14px}#viewBlogEditor .refs-heading{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.09em;color:var(--ink-faint);margin-bottom:10px;font-size:11px}#viewBlogEditor .refs-list{counter-reset:refnum}#viewBlogEditor .refs-line{counter-increment:refnum;align-items:baseline;gap:8px;padding:5px 0;display:flex}#viewBlogEditor .refs-line:before{content:counter(refnum) ".";font-family:var(--font-mono);color:var(--wax);flex-shrink:0;min-width:18px;font-size:12px}#viewBlogEditor .refs-line-text{font-family:var(--font-ui);color:var(--ink-soft);outline:none;flex:1;font-size:14px;line-height:1.6}#viewBlogEditor .refs-line-text:empty:before{content:attr(data-placeholder);color:var(--ink-faint)}#viewBlogEditor .refs-line-text a{color:var(--evergreen);text-underline-offset:2px;text-decoration:underline}#viewBlogEditor .refs-del-btn{width:22px;height:22px;color:var(--ink-faint);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;font-size:15px;line-height:1;transition:opacity .12s,background .12s,color .12s}#viewBlogEditor .refs-line:hover .refs-del-btn{opacity:1}#viewBlogEditor .refs-del-btn:hover{background:var(--danger);color:#fff}#viewBlogEditor .refs-add-btn{font-family:var(--font-ui);color:var(--evergreen);cursor:pointer;background:0 0;border:none;margin-top:8px;padding:4px 0;font-size:13px;font-weight:500}#viewBlogEditor .refs-add-btn:hover{text-decoration:underline}#viewBlogEditor .media-wrapper{position:relative}#viewBlogEditor .media-block{min-width:140px;margin:6px 0 18px;position:relative}#viewBlogEditor .media-align-left,#viewBlogEditor .media-align-right{margin:20px 0;width:100%!important}#viewBlogEditor .media-align-center{margin:20px auto;display:block}#viewBlogEditor .media-align-full{margin:20px 0;width:100%!important}#viewBlogEditor .media-split-row{align-items:flex-start;gap:24px;display:flex;position:relative}#viewBlogEditor .media-split-row.reverse{flex-direction:row-reverse}#viewBlogEditor .media-split-media{flex:none;min-width:120px}#viewBlogEditor .media-split-media .media-image,#viewBlogEditor .media-split-media .media-video-frame{margin:0}#viewBlogEditor .media-split-text{min-width:0;font-family:var(--font-body);color:var(--ink);outline:none;flex:1;padding-top:2px;font-size:17px;line-height:1.7}#viewBlogEditor .media-split-text:empty:before{content:attr(data-placeholder);color:var(--ink-faint);font-style:italic}#viewBlogEditor .media-split-divider{cursor:col-resize;z-index:3;flex:none;align-self:stretch;width:14px;margin:0 -7px;position:relative}#viewBlogEditor .media-split-divider:after{content:"";background:var(--rule);opacity:0;border-radius:2px;width:3px;transition:opacity .12s,background .12s;position:absolute;top:8px;bottom:8px;left:50%;transform:translate(-50%)}#viewBlogEditor .media-split-row:hover .media-split-divider:after,#viewBlogEditor .media-wrapper:focus-within .media-split-divider:after{opacity:1}#viewBlogEditor .media-split-divider:hover:after{background:var(--evergreen)}#viewBlogEditor .media-image{border-radius:var(--radius-m);width:100%;box-shadow:var(--shadow-card);display:block}#viewBlogEditor .media-video-frame{border-radius:var(--radius-m);width:100%;height:0;box-shadow:var(--shadow-card);background:#17161c;padding-top:56.25%;position:relative;overflow:hidden}#viewBlogEditor .media-video-frame iframe,#viewBlogEditor .media-video-frame video{border:0;width:100%;height:100%;position:absolute;inset:0}#viewBlogEditor .media-video-fallback{height:100%;color:var(--paper);font-family:var(--font-ui);justify-content:center;align-items:center;font-size:13px;text-decoration:none;display:flex}#viewBlogEditor .media-caption{font-family:var(--font-ui);color:var(--ink-faint);text-align:center;outline:none;margin-top:8px;font-size:13px}#viewBlogEditor .media-caption:empty:before{content:attr(data-placeholder);color:var(--ink-faint);opacity:.7}#viewBlogEditor .media-toolbar{background:var(--ink);box-shadow:var(--shadow-card);opacity:0;pointer-events:none;z-index:5;border-radius:999px;align-items:center;gap:2px;padding:5px;transition:opacity .12s,transform .12s;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)translateY(-6px)}#viewBlogEditor .media-wrapper:hover .media-toolbar,#viewBlogEditor .media-wrapper:focus-within .media-toolbar{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}#viewBlogEditor .media-toolbar-btn{color:#c9c7d1;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}#viewBlogEditor .media-toolbar-btn:hover{color:#fff;background:#ffffff1f}#viewBlogEditor .media-toolbar-btn.is-active{background:var(--evergreen);color:#fff}#viewBlogEditor .media-toolbar-sep{background:#ffffff2e;width:1px;height:18px;margin:0 3px}#viewBlogEditor .media-resize-handle{background:var(--evergreen);border:2px solid var(--paper-raised);cursor:nwse-resize;opacity:0;z-index:5;border-radius:50%;width:16px;height:16px;transition:opacity .12s;position:absolute;bottom:-6px;right:-6px}#viewBlogEditor .media-wrapper:hover .media-resize-handle,#viewBlogEditor .media-wrapper:focus-within .media-resize-handle{opacity:1}#viewBlogEditor .media-align-full .media-resize-handle{display:none}#viewBlogEditor .media-dropzone{text-align:center;border:1.5px dashed var(--rule);border-radius:var(--radius-m);background:var(--paper-raised);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:36px 20px;transition:border-color .15s,background .15s;display:flex}#viewBlogEditor .media-dropzone:hover,#viewBlogEditor .media-dropzone.is-dragover{border-color:var(--evergreen);background:var(--evergreen-tint)}#viewBlogEditor .media-dropzone-video{cursor:default}#viewBlogEditor .media-dropzone-icon{color:var(--ink-faint);font-size:22px}#viewBlogEditor .media-dropzone-text{font-family:var(--font-ui);color:var(--ink-soft);font-size:14px}#viewBlogEditor .media-dropzone-hint{font-family:var(--font-ui);color:var(--ink-faint);font-size:12px}#viewBlogEditor .video-url-form{gap:8px;width:100%;max-width:420px;margin-top:8px;display:flex}#viewBlogEditor .video-url-input{font-family:var(--font-ui);border-radius:var(--radius-s);border:1px solid var(--rule);background:var(--paper);outline:none;flex:1;padding:9px 12px;font-size:13px}#viewBlogEditor .video-url-input:focus{border-color:var(--evergreen)}#viewBlogEditor .video-url-submit{font-family:var(--font-ui);border-radius:var(--radius-s);background:var(--evergreen);color:#fff;cursor:pointer;border:none;padding:9px 16px;font-size:13px;font-weight:600}#viewBlogEditor .video-url-submit:hover{background:var(--evergreen-dark)}#viewBlogEditor .video-or-row{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin:12px 0 6px;font-size:11px}#viewBlogEditor .video-file-label{font-family:var(--font-ui);color:var(--evergreen);cursor:pointer;text-underline-offset:3px;font-size:13px;text-decoration:underline}#viewBlogEditor .post-cover-preview{border-radius:var(--radius-m);width:100%;box-shadow:var(--shadow-card);position:relative;overflow:hidden}#viewBlogEditor .post-cover-preview img{object-fit:cover;width:100%;height:clamp(220px,38vw,460px);display:block}#viewBlogEditor .post-cover-actions{gap:8px;display:flex;position:absolute;top:12px;right:12px}#viewBlogEditor .btn-small{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c1b228c;border-color:#0000;padding:6px 12px;font-size:12px}#viewBlogEditor .btn-small:hover{color:#fff;background:#1c1b22bf}#viewBlogEditor .btn-danger:hover{background:var(--danger)}#viewBlogEditor .preview-overlay{background:#fff;z-index:100;flex-direction:column;display:flex;position:fixed;inset:0;--text:var(--ink);--text-muted:var(--ink-soft);--text-dim:var(--ink-faint);--border:var(--rule);--border-md:var(--rule)}#viewBlogEditor .preview-overlay[hidden]{display:none}#viewBlogEditor .preview-topbar{border-bottom:1px solid var(--rule);background:var(--paper-raised);flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}#viewBlogEditor .preview-topbar-label{font-family:var(--font-ui);color:var(--ink-faint);letter-spacing:.02em;font-size:12px}#viewBlogEditor .preview-scroll{flex:1;padding:56px 24px 120px;overflow-y:auto}#viewBlogEditor .preview-article{font-family:var(--font-body);color:var(--ink);font-size:20px;line-height:1.75}#viewBlogEditor .preview-header,#viewBlogEditor .preview-body-wrap{max-width:820px;margin:0 auto}#viewBlogEditor .preview-cover-stage{max-width:820px;margin:28px auto 36px}#viewBlogEditor .preview-eyebrow{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--evergreen);margin:0 0 10px;font-size:12px;font-weight:700}#viewBlogEditor .preview-title{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 6px;font-size:48px;font-weight:600;line-height:1.15}#viewBlogEditor .preview-subtitle{font-family:var(--font-body);color:var(--ink-soft);margin:0 0 14px;font-size:19px;font-style:italic}#viewBlogEditor .preview-byline{font-family:var(--font-ui);color:var(--ink-faint);margin:0 0 28px;font-size:13px}#viewBlogEditor .preview-cover{object-fit:cover;border-radius:var(--radius-m);width:100%;height:clamp(220px,42vw,500px);box-shadow:var(--shadow-card);display:block}#viewBlogEditor .preview-body h2,#viewBlogEditor .preview-body h3{font-family:var(--font-display);clear:both;font-weight:600}#viewBlogEditor .preview-body blockquote{border-left:3px solid var(--wax);color:var(--ink-soft);margin-left:0;padding-left:18px;font-style:italic}#viewBlogEditor .preview-body .media-block img,#viewBlogEditor .preview-body .media-block video{border-radius:var(--radius-m);width:100%;box-shadow:var(--shadow-card);display:block}#viewBlogEditor .preview-body figcaption{font-family:var(--font-ui);color:var(--ink-faint);text-align:center;margin-top:8px;font-size:13px}#viewBlogEditor .preview-body .references{border-top:1px solid var(--rule);clear:both;margin:24px 0;padding-top:16px}#viewBlogEditor .preview-body .references h3{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.09em;color:var(--ink-faint);margin:0 0 10px;font-size:11px}#viewBlogEditor .preview-body .references ol{font-family:var(--font-ui);color:var(--ink-soft);margin:0;padding-left:20px;font-size:14px}#viewBlogEditor .preview-body .references li{padding:3px 0}#viewBlogEditor .preview-body .references a{color:var(--evergreen)}#viewBlogEditor .preview-body table{border-collapse:collapse;clear:both;width:100%}#viewBlogEditor .preview-body td{border:1px solid var(--rule);padding:8px 10px;font-size:15px}#viewBlogEditor .preview-body pre{background:var(--ink);color:#e4e1d9;border-radius:var(--radius-m);clear:both;padding:16px;overflow-x:auto}@media(max-width:600px){#viewBlogEditor .preview-title{font-size:30px}#viewBlogEditor .media-split-row{gap:12px;flex-direction:column!important}#viewBlogEditor .media-split-media{width:100%!important}#viewBlogEditor .media-split-divider{display:none}}#viewBlogEditor .marginalia{border-left:1px solid var(--rule);height:calc(100vh - 60px);font-family:var(--font-ui);padding:40px 24px 40px 20px;position:sticky;top:60px;overflow-y:auto}#viewBlogEditor .marginalia-block{margin-bottom:36px}#viewBlogEditor .marginalia-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.09em;color:var(--ink-faint);margin:0 0 14px;font-size:11px}#viewBlogEditor .marginalia-stat{border-bottom:1px solid var(--rule);align-items:baseline;gap:8px;padding:6px 0;display:flex}#viewBlogEditor .marginalia-stat:last-child{border-bottom:none}#viewBlogEditor .stat-value{font-family:var(--font-display);color:var(--gold);font-size:20px;font-weight:600}#viewBlogEditor .stat-label{color:var(--ink-faint);font-size:12px}#viewBlogEditor .outline-list{counter-reset:outline-counter;margin:0;padding:0;list-style:none}#viewBlogEditor .outline-item{counter-increment:outline-counter;color:var(--ink-soft);cursor:pointer;border-left:2px solid #0000;padding:5px 0 5px 22px;font-size:13px;transition:border-color .15s,color .15s;position:relative}#viewBlogEditor .outline-item:before{content:counter(outline-counter,decimal-leading-zero);font-family:var(--font-mono);color:var(--ink-faint);font-size:11px;position:absolute;left:0}#viewBlogEditor .outline-item:hover{color:var(--evergreen);border-left-color:var(--evergreen)}#viewBlogEditor .outline-item.level-3{padding-left:34px;font-size:12.5px}#viewBlogEditor .outline-empty{color:var(--ink-faint);font-size:12.5px;font-style:italic;list-style:none}#viewBlogEditor .marginalia-hint{color:var(--ink-faint);margin:0;font-size:12.5px;line-height:1.6}@media(max-width:920px){#viewBlogEditor .layout{grid-template-columns:1fr}#viewBlogEditor .marginalia{border-left:none;border-top:1px solid var(--rule);height:auto;padding:24px;position:static}#viewBlogEditor .canvas-column{padding:32px 20px 60px}#viewBlogEditor .post-title-input{font-size:32px}#viewBlogEditor .media-split-row{gap:12px;flex-direction:column!important}#viewBlogEditor .media-split-media{width:100%!important}#viewBlogEditor .media-split-divider{display:none}}.db-main--preview{grid-template-columns:1fr}.db-main--preview .db-sidebar{display:none}#viewBlogEditor .preview-overlay{position:absolute;inset:60px 0 0;background:#fff;overflow-y:auto;z-index:30}#viewBlogEditor .preview-overlay::-webkit-scrollbar{width:5px}#viewBlogEditor .preview-overlay::-webkit-scrollbar-track{background:transparent}#viewBlogEditor .preview-overlay::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}#viewBlogEditor #btn-close-preview{display:none}#viewBlogEditor:has(.preview-overlay:not([hidden])) .layout{display:none}#viewBlogEditor:has(.preview-overlay:not([hidden])) .topbar-actions>:not(#btn-close-preview){display:none}#viewBlogEditor:has(.preview-overlay:not([hidden])) #btn-close-preview{display:inline-flex}#viewBlogEditor:has(.preview-overlay:not([hidden])) .save-indicator{display:none!important}.canvas-header,.canvas-page,.cover-stage,.ce-block__content,.ce-toolbar__content,.cdx-block,.preview-header,.preview-body-wrap,.preview-cover-stage{max-width:820px}.media-caption,.cdx-quote__caption{font-family:var(--font-body)!important}.media-duo-row{display:flex;gap:16px;align-items:flex-start}.media-duo-item{flex:1;min-width:0;position:relative}.media-duo-item img{width:100%;border-radius:var(--radius-m);display:block;box-shadow:var(--shadow-card)}.media-duo-item.is-empty{border:1.5px dashed var(--rule);border-radius:var(--radius-m);min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--ink-faint);cursor:pointer;font-family:var(--font-ui);font-size:13px;transition:border-color .15s,color .15s}.media-duo-item.is-empty:hover{border-color:var(--evergreen);color:var(--evergreen-dark)}.media-duo-add-icon{font-size:28px;line-height:1}.media-duo-replace{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:none;background:#1c1b22cc;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s}.media-duo-item:hover .media-duo-replace{opacity:1}@media(max-width:640px){.media-duo-row{flex-direction:column}}.preview-body .media-duo-row{display:flex;gap:16px}.preview-body .media-duo-item{flex:1;min-width:0}.preview-body .media-duo-item img{width:100%;border-radius:8px;display:block}@media(max-width:640px){.preview-body .media-duo-row{flex-direction:column}}.media-split-text{text-align:justify;text-justify:inter-word;font-size:20px!important;line-height:1.75!important}.preview-body .media-split-text{text-align:justify;text-justify:inter-word}#editorjs,.preview-body,.canvas-header,.preview-header,.media-split-text,.refs-line-text{overflow-wrap:break-word;word-break:break-word}.media-wrapper.plume-x-editing-text .media-toolbar{opacity:0!important;pointer-events:none!important;transform:translate(-50%)translateY(-6px)!important}.plume-x-focus-btn.is-active{background:var(--evergreen);color:#fff;border-color:var(--evergreen)}body.plume-focus .marginalia{display:none}body.plume-focus .layout{grid-template-columns:1fr}body.plume-focus .topbar-actions .btn:not(.plume-x-focus-btn){opacity:.35;transition:opacity .15s}body.plume-focus .topbar-actions .btn:not(.plume-x-focus-btn):hover{opacity:1}body.plume-focus .canvas-column{padding-top:88px}.plume-x-focus-bar{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:50;display:none;gap:4px;background:var(--paper-raised);border:1px solid var(--rule);border-radius:999px;padding:5px;box-shadow:var(--shadow-card)}body.plume-focus .plume-x-focus-bar{display:flex}.plume-x-focus-bar button{border:none;background:0 0;color:var(--ink-soft);font-family:var(--font-ui);font-size:12px;font-weight:500;padding:7px 14px;border-radius:999px;cursor:pointer;white-space:nowrap}.plume-x-focus-bar button:hover{background:var(--evergreen-tint);color:var(--evergreen-dark)}.plume-x-focus-bar button.is-active{background:var(--evergreen);color:#fff}.plume-x-palette-overlay{position:fixed;inset:0;background:#1c1b2266;z-index:300;display:flex;justify-content:center;padding-top:12vh}.plume-x-palette{width:100%;max-width:560px;max-height:70vh;background:var(--paper-raised);border-radius:var(--radius-m);box-shadow:var(--shadow-card);overflow:hidden;font-family:var(--font-ui);display:flex;flex-direction:column}.plume-x-palette-input{width:100%;border:none;border-bottom:1px solid var(--rule);padding:16px 20px;font-size:16px;outline:none;background:0 0;color:var(--ink);font-family:var(--font-ui)}.plume-x-palette-list{overflow-y:auto;padding:8px}.plume-x-palette-item{padding:10px 14px;border-radius:var(--radius-s);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:var(--ink-soft)}.plume-x-palette-item.is-active,.plume-x-palette-item:hover{background:var(--evergreen-tint);color:var(--evergreen-dark)}.plume-x-palette-item kbd{flex-shrink:0}.plume-x-palette-empty{padding:16px 14px;color:var(--ink-faint);font-size:13px;font-style:italic}.plume-x-history-overlay{position:fixed;inset:0;background:#1c1b2255;z-index:290;display:flex;justify-content:flex-end}.plume-x-history-panel{width:360px;max-width:92vw;height:100%;background:var(--paper-raised);border-left:1px solid var(--rule);padding:28px 24px;overflow-y:auto;font-family:var(--font-ui)}.plume-x-history-panel .marginalia-title{margin-bottom:6px}.plume-x-history-item{border:1px solid var(--rule);border-radius:var(--radius-m);padding:12px 14px;margin:14px 0}.plume-x-history-item-time{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint)}.plume-x-history-item-title{font-family:var(--font-display);font-size:16px;color:var(--ink);font-weight:600;margin:4px 0 2px}.plume-x-history-item-meta{font-size:12px;color:var(--ink-faint);margin-bottom:10px}@media(max-width:560px){.plume-x-history-panel{width:100%}.plume-x-focus-bar button{padding:6px 10px;font-size:11px}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:48px 0 80px}.blog-card{background:var(--navy-mid);border:1px solid var(--border-md);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,transform .2s;cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column}.blog-card:hover{border-color:var(--accent);transform:translateY(-3px)}.blog-card-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:#ffffff0a}.blog-card-cover-placeholder{width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:#ffffff0a;color:var(--text-dim);font-size:32px}.blog-card-body{padding:18px 20px 22px;flex:1;display:flex;flex-direction:column;gap:8px}.blog-card-title{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:18px;font-weight:700;color:#fff;line-height:1.25}.blog-card-excerpt{font-size:14px;color:var(--text-muted);line-height:1.5;flex:1}.blog-card-date{font-family:Space Mono,monospace;font-size:10px;color:var(--text-dim);letter-spacing:.05em}.blog-article{--text: #23272f;--text-mid: #4b5563;--text-muted: #6b7280;--text-dim: #9ca3af;--accent: #9a6b00;--accent-dim: #7a5500;--border: #d1d5db;--border-hi: rgba(0,0,0,.08);max-width:820px;margin:0 auto;padding:48px 32px 100px;background:#fff;color:#23272f;font-size:17px;line-height:1.75}.blog-article-hero{margin-bottom:40px}.blog-article-back{display:inline-flex;align-items:center;gap:8px;font-family:Space Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);text-decoration:none;margin-bottom:20px;transition:color .13s}.blog-article-back:hover{color:var(--accent)}.blog-article-title{font-size:32px;font-weight:800;color:#111827;line-height:1.2;margin-bottom:8px}.blog-article-meta{font-family:Space Mono,monospace;font-size:10px;color:var(--text-dim);letter-spacing:.05em;margin-bottom:22px}.blog-article-cover{width:100%;border-radius:8px;margin-bottom:22px;display:block}.blog-article-excerpt{font-size:16px;color:#6b7280;line-height:1.6;margin-bottom:14px;padding-bottom:0;border-bottom:none}.blog-section{margin-bottom:32px}.blog-section.text p{font-size:16px;color:var(--text);line-height:1.8;white-space:pre-wrap}.blog-section.side{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.blog-section.side p{font-size:15px;color:var(--text);line-height:1.75;white-space:pre-wrap}.blog-section.image-full img{width:100%;border-radius:var(--radius-sm);display:block}.blog-section.grid-2,.blog-section.grid-3{display:grid;gap:12px}.blog-section.grid-2{grid-template-columns:1fr 1fr}.blog-section.grid-3{grid-template-columns:1fr 1fr 1fr}.blog-section.grid-2 img,.blog-section.grid-3 img,.blog-section.side img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm);display:block}.blog-grid-cell{display:flex;flex-direction:column;gap:6px}.blog-image-caption{font-size:13px;color:var(--text-soft, #94a3b8);line-height:1.4}.blog-heading{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700;color:var(--text);line-height:1.25;margin:8px 0 16px}.blog-heading.h2{font-size:28px}.blog-heading.h3{font-size:21px}.blog-heading.h4{font-size:17px}.blog-quote{border-left:3px solid var(--accent);padding:4px 0 4px 20px;margin:0 0 32px}.blog-quote p{font-size:18px;font-style:italic;color:var(--text);line-height:1.6;white-space:pre-wrap;margin:0 0 8px}.blog-quote cite{display:block;font-style:normal;font-size:13px;color:var(--text-muted)}.blog-list{margin:0 0 32px;padding-left:22px;color:var(--text);font-size:16px;line-height:1.85}.blog-list li{margin-bottom:6px}.blog-video-embed{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;background:#000}.blog-video-embed iframe,.blog-video-embed video{width:100%;height:100%;border:0;display:block}.blog-video-caption-text{font-size:13px;color:var(--text-muted);margin-top:8px;text-align:center}.blog-link-btn{display:inline-block;padding:12px 26px;background:var(--accent);color:#0f172a;font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:700;font-size:14.5px;letter-spacing:.01em;border-radius:999px;text-decoration:none;transition:background .13s}.blog-link-btn:hover{background:#ffe066}.blog-link-desc-text{font-size:14px;color:var(--text-muted);margin-top:10px}.blog-biblio-list{margin:0;padding-left:22px;color:var(--text-muted);font-size:14px;line-height:1.9}.blog-biblio-list a{color:var(--text-muted);border-bottom:1px solid rgba(148,163,184,.4);text-decoration:none}.blog-biblio-list a:hover{color:var(--accent)}.blog-divider{border:none;border-top:1px dashed rgba(0,0,0,.15);margin:40px 0}@media(max-width:640px){.blog-grid{grid-template-columns:1fr;padding:24px 0 60px}.blog-article{padding:28px 18px 60px}.blog-article-title{font-size:30px}.blog-section.side{grid-template-columns:1fr}.blog-section.grid-3{grid-template-columns:1fr 1fr}}.blog-richtext{font-size:17px;color:#23272f;line-height:1.75}.blog-richtext p{margin:0 0 1em;color:inherit;line-height:inherit;text-align:left}.blog-richtext a{color:#9a6b00;text-decoration:underline}.blog-richtext a:hover{color:#9a6b00}.blog-richtext h2{font-size:25px;font-weight:800;color:#111827;line-height:1.3;margin:1.3em 0 .5em}.blog-richtext h3{font-size:20px;font-weight:700;color:#111827;line-height:1.3;margin:1.2em 0 .5em}.blog-richtext h4{font-size:17px;font-weight:700;color:#111827;line-height:1.3;margin:1.2em 0 .5em}.blog-richtext ul,.blog-richtext ol{margin:0 0 1em;padding-left:1.4em}.blog-richtext li{margin:.25em 0}.blog-richtext blockquote{margin:1.2em 0;padding:2px 0 2px 18px;border-left:3px solid #d4a017;font-style:italic;font-size:18px;color:#374151}.blog-richtext blockquote p{margin:0 0 8px}.blog-richtext hr{border:none;border-top:1px solid #d1d5db;margin:2em 0}.blog-richtext .rte-align-left{text-align:left}.blog-richtext .rte-align-center{text-align:center}.blog-richtext .rte-align-right{text-align:right}.blog-richtext .rte-align-justify{text-align:justify}.blog-richtext .rte-indent-1{margin-left:2em}.blog-richtext .rte-indent-2{margin-left:4em}.blog-richtext .rte-indent-3{margin-left:6em}.blog-richtext .rte-indent-4{margin-left:8em}.blog-richtext .rte-indent-5{margin-left:10em}.blog-richtext .rte-indent-6{margin-left:12em}.blog-richtext .rte-indent-7{margin-left:14em}.blog-richtext .rte-indent-8{margin-left:16em}.blog-richtext img{max-width:100%;border-radius:8px;margin:8px 0 26px;display:block}.blog-richtext img.rte-media-center{width:100%;margin:8px 0 26px;clear:both}.blog-richtext img.rte-media-left{float:left;width:50%;margin:4px 20px 14px 0}.blog-richtext img.rte-media-right{float:right;width:50%;margin:4px 0 14px 20px}.blog-richtext:after{content:"";display:table;clear:both}.blog-richtext .rte-video-wrap{width:100%;margin:14px 0 26px}.blog-richtext .rte-video-wrap.rte-media-left{float:left;width:50%;margin:4px 20px 14px 0}.blog-richtext .rte-video-wrap.rte-media-right{float:right;width:50%;margin:4px 0 14px 20px}.blog-richtext .rte-video-frame{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:#000}.blog-richtext .rte-video-frame iframe,.blog-richtext .rte-video-frame video{width:100%;height:100%;border:0;display:block}@media(max-width:640px){.blog-richtext img.rte-media-left,.blog-richtext img.rte-media-right,.blog-richtext .rte-video-wrap.rte-media-left,.blog-richtext .rte-video-wrap.rte-media-right{float:none;width:100%;margin:1.2em 0}}.rte-shell{--rte-ink:#1c1e21;--rte-ink-soft:#5b6069;--rte-line:#e2e4e8;--rte-line-soft:#edeef1;--rte-paper:#ffffff;--rte-canvas-bg:#eef0f3;--rte-accent:#2f5fd9;--rte-accent-soft:#e8edfc;--rte-danger:#c0392b;display:flex;flex-direction:column;height:100%;min-height:600px;border-radius:10px;overflow:hidden;background:var(--rte-canvas-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:var(--rte-ink)}.rte-shell .btn{border:1px solid var(--border)!important;background:var(--navy)!important;color:var(--text)!important;font-size:13px;font-weight:500;padding:8px 14px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background .12s,border-color .12s;font-family:inherit}.rte-shell .btn:hover{background:var(--navy-mid)!important;border-color:var(--border-md)!important}.rte-shell .btn-ghost{background:transparent!important;color:var(--text-muted)!important}.rte-shell .btn-ghost:hover{background:#ffffff14!important;color:var(--text)!important}.rte-shell .btn-primary{background:var(--gold)!important;border-color:var(--gold)!important;color:#000!important}.rte-shell .btn-primary:hover{background:#e8bf2f!important}.rte-shell .btn i{font-size:12px;color:inherit!important}.rte-topbar{background:var(--navy-light);border-bottom:1px solid var(--border);display:flex;flex-direction:column;flex:none;position:sticky;top:0;z-index:40}.rte-topbar-row{display:flex;align-items:center;gap:12px;height:56px;padding:0 clamp(10px,2vw,20px);flex:none}.rte-topbar-brand{flex:none}.rte-topbar-title-group{flex:1;min-width:0;display:flex;align-items:center}.rte-topbar-title{font-size:15px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rte-topbar-actions{display:flex;gap:8px;flex:none;align-items:center}.rte-ribbon{background:var(--rte-paper);border-top:1px solid var(--rte-line-soft);border-bottom:1px solid var(--rte-line-soft);display:flex;align-items:stretch;gap:2px;padding:5px clamp(6px,1.5vw,14px);flex:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:sticky;top:56px;z-index:39}.rte-ribbon::-webkit-scrollbar{display:none}.rte-group{display:flex;align-items:center;gap:2px;padding:0 6px}.rte-group+.rte-group{border-left:1px solid var(--rte-line-soft)}.rte-btn{width:32px;height:32px;border:none;background:transparent;border-radius:6px;color:var(--rte-ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;-webkit-tap-highlight-color:transparent}.rte-btn i{font-size:15px}.rte-btn:hover{background:var(--rte-line-soft);color:var(--rte-ink)}.rte-btn.is-active{background:var(--rte-accent-soft);color:var(--rte-accent)}.rte-select{height:32px;border:1px solid var(--rte-line);background:var(--rte-paper);border-radius:6px;font-size:13px;color:var(--rte-ink);padding:0 6px;cursor:pointer;flex:none}.rte-select:hover{background:var(--rte-line-soft)}.rte-layout{flex:1;display:flex;min-height:0}.rte-canvas-column{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.rte-canvas-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;justify-content:center;padding:clamp(16px,3vw,36px) clamp(8px,2vw,20px) 0}.rte-page{width:100%;max-width:820px;background:var(--rte-paper);border-radius:4px;box-shadow:0 1px 3px #00000014,0 8px 24px #0000000a;padding:clamp(24px,4vw,48px) clamp(16px,3.5vw,32px) 100px;min-height:900px;height:fit-content;box-sizing:border-box}.rte-field-category{border:none;outline:none;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--rte-accent);width:100%;margin-bottom:10px;font-family:inherit;background:transparent}.rte-field-title{border:none;outline:none;font-size:32px;font-weight:800;color:var(--rte-ink);width:100%;line-height:1.2;margin-bottom:8px;font-family:inherit;background:transparent}.rte-field-title::placeholder{color:#c7cad1}.rte-field-subtitle{border:none;outline:none;font-size:16px;color:var(--rte-ink-soft);width:100%;margin-bottom:14px;font-weight:400;font-family:inherit;background:transparent}.rte-byline-row{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;color:var(--rte-ink-soft)}.rte-byline-input{border:none;outline:none;font-size:13px;color:var(--rte-ink-soft);width:130px;font-family:inherit;background:transparent}.rte-byline-date{width:140px}.rte-cover-stage{margin-bottom:22px}.rte-cover-add-label{display:flex;align-items:center;justify-content:center;height:120px;border:1.5px dashed var(--rte-line);border-radius:8px;color:var(--rte-ink-soft);font-size:13.5px;cursor:pointer}.rte-cover-add-label:hover{background:var(--rte-line-soft)}.rte-cover-add-label[hidden]{display:none}.rte-cover-preview{position:relative;border-radius:8px;overflow:hidden}.rte-cover-preview img{width:100%;max-height:280px;object-fit:cover;display:block}.rte-cover-actions{position:absolute;top:10px;right:10px;display:flex;gap:6px}.rte-editable{font-size:17px;line-height:1.75;color:var(--rte-ink);min-height:400px;outline:none;padding-top:6px;border-top:1px solid var(--rte-line-soft)}.rte-editable .ProseMirror:focus{outline:none}.rte-editable:after{content:"";display:table;clear:both}.rte-editable p{margin:0 0 1em}.rte-editable>div:not(.rte-video-wrap){margin:0 0 1em}.rte-editable h2{font-size:25px;font-weight:800;margin:1.3em 0 .5em;line-height:1.3}.rte-editable h3{font-size:20px;font-weight:700;margin:1.2em 0 .5em;line-height:1.3}.rte-editable h4{font-size:17px;font-weight:700;margin:1.2em 0 .5em;line-height:1.3}.rte-editable blockquote{margin:1.2em 0;padding:2px 0 2px 18px;border-left:3px solid var(--rte-accent);color:var(--rte-ink-soft);font-style:italic;font-size:18px}.rte-editable ul{list-style:disc outside!important;margin:0 0 1em;padding-left:1.4em}.rte-editable ol{list-style:decimal outside!important;margin:0 0 1em;padding-left:1.4em}.rte-editable ul ul{list-style:circle outside!important}.rte-editable ol ol{list-style:lower-alpha outside!important}.rte-editable li{margin:.25em 0;display:list-item!important}.rte-editable a{color:var(--rte-accent);text-decoration:underline}.rte-editable hr{border:none;border-top:1px solid var(--rte-line);margin:2em 0}.rte-editable .rte-align-left{text-align:left}.rte-editable .rte-align-center{text-align:center}.rte-editable .rte-align-right{text-align:right}.rte-editable .rte-align-justify{text-align:justify}.rte-editable .rte-indent-1{margin-left:2em}.rte-editable .rte-indent-2{margin-left:4em}.rte-editable .rte-indent-3{margin-left:6em}.rte-editable .rte-indent-4{margin-left:8em}.rte-editable .rte-indent-5{margin-left:10em}.rte-editable .rte-indent-6{margin-left:12em}.rte-editable .rte-indent-7{margin-left:14em}.rte-editable .rte-indent-8{margin-left:16em}.rte-editable img{border-radius:4px;cursor:pointer;transition:outline-color .1s}.rte-editable img.rte-media-center,.rte-editable .rte-video-wrap.rte-media-center{display:block;float:none;width:100%;margin:1.2em 0;clear:both}.rte-editable img.rte-media-left,.rte-editable .rte-video-wrap.rte-media-left{float:left;width:50%;margin:4px 20px 14px 0}.rte-editable img.rte-media-right,.rte-editable .rte-video-wrap.rte-media-right{float:right;width:50%;margin:4px 0 14px 20px}.rte-editable img:not(.rte-media-left):not(.rte-media-right){display:block;width:100%;margin:1.2em 0}.rte-editable .rte-video-wrap{border:1px solid var(--rte-line);border-radius:6px;overflow:hidden;background:#fff;cursor:pointer}.rte-video-handle{background:var(--rte-line-soft);color:var(--rte-ink-soft);font-size:11.5px;padding:6px 10px;-webkit-user-select:none;user-select:none}.rte-video-frame iframe,.rte-video-frame video{width:100%;aspect-ratio:16/9;border:0;display:block;background:#000;pointer-events:none}.rte-editable p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#c7cad1;float:left;height:0;pointer-events:none}.rte-editable::selection,.rte-editable *::selection{background:#2f5fd947;color:inherit}.rte-editable::-moz-selection,.rte-editable *::-moz-selection{background:#2f5fd947;color:inherit}.rte-media-toolbar{position:fixed;z-index:80;display:none;gap:2px;background:#1c1e21;color:#fff;border-radius:8px;padding:4px;box-shadow:0 8px 24px #00000040}.rte-media-toolbar.visible{display:flex}.rte-media-toolbar button{width:30px;height:30px;border:none;background:transparent;color:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer}.rte-media-toolbar button:hover{background:#ffffff26}.rte-media-toolbar button.is-active{background:var(--rte-accent);color:#fff}.rte-media-divider{width:1px;background:#fff3;margin:4px 2px}.rte-editable img.rte-media-selected,.rte-editable .rte-video-wrap.rte-media-selected,.rte-editable img.ProseMirror-selectednode,.rte-editable .rte-video-wrap.ProseMirror-selectednode{outline:2px solid var(--rte-accent);outline-offset:2px}.rte-sidebar{width:230px;flex:none;background:var(--navy-light);border-left:1px solid var(--border);padding:20px 18px;overflow-y:auto;color:var(--text)}.rte-side-block{margin-bottom:26px}.rte-side-title{font-family:Barlow,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px;display:flex;align-items:center;gap:8px}.rte-side-title:after{content:"";flex:1;height:1px;background:var(--border)}.rte-stat-row{display:flex;justify-content:space-between;font-size:13.5px;padding:4px 0;color:var(--text)}.rte-stat-value{font-weight:600;color:var(--gold)}.rte-hint{font-size:12.5px;color:var(--text-muted);line-height:1.5;margin:0 0 8px}.rte-hint kbd{background:#ffffff1a;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:11.5px;color:var(--text)}.rte-outline-list{list-style:none;margin:0;padding:0;font-size:13px}.rte-outline-item{padding:5px 0;border-bottom:1px solid var(--border);color:var(--text)}.rte-outline-h3{padding-left:14px;color:var(--text-muted);font-size:12.5px}.rte-outline-empty{color:var(--text-muted);font-size:12.5px;list-style:none}.rte-modal-overlay{position:fixed;inset:0;background:#14161a99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:100;padding:clamp(12px,3vw,24px);box-sizing:border-box}.rte-modal-overlay.open{display:flex}.rte-modal{background:var(--rte-paper);border-radius:12px;padding:clamp(16px,3vw,24px);width:min(380px,94vw);max-height:min(86dvh,600px);overflow-y:auto;box-shadow:0 20px 60px #00000059;box-sizing:border-box}.rte-modal-wide{width:min(540px,94vw);max-height:min(86dvh,640px)}.rte-modal input{width:100%;border:1px solid var(--rte-line);border-radius:7px;padding:9px 10px;font-size:15px;margin-bottom:14px;outline:none;font-family:inherit;box-sizing:border-box}.rte-modal input[type=file]{padding:7px 8px}.rte-modal input:focus{border-color:var(--rte-accent)}.rte-modal-textarea{width:100%;border:1px solid var(--rte-line);border-radius:7px;padding:9px 10px;font-size:15px;margin-bottom:14px;outline:none;font-family:inherit;resize:vertical;box-sizing:border-box}.rte-modal-tabs{display:flex;gap:4px;margin-bottom:14px;background:var(--rte-line-soft);border-radius:8px;padding:3px;flex-wrap:wrap}.rte-modal-tab{flex:1;border:none;background:transparent;padding:7px 8px;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--rte-ink-soft);cursor:pointer;font-family:inherit;white-space:nowrap}.rte-modal-tab.active{background:var(--rte-paper);color:var(--rte-accent);box-shadow:0 1px 2px #00000014}.rte-form-row-2{display:flex;gap:8px;align-items:flex-start}.rte-crop-modal-inner{width:auto;max-width:94vw;max-height:min(88dvh,640px);overflow-y:auto}.rte-crop-stage{position:relative;margin:0 auto 12px;background:#111;border-radius:6px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.rte-crop-stage img{display:block;max-width:100%;pointer-events:none}.rte-crop-frame{position:absolute;border:2px solid var(--rte-accent);box-shadow:0 0 0 2000px #00000080;cursor:move;touch-action:none}.rte-crop-handle{position:absolute;width:14px;height:14px;background:var(--rte-accent);border:2px solid #fff;border-radius:50%}.rte-crop-handle[data-handle=nw]{left:-8px;top:-8px;cursor:nwse-resize}.rte-crop-handle[data-handle=ne]{right:-8px;top:-8px;cursor:nesw-resize}.rte-crop-handle[data-handle=sw]{left:-8px;bottom:-8px;cursor:nesw-resize}.rte-crop-handle[data-handle=se]{right:-8px;bottom:-8px;cursor:nwse-resize}.rte-crop-ratios{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.rte-crop-ratio-btn{border:1px solid var(--rte-line);background:var(--rte-paper);border-radius:6px;padding:6px 12px;font-size:12.5px;font-weight:600;color:var(--rte-ink-soft);cursor:pointer;font-family:inherit}.rte-crop-ratio-btn:hover{background:var(--rte-line-soft)}.rte-crop-ratio-btn.active{background:var(--rte-accent-soft);color:var(--rte-accent);border-color:var(--rte-accent)}.rte-crop-error{font-size:12.5px;color:#c0392b;background:#fdecea;border-radius:6px;padding:9px 11px;margin:0 0 14px;line-height:1.5}@media(max-width:900px){.rte-sidebar{display:none}.rte-page{padding:24px 18px 40px}.rte-editable img.rte-media-left,.rte-editable img.rte-media-right,.rte-editable .rte-video-wrap.rte-media-left,.rte-editable .rte-video-wrap.rte-media-right{float:none;width:100%;margin:1.2em 0}}@media(max-width:540px){.rte-form-row-2{flex-direction:column}.rte-form-row-2>div{width:100%!important}.rte-topbar-title-group{display:none}}
