body.app-mode{background:radial-gradient(circle at 100% 0,rgba(189,240,102,.18),transparent 20%),linear-gradient(180deg,#fcfef9 0%,#f7fbef 100%)}
body.app-mode .app-shell{display:block;min-height:100vh;padding:22px}
body.app-mode .sidebar{position:fixed;top:22px;right:22px;bottom:22px;width:285px;border-radius:34px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border:1px solid #f2f8e7;color:#4d5f2e;box-shadow:0 28px 60px rgba(72,93,35,.08);padding:16px 15px;overflow-y:auto;display:flex;flex-direction:column}
body.app-mode .main-area{margin-right:307px;width:calc(100% - 307px);min-height:calc(100vh - 44px)}
body.app-mode .workspace{padding:0 0 40px;max-width:none}
body.app-mode .topbar{height:auto;min-height:92px;background:rgba(255,255,255,.72);backdrop-filter:blur(18px);border:1px solid #f2f8e7;border-radius:30px;padding:16px 22px;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(280px,1.1fr) minmax(260px,.95fr);gap:18px;align-items:center;position:sticky;top:22px;box-shadow:0 20px 45px rgba(76,97,40,.05);margin-bottom:18px}
body.app-mode .sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:0 6px 14px;border-bottom:none}
.sidebar-brand-copy{display:flex;align-items:center;gap:12px}.sidebar-brand-copy>div:last-child{display:flex;flex-direction:column}.sidebar-brand strong{font-size:15px;color:#3f521f}.sidebar-brand small{font-size:10px;color:#8390a8;margin-top:3px}.sidebar-more{width:38px;height:38px;border:1px solid #f0f5e6;border-radius:14px;background:#fff;color:#acc089}
body.app-mode .sidebar-profile-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#baef5e 0%,#c0f06c 48%,#b5ed55 100%);border-radius:28px;padding:18px 17px;margin:8px 0 18px;min-height:118px;box-shadow:0 22px 40px rgba(191,240,107,.28)}
.sidebar-profile-glow{position:absolute;left:-30px;top:-30px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.12)}.sidebar-profile-card:after{content:"";position:absolute;right:-30px;top:20px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.08)}
.sidebar-profile-main{position:relative;z-index:2;display:flex;align-items:center;gap:14px;color:#fff}.sidebar-avatar-wrap{position:relative}.profile-avatar{width:64px;height:64px;border-radius:20px;background:#fff;color:#b9ef5d;font-size:26px;box-shadow:0 10px 22px rgba(0,0,0,.12)}.online-dot{position:absolute;left:-2px;bottom:2px;width:14px;height:14px;border-radius:50%;background:#29ce83;border:2px solid #fff}.sidebar-profile-copy{display:flex;flex-direction:column;gap:2px}.sidebar-profile-copy strong{font-size:17px}.sidebar-profile-copy small{font-size:11px;color:#f2fce2}.sidebar-profile-copy span{font-size:11px;color:#fafef3;direction:ltr}
body.app-mode .main-nav{padding:4px 0 8px;gap:8px}.nav-item{height:56px;border-radius:18px;padding:0 14px;color:#6d8149;font-size:14px;font-weight:700;background:transparent}.nav-item i{width:38px;height:38px;border-radius:14px;background:#f9fcf3;color:#66748f;transition:.22s}.nav-item:hover{background:#fbfef5;color:#495c29}.nav-item.active{background:#fafef4;color:#b9ef5d;box-shadow:none}.nav-item.active i{background:linear-gradient(135deg,#baef5f,#b6ee55);color:#fff}
.sidebar-utility{margin-top:auto;display:grid;gap:12px}.sidebar-status-card,.sidebar-support-card{background:#fbfdf7;border:1px solid #f1f7e7;border-radius:22px;padding:15px 16px}.sidebar-status-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.sidebar-status-head strong{font-size:13px;color:#4c6325}.sidebar-status-head span{font-size:10px;color:#2cab73}.sidebar-status-meter{height:10px;border-radius:999px;background:#f2f8e8;margin:14px 0 10px;overflow:hidden}.sidebar-status-meter i{display:block;height:100%;width:99%;background:linear-gradient(90deg,#25c57d,#3ed49a)}.sidebar-status-foot{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6e7c93}.sidebar-status-foot b{font-size:22px;color:#31a86d}.sidebar-support-card strong{display:block;font-size:13px;color:#5b7333}.sidebar-support-card small{display:block;font-size:11px;color:#8a97ab;line-height:1.9;margin-top:5px}.sidebar-bottom{padding:0;border-top:none;margin-top:0}.logout-btn{width:100%;height:50px;border-radius:18px;background:#fff;border:1px solid #f0f7e5;color:#5f733d;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:700}.logout-btn span{width:28px;height:28px;border-radius:11px;background:#fafef2;display:grid;place-items:center;color:#bcf062}
.topbar-heading{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0}.topbar-heading>div{display:flex;flex-direction:column;min-width:0}.topbar-heading strong{font-size:22px;color:#455a20}.topbar-heading small{font-size:11px;color:#8c98ae;margin-top:4px}.topbar-grid-btn{width:44px;height:44px;border-radius:16px;border:1px solid #f0f7e4;background:#fff;color:#b7ca95}.topbar-search-wrap{min-width:0}.topbar-search{display:flex;align-items:center;height:60px;background:#fff;border:1px solid #f2f8e7;border-radius:20px;padding:0 16px;gap:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}.topbar-search>span{color:#acc189;font-size:18px}.topbar-search input{flex:1;border:none;outline:none;background:transparent;color:#5d713b}.topbar-search button{width:36px;height:36px;border:none;border-radius:12px;background:#fbfef5;color:#bef067}.topbar-actions{margin-right:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;position:relative}.topbar-new-meeting{height:54px;border-radius:18px;padding:0 20px}.topbar-icon-btn,.notification-bell{width:48px;height:48px;border-radius:16px;border:1px solid #f0f6e5;background:#fff;color:#6b7a93;display:grid;place-items:center;position:relative}.notification-bell b{position:absolute;top:-4px;right:-4px;background:#ff667f;color:#fff;border-radius:999px;min-width:20px;height:20px;line-height:20px;font-size:10px}.mobile-menu{display:none;width:42px;height:42px;border-radius:15px;background:#fff;border:1px solid #f0f7e4;color:#6f7f97;margin-left:0}
.page-head{background:rgba(255,255,255,.8);border:1px solid #f2f8e7;border-radius:28px;padding:20px 24px;box-shadow:0 14px 35px rgba(70,90,36,.04);margin-bottom:18px}.page-head h1{font-size:28px;color:#455b20}.page-head p{font-size:12px;color:#8794aa}
.panel-card,.table-card,.attendance-panel,.attendance-group-panel,.files-panel,.recordings-panel,.live-session-list-panel,.live-monitor-pane{background:rgba(255,255,255,.88)!important;border:1px solid #f2f8e7!important;border-radius:28px!important;box-shadow:0 18px 45px rgba(73,94,37,.05)!important}
.filter-bar,.attendance-toolbar,.attendance-subtoolbar,.files-toolbar,.recordings-toolbar{background:rgba(255,255,255,.8);border:1px solid #f2f8e7;border-radius:22px;padding:12px 14px;box-shadow:0 12px 32px rgba(73,94,37,.035);margin-bottom:16px}
.search-box,.mini-search{background:#fdfefa;border:1px solid #f1f7e6;border-radius:16px;padding:0 12px;height:48px}.search-box input,.mini-search input{background:transparent;border:none;outline:none}.filter-bar select,.attendance-toolbar select,.attendance-subtoolbar select,.attendance-subtoolbar input,.files-toolbar select,.recordings-toolbar select{border-radius:16px;border:1px solid #f1f7e6;background:#fdfefa;min-height:48px;padding:0 12px}
.data-table thead th{background:#fcfef9;color:#7a879e;font-size:11px;border-bottom:1px solid #f5f9ed}.data-table td{border-bottom:1px solid #f5f9ef}.data-table tbody tr:hover{background:#fefffc}
.dashboard-shell{display:grid;gap:18px}.dashboard-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dashboard-intro h1{font-size:40px;line-height:1.3;margin:6px 0 0;color:#475d21}.dashboard-intro p{margin:12px 0 0;font-size:13px;color:#8692a8}.dashboard-date-card{background:rgba(255,255,255,.92);border:1px solid #f2f8e7;border-radius:22px;padding:14px 18px;display:flex;align-items:center;gap:10px;color:#7a9152;box-shadow:0 14px 35px rgba(73,93,39,.04)}.dashboard-date-card i{width:38px;height:38px;border-radius:14px;background:#f8fdf0;color:#bbef62;display:grid;place-items:center;font-style:normal}.dashboard-date-card span{font-weight:700}
.metric-grid.dashboard-meeting-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.dashboard-meeting-metrics .metric-card{position:relative;overflow:hidden;min-height:142px;border-radius:28px;padding:18px 18px 16px;background:#fff;border:1px solid #f1f7e6;box-shadow:0 16px 35px rgba(77,98,40,.04)}.dashboard-meeting-metrics .metric-card:after{content:"";position:absolute;left:-18px;bottom:-30px;width:92px;height:92px;border-radius:50%;opacity:.38}.dashboard-meeting-metrics .metric-card.blue:after{background:#f1fcdf}.dashboard-meeting-metrics .metric-card.peach:after{background:#ffe7d8}.dashboard-meeting-metrics .metric-card.violet:after{background:#f4fce5}.dashboard-meeting-metrics .metric-card.mint:after{background:#dcf7ec}.dashboard-meeting-metrics .metric-card.sky:after{background:#f1fcde}.dashboard-meeting-metrics .metric-card.rose:after{background:#fde2eb}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-pill{padding:6px 9px;border-radius:999px;background:#fbfdf7;color:#8c97aa;font-size:9px;font-weight:700}.dashboard-meeting-metrics .metric-card .metric-icon{width:46px;height:46px;border-radius:16px;font-size:18px;display:grid;place-items:center}.dashboard-meeting-metrics .metric-card.blue .metric-icon{background:#f8fdf0;color:#bbef62}.dashboard-meeting-metrics .metric-card.peach .metric-icon{background:#fff2e8;color:#ef9357}.dashboard-meeting-metrics .metric-card.violet .metric-icon{background:#f7fded;color:#b4e959}.dashboard-meeting-metrics .metric-card.mint .metric-icon{background:#e8fbf2;color:#21af76}.dashboard-meeting-metrics .metric-card.sky .metric-icon{background:#f6fde9;color:#95cc35}.dashboard-meeting-metrics .metric-card.rose .metric-icon{background:#fff0f4;color:#df5d84}.dashboard-meeting-metrics .metric-card>strong{margin-top:18px;font-size:34px;color:#475d21;display:block}.dashboard-meeting-metrics .metric-card h3{font-size:12px;color:#66748d;margin:6px 0 2px}.dashboard-meeting-metrics .metric-card small{font-size:10px;color:#b0c292}
.dashboard-stage{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.9fr);gap:18px}.dashboard-main-col,.dashboard-side-col{display:grid;gap:18px;align-content:start}.dashboard-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.section-title{align-items:flex-start}.section-title h3{font-size:24px;color:#44591f}.section-title p{font-size:11px;color:#aabd89;margin-top:6px}
.dashboard-table-panel{padding:20px}.dashboard-table-wrap{margin-top:14px;overflow:auto}.dashboard-table{width:100%;border-collapse:separate;border-spacing:0 10px;min-width:860px}.dashboard-table thead th{font-size:11px;color:#acbf8c;padding:0 12px 10px}.dashboard-table tbody tr{background:#fefffd;box-shadow:0 8px 18px rgba(93,115,54,.03)}.dashboard-table tbody td{padding:14px 12px;border-top:1px solid #f4f9ec;border-bottom:1px solid #f4f9ec}.dashboard-table tbody td:first-child{border-right:1px solid #f4f9ec;border-radius:0 18px 18px 0}.dashboard-table tbody td:last-child{border-left:1px solid #f4f9ec;border-radius:18px 0 0 18px}.dash-time-cell,.dash-title-cell,.dash-organizer-cell>div{display:flex;flex-direction:column}.dash-time-cell strong,.dash-title-cell strong,.dash-organizer-cell strong{font-size:13px;color:#4c6325}.dash-time-cell small,.dash-title-cell small,.dash-organizer-cell small{font-size:10px;color:#aabd89;margin-top:4px}.dash-organizer-cell{display:flex;align-items:center;gap:10px}.status.scheduled{background:#f8fdef;color:#bef068;border-radius:999px;padding:6px 11px;display:inline-flex}.empty-row{padding:14px 0;text-align:center}
.dashboard-quick-panel,.dashboard-recording-panel,.dashboard-status-panel,.dashboard-activity-panel,.dashboard-users-groups-panel{padding:20px}.quick-access-stack{display:grid;gap:12px;margin-top:14px}.quick-access-item{position:relative;width:100%;border:1px solid #f4f8ec;background:#fefffc;border-radius:20px;padding:17px 58px 16px 18px;text-align:right}.quick-access-item b{display:block;font-size:15px;color:#506729}.quick-access-item span{display:block;margin-top:5px;font-size:11px;color:#97a3b5;line-height:1.8}.quick-access-item i{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:16px;display:grid;place-items:center;font-style:normal}.quick-access-item.green{border-color:#dff3e9;background:#f8fffb}.quick-access-item.green i{background:#e4f8ee;color:#24b576}.quick-access-item.violet{border-color:#f6fdeb;background:#fdfefa}.quick-access-item.violet i{background:#f8fdef;color:#b8ec5e}.quick-access-item.blue{border-color:#f4fde6;background:#fdfffa}.quick-access-item.blue i{background:#f8fdf0;color:#baef5e}
.recording-mini-list,.mini-list,.activity-timeline{display:grid;gap:12px;margin-top:14px}.recording-mini-item,.mini-list-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px;border:1px solid #f4f8ec;background:#fefffc;border-radius:18px}.recording-mini-item{width:100%;text-align:right}.recording-thumb{width:104px;height:58px;border-radius:14px;overflow:hidden;background:#f5f9ed;display:block;flex:0 0 auto}.recording-thumb img{width:100%;height:100%;object-fit:cover;display:block}.recording-thumb-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#bdf064;font-size:20px}.recording-mini-copy{display:flex;flex-direction:column;min-width:0}.recording-mini-copy strong,.mini-list-item strong{font-size:13px;color:#4e6527;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recording-mini-copy small,.mini-list-item small{font-size:10px;color:#aabd8a;margin-top:5px;line-height:1.8}.recording-mini-meta{font-size:10px;color:#7d9454;background:#fbfef6;border-radius:999px;padding:7px 10px;white-space:nowrap}.mini-list-item{grid-template-columns:auto 1fr}.mini-badge{width:38px;height:38px;border-radius:14px;background:#fafef2;color:#bcf062;display:grid;place-items:center;font-weight:700}.dashboard-split-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.dashboard-split-card{background:#fdfffb;border:1px solid #f4f8ec;border-radius:22px;padding:14px}.mini-section-head{padding-bottom:10px;border-bottom:1px solid #f4f8ec}.mini-section-head strong{font-size:13px;color:#57702c}
.activity-item{display:grid;grid-template-columns:16px 1fr;gap:12px;align-items:flex-start;padding:6px 0}.activity-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#bff06a,#66d3a7);margin-top:6px;box-shadow:0 0 0 6px rgba(191,240,106,.08)}.activity-copy strong{display:block;font-size:13px;color:#51682a;line-height:1.9}.activity-copy small{display:block;font-size:10px;color:#acbf8c;margin-top:4px}
.status-widget{display:grid;gap:16px;margin-top:16px}.status-widget-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:#fcfef9;border:1px solid #f4f9ec;border-radius:18px}.status-widget-line span{font-size:12px;color:#64738d}.status-widget-line b{font-size:12px;color:#2daf74}.status-circle{width:130px;height:130px;border-radius:50%;margin:0 auto;background:conic-gradient(#29bf7e 0 356deg,#f2f9e5 356deg 360deg);display:grid;place-items:center;position:relative}.status-circle:before{content:"";position:absolute;inset:13px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #f2f8e7}.status-circle>div{position:relative;z-index:1;text-align:center}.status-circle strong{font-size:28px;color:#27a869}.status-circle small{display:block;font-size:11px;color:#a9bc88;margin-top:3px}.support-inline{background:#fcfef8;border:1px solid #f4f9ec;border-radius:18px;padding:14px 16px;display:grid;gap:6px}.support-inline strong{font-size:13px;color:#57702c}.support-inline span{font-size:11px;color:#abbe8b;line-height:1.9}
.user-dashboard-stage{grid-template-columns:minmax(0,1.4fr) minmax(300px,.85fr)}.dashboard-meeting-list{display:grid;gap:10px;margin-top:14px}.dashboard-meeting-item{width:100%;border:1px solid #f4f8ec;background:#fefffc;border-radius:20px;padding:14px 16px;display:grid;grid-template-columns:110px 1fr 24px;align-items:center;gap:14px;text-align:right}.dashboard-meeting-item strong{display:block;font-size:14px;color:#506628}.dashboard-meeting-item small{display:block;font-size:10px;color:#acbf8c;margin-top:4px}.dash-date{display:flex;flex-direction:column}.dash-date b{font-size:17px;color:#b9ef5d}.user-groups-panel{padding:20px}.group-chip{padding:9px 12px;border-radius:999px;background:#fbfef5;color:#a2ce55;border:1px solid #f6fdea;font-size:11px}
.group-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.group-card{border-radius:24px;border:1px solid #f2f8e7;box-shadow:0 14px 35px rgba(74,94,38,.04)}.group-card-head .icon-btn,.row-actions .icon-btn{width:38px;height:38px;border-radius:13px;border:1px solid #f2f8e7;background:#fff;color:#66748d}.text-btn{color:#bdf065;font-size:11px;font-weight:700}.notification-popover{top:62px;left:auto;right:0;border-radius:24px;border:1px solid #f1f7e6;box-shadow:0 24px 55px rgba(64,84,32,.12)}
@media (max-width:1380px){body.app-mode .topbar{grid-template-columns:1fr;gap:12px}.topbar-actions{justify-content:flex-start}body.app-mode .sidebar{width:270px}body.app-mode .main-area{margin-right:292px;width:calc(100% - 292px)}.metric-grid.dashboard-meeting-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-stage{grid-template-columns:1fr}.dashboard-bottom-grid,.dashboard-split-panels{grid-template-columns:1fr}}
@media (max-width:980px){body.app-mode .app-shell{padding:14px}.mobile-menu{display:grid;place-items:center}body.app-mode .sidebar{transform:translateX(110%);transition:.25s;top:14px;right:14px;bottom:14px;width:min(310px,calc(100vw - 28px));z-index:1000}body.app-mode .sidebar.open{transform:none}body.app-mode .main-area{margin-right:0;width:100%}body.app-mode .topbar{top:14px;padding:14px 16px;border-radius:24px}.sidebar-backdrop.open{display:block;position:fixed;inset:0;background:rgba(28,38,10,.45);backdrop-filter:blur(3px);z-index:900}.metric-grid.dashboard-meeting-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.dashboard-intro{flex-direction:column}.dashboard-intro h1{font-size:28px}.dashboard-table{min-width:720px}.metric-grid.dashboard-meeting-metrics{grid-template-columns:1fr}.topbar-search{height:54px}.topbar-new-meeting{width:100%}.topbar-actions{flex-wrap:wrap}.dashboard-meeting-item{grid-template-columns:1fr;gap:10px}.dashboard-meeting-item i{display:none}}