:root{--bg-primary:#fff;--bg-secondary:#f0f4f9;--card-bg:#fff;--card-shadow:none;--primary-color:#001847;--primary-hover:#001030;--text-color:#1a1c1e;--text-secondary:#43474e;--border-color:#c4c6d0;--success-color:#0f5132;--warning-color:#664d03;--danger-color:#842029;--secondary-color:#001847;--bg-color:#f0f4f9;--font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-size-page-title:24px;--font-weight-page-title:700;--font-size-heading:18px;--font-weight-heading:600;--font-size-body:14px;--font-size-table:13px;--font-size-button:14px;--font-weight-button:600;--border-radius:12px;--sidebar-width:256px;--header-height:64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-secondary);color:var(--text-color);min-height:100vh;font-size:var(--font-size-body)}a{color:var(--primary-color);text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:var(--font-family)}.container{max-width:1200px;margin:0 auto;padding:20px}.page-title{font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title);color:var(--text-color);letter-spacing:-.01em}.section-heading{font-size:var(--font-size-heading);font-weight:var(--font-weight-heading)}.section-heading,h1{color:var(--text-color)}h1{font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title)}h2{font-size:var(--font-size-heading);font-weight:var(--font-weight-heading);color:var(--text-color);margin-bottom:12px}p{font-size:var(--font-size-body);color:var(--text-secondary)}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:20px;margin-bottom:20px}.table-responsive{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;margin:15px 0;background-color:var(--bg-primary);font-size:var(--font-size-table)}td,th{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border-color)}th{background-color:var(--bg-secondary);color:var(--text-color);font-weight:600;font-size:var(--font-size-table)}tbody tr{background-color:var(--bg-primary)}tbody tr:nth-child(2n){background-color:#fafafa}tbody tr:hover{background-color:var(--bg-secondary)}.m3-td-num,.m3-th-num{text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--border-radius);font-size:var(--font-size-button);font-weight:var(--font-weight-button);transition:all .15s ease;border:1px solid transparent}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:#fff;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-secondary:hover{background-color:#fdf2f2}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#a01f1f}.badge{display:inline-block;padding:4px 8px;border-radius:var(--border-radius);font-size:12px;font-weight:600}.badge-success{background-color:rgba(46,125,50,.12);color:var(--success-color)}.badge-danger{background-color:rgba(198,40,40,.12);color:var(--danger-color)}.badge-warning{background-color:rgba(230,81,0,.12);color:var(--warning-color)}label{display:block;font-size:13px;font-weight:500;color:var(--text-color);margin-bottom:6px}input,select,textarea{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--text-color);background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:10px 12px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color)}.form-field{margin-bottom:8px}.app-shell{display:flex;height:100vh;overflow:hidden}.app-sidebar{width:var(--sidebar-width);flex-shrink:0;background-color:var(--bg-primary);border-right:1px solid var(--border-color);height:100vh;overflow-y:auto}.app-main{flex:1 1;display:flex;flex-direction:column;background-color:var(--bg-secondary);height:100vh;overflow:hidden}.app-header{height:var(--header-height);flex-shrink:0;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.app-main-content{flex:1 1;padding:24px 32px;overflow-y:auto;overflow-x:auto}.hamburger-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:transparent;color:var(--text-color);flex-shrink:0;transition:background-color .15s}.hamburger-btn:hover{background-color:var(--bg-secondary)}.app-sidebar-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.4);z-index:999}.app-header-short-name{display:none}@media (max-width:1024px){.hamburger-btn{display:inline-flex}.app-sidebar{position:fixed;top:0;left:0;z-index:1000;transform:translateX(-100%);transition:transform .25s ease;box-shadow:2px 0 12px rgba(0,0,0,.2)}.app-sidebar.open{transform:translateX(0)}.app-header{padding:0 16px}.app-main-content{padding:20px}}@media (max-width:768px){.app-main-content,.card{padding:16px}.m3-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.m3-analytics-grid{grid-template-columns:1fr}.m3-pagination-bar{justify-content:center;text-align:center}.m3-bar-label{width:90px}td,th{padding:10px 12px}.app-header-full-name{display:none}.app-header-short-name{display:inline}}@media (max-width:480px){.card{padding:12px}.page-title{font-size:20px}.btn{padding:8px 12px;font-size:13px}.m3-kpi-value{font-size:22px}.app-header{padding:0 12px;gap:8px}.app-header-email{display:none}}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1.5s linear infinite;display:inline-block}.m3-field-container,.m3-select-container{position:relative;width:100%}.m3-field-container{margin-bottom:20px}.m3-field-input{width:100%;box-sizing:border-box;height:54px;padding:16px 16px 16px 44px;border:1px solid #74777f;border-radius:8px;font-size:14px;font-family:inherit;color:var(--text-color);background-color:transparent;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.m3-field-input.has-trailing{padding-right:48px}.m3-field-input:hover:not(:focus):not(:disabled){border-color:#1f1f1f}.m3-field-input:focus{border:2px solid #1a73e8;padding-left:43px}.m3-field-input.has-trailing:focus{padding-right:47px}.m3-field-icon-leading{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#5f6368;font-size:20px;pointer-events:none;transition:color .15s ease}.m3-field-container:focus-within .m3-field-icon-leading{color:#1a73e8}.m3-field-icon-trailing{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#5f6368;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease}.m3-field-icon-trailing:hover{background-color:rgba(32,33,36,.08);color:#202124}.m3-field-label{position:absolute;left:38px;top:-9px;background-color:#fff;padding:0 4px;font-size:12px;font-weight:500;color:#5f6368;pointer-events:none;transition:color .15s ease;letter-spacing:.02em}.m3-field-container:focus-within .m3-field-label{color:#1a73e8;font-weight:600}.m3-btn-filled{width:100%;height:48px;border:none;border-radius:100px;background-color:#1a73e8;color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08);transition:background-color .15s ease,box-shadow .15s ease}.m3-btn-filled:hover:not(:disabled){background-color:#1557b0;box-shadow:0 2px 6px rgba(0,0,0,.18),0 1px 3px rgba(0,0,0,.12)}.m3-btn-filled:active:not(:disabled){background-color:#104fb0;box-shadow:0 1px 2px rgba(0,0,0,.15)}.m3-btn-filled:disabled{background-color:rgba(26,115,232,.38);color:hsla(0,0%,100%,.74);cursor:not-allowed;box-shadow:none}.m3-select{width:100%;box-sizing:border-box;padding:16px 14px 6px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-body);font-family:inherit;color:var(--text-color);background-color:var(--bg-primary);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border .15s,border-color .15s}.m3-select:focus{border:2px solid var(--primary-color);padding:15px 13px 5px}.m3-select:disabled{opacity:.45;cursor:not-allowed;border-color:var(--border-color)}.m3-label{position:absolute;left:10px;top:-8px;background-color:var(--bg-primary);padding:0 4px;font-size:11px;font-weight:600;color:var(--text-secondary);transition:color .15s;pointer-events:none;letter-spacing:.05em;text-transform:uppercase}.m3-select:focus+.m3-label{color:var(--primary-color)}.m3-select:disabled+.m3-label{opacity:.6}.m3-filter-trigger{display:inline-flex;align-items:center;justify-content:center;gap:2px;height:24px;padding:0 6px;margin-left:4px;border:none;border-radius:999px;background-color:transparent;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:600;font-family:inherit;vertical-align:middle;transition:background-color .15s,color .15s}.m3-filter-trigger .material-symbols-outlined{font-size:16px}.m3-filter-trigger:hover{background-color:var(--bg-secondary)}.m3-filter-trigger.active{background-color:rgba(0,24,71,.12);color:var(--primary-color)}.m3-menu{border-radius:var(--border-radius);box-shadow:0 2px 6px 2px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.3);padding:8px 0;min-width:240px;max-height:300px;overflow-y:auto}.m3-menu,.m3-menu-search{background-color:var(--bg-primary)}.m3-menu-search{position:-webkit-sticky;position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:6px;padding:4px 12px 8px;margin-bottom:4px;border-bottom:1px solid var(--border-color)}.m3-menu-search .material-symbols-outlined{font-size:16px;color:var(--text-secondary)}.m3-menu-search input{flex:1 1;border:none;outline:none;font-size:13px;font-family:inherit;color:var(--text-color);background:transparent}.m3-menu-actions{display:flex;justify-content:space-between;align-items:center;padding:0 8px 8px 12px;margin-bottom:4px;border-bottom:1px solid var(--border-color)}.m3-menu-action-btn{background:none;border:none;cursor:pointer;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;font-family:inherit;color:var(--primary-color);transition:background-color .15s}.m3-menu-action-btn:hover{background-color:var(--bg-secondary)}.m3-menu-action-btn.secondary{color:var(--text-secondary)}.m3-menu-item{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:400;color:var(--text-color);cursor:pointer;transition:background-color .15s}.m3-menu-item:hover{background-color:var(--bg-secondary)}.m3-menu-empty{padding:8px 12px;font-size:12px;color:var(--text-secondary)}.m3-searchable-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;font-family:inherit}.m3-searchable-select-placeholder{color:var(--text-secondary)}.m3-searchable-select-caret{font-size:18px;color:var(--text-secondary);flex-shrink:0}.m3-menu-item-highlighted{background-color:var(--bg-secondary)}.m3-menu-item-selected{color:var(--primary-color);font-weight:600}.google-cb-container,.google-cb-row,.m3-cb-container{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.google-cb-container,.m3-cb-container{justify-content:center;width:36px;height:36px;border-radius:50%;vertical-align:middle;transition:background-color .15s ease;box-sizing:border-box;flex-shrink:0}.google-cb-container:hover,.google-cb-row:hover .google-cb-container,.google-cb-row:hover .m3-cb-container,.m3-cb-container:hover{background-color:rgba(32,33,36,.08)}.google-cb-container:has(.m3-checkbox:checked):hover,.google-cb-container:has(.m3-units-checkbox:checked):hover,.google-cb-row:hover .google-cb-container:has(.m3-checkbox:checked),.google-cb-row:hover .google-cb-container:has(.m3-units-checkbox:checked),.m3-cb-container:has(.m3-checkbox:checked):hover{background-color:rgba(26,115,232,.08)!important}.m3-checkbox,.m3-units-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:18px;height:18px;min-width:18px;min-height:18px;margin:0;padding:0;border:2px solid #5f6368;border-radius:2px;background-color:transparent;cursor:pointer;position:relative;display:inline-block;vertical-align:middle;box-sizing:border-box;flex-shrink:0;transition:background-color .15s ease,border-color .15s ease}.m3-checkbox:hover:not(:disabled),.m3-units-checkbox:hover:not(:disabled){border-color:#202124}.m3-checkbox:checked,.m3-units-checkbox:checked{background-color:#1a73e8;border-color:#1a73e8;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="%23ffffff" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round" d="M1.73 12.91l6.37 6.37L22.79 4.59"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:14px 14px}.m3-checkbox:checked:hover:not(:disabled),.m3-units-checkbox:checked:hover:not(:disabled){background-color:#1557b0;border-color:#1557b0}.m3-checkbox:focus-visible,.m3-units-checkbox:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(26,115,232,.18)}.m3-checkbox:disabled,.m3-units-checkbox:disabled{opacity:.38;cursor:not-allowed}.m3-checkbox:after,.m3-units-checkbox:after{content:none}.m3-checkbox-lg{width:18px;height:18px}.m3-icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background-color:transparent;color:var(--text-color);cursor:pointer;transition:background-color .15s}.m3-icon-button .material-symbols-outlined{font-size:22px}.m3-icon-button:hover:not(:disabled){background-color:var(--bg-secondary)}.m3-icon-button:disabled{color:var(--text-secondary);opacity:.38;cursor:not-allowed}.m3-icon-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.m3-pagination-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-top:1px solid var(--border-color);flex-wrap:wrap;gap:12px;font-size:13px;color:var(--text-secondary)}.m3-pagination-controls{display:flex;align-items:center;gap:4px}.m3-pagination-page-indicator{min-width:90px;text-align:center;font-size:13px;color:var(--text-color)}.m3-truncate{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:100%}.m3-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.m3-kpi-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px}.m3-kpi-icon{width:40px;height:40px;border-radius:12px;background-color:rgba(0,24,71,.08);color:var(--primary-color);display:flex;align-items:center;justify-content:center}.m3-kpi-icon .material-symbols-outlined{font-size:22px}.m3-kpi-value{font-size:28px;font-weight:700;color:var(--text-color);letter-spacing:-.02em;line-height:1.1}.m3-kpi-label{font-size:13px;font-weight:500}.m3-kpi-label,.m3-kpi-sub{color:var(--text-secondary)}.m3-kpi-sub{font-size:12px}.m3-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));grid-gap:20px;gap:20px;align-items:start}.m3-panel{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:20px 24px 24px}.m3-panel-title{font-size:15px;font-weight:600;color:var(--text-color);margin-bottom:2px}.m3-panel-subtitle{font-size:12px;color:var(--text-secondary);margin-bottom:16px}.m3-bar-row{display:flex;align-items:center;gap:12px;padding:7px 0}.m3-bar-label{width:128px;flex-shrink:0;font-size:13px;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m3-bar-track{flex:1 1;height:10px;border-radius:6px;background-color:var(--bg-secondary);overflow:hidden}.m3-bar-fill{height:100%;border-radius:6px;background-color:var(--primary-color);transition:width .4s ease}.m3-bar-value{width:60px;flex-shrink:0;text-align:right;font-size:12px;font-weight:600;color:var(--text-secondary)}.m3-mini-list{display:flex;flex-direction:column;gap:6px}.m3-mini-list-row{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:4px 0}.m3-mini-list-name{color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m3-mini-list-value{flex-shrink:0;font-weight:600;color:var(--text-secondary);margin-left:12px}.m3-day-chart{display:flex;align-items:flex-end;gap:10px;height:150px;padding-top:8px}.m3-day-bar-wrap{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px}.m3-day-bar{width:100%;max-width:36px;border-radius:8px 8px 4px 4px;background-color:var(--primary-color);transition:height .4s ease;min-height:3px}.m3-day-label{font-size:11px;color:var(--text-secondary);font-weight:600;text-transform:uppercase}.m3-day-count{font-size:12px;color:var(--text-color);font-weight:600}.m3-donut-wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.m3-donut-legend{display:flex;flex-direction:column;gap:10px;flex:1 1;min-width:160px}.m3-donut-legend-row{display:flex;align-items:center;gap:8px;font-size:13px}.m3-donut-swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.m3-donut-legend-label{color:var(--text-color);flex:1 1}.m3-donut-legend-value{color:var(--text-secondary);font-weight:600;font-size:12px}.m3-empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.m3-empty-state .material-symbols-outlined{font-size:40px;color:var(--border-color);margin-bottom:12px}.m3-clickable-row{cursor:pointer;border-radius:8px;margin:0 -8px;padding-left:8px;padding-right:8px;transition:background-color .12s ease}.m3-clickable-row:hover{background-color:var(--bg-secondary)}.m3-now-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.m3-now-dot{width:10px;height:10px;border-radius:50%;background-color:var(--border-color);flex-shrink:0}.m3-now-dot.live{background-color:var(--success-color);box-shadow:0 0 0 0 rgba(15,81,50,.5);animation:m3-pulse 2s infinite}@keyframes m3-pulse{0%{box-shadow:0 0 0 0 rgba(15,81,50,.45)}70%{box-shadow:0 0 0 8px rgba(15,81,50,0)}to{box-shadow:0 0 0 0 rgba(15,81,50,0)}}.m3-now-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.m3-now-card{flex-shrink:0;min-width:220px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:12px 14px}.m3-hour-chart{display:flex;align-items:flex-end;gap:6px;height:150px;padding-top:8px}.m3-hour-bar-wrap{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}.m3-hour-bar{width:100%;max-width:22px;border-radius:6px 6px 3px 3px;background-color:var(--primary-color);transition:height .4s ease;min-height:3px}.m3-modal-day-group+.m3-modal-day-group{margin-top:18px}.m3-modal-session-card{background-color:var(--bg-secondary);border-radius:10px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}@keyframes toast-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast-slide-up{animation:toast-slide-up .3s ease-out}