body{font-family:"Google Sans Flex", sans-serif;background-color:#F5F6FA;color:#424242;margin:0px;padding:0px}h1{font-size:36px;font-weight:400;margin:0px;padding:0px}h2{font-size:26px;font-weight:300;margin:0px;padding:0px}h3{font-size:20px;font-weight:300;margin:0px;padding:0px;color:#4294C8}p,label{font-size:16px;font-weight:200;margin:0px;padding:0px}a{text-decoration:none;font-size:16px;color:#4294C8}a:hover{text-decoration:underline}input{width:100%;box-sizing:border-box;font-size:16px;padding:9px}input[type=button],input[type=submit],input[type=reset]{background-color:#4294C8;border:none;color:#F5F6FA;text-decoration:none;cursor:pointer}.btn-primary{color:#F5F6FA;background-color:#4294C8}select{box-sizing:border-box;font-size:16px;padding:9px}footer{height:200px;background-color:#424242}.bg-grey{background-color:#424242}.bg-offwhite{background-color:#F5F6FA}.color-grey{color:#424242}.color-blue{color:#4294C8}.color-white{color:#F5F6FA}.color-red{color:orangered}.vh-100{height:100vh}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify;text-justify:auto}.space-below-sm{margin-bottom:10px}.space-below-md{margin-bottom:20px}.space-below-lg{margin-bottom:30px}.icon-lg{font-size:100px}.columns{display:grid;grid-template-columns:repeat(auto-fit, minmax(0, 1fr));gap:1rem}.column{min-width:0}.flash{padding:10px 14px;margin:0px auto;border-radius:6px;font-size:20px;width:90%;text-align:center;position:absolute;top:10px;left:5%;animation:flashFade 5s forwards}@keyframes flashFade{0%{opacity:1}80%{opacity:1}100%{opacity:0}}.flash-notice{background:rgba(52,152,219,0.15);color:#3498db;border:1px solid rgba(52,152,219,0.3)}.flash-alert,.flash-error{background:rgba(231,76,60,0.15);color:#e74c3c;border:1px solid rgba(231,76,60,0.3)}.flash-success{background:rgba(46,204,113,0.15);color:#2ecc71;border:1px solid rgba(46,204,113,0.3)}.flash-warning{background:rgba(243,156,18,0.15);color:#f39c12;border:1px solid rgba(243,156,18,0.3)}@media (orientation: portrait){h1{font-size:135px}h3{font-size:60px}p,label{font-size:45px}a{font-size:45px}input{font-size:45px;padding:12px}select{font-size:45px}.space-below-sm{margin-bottom:20px}.space-below-md{margin-bottom:30px}.space-below-lg{margin-bottom:40px}.icon-lg{font-size:200px}.columns{grid-template-columns:1fr}.flash{font-size:45px}}.layer{width:100%;margin:0px auto;height:100vh;display:flex;justify-content:center;align-items:center}.landing-page-container{width:350px}.app-shell{display:flex;min-height:100vh}.main-content{flex:1;padding:20px}.right-rail{position:relative;flex-shrink:0;width:56px;display:flex;flex-direction:column;align-items:center;padding-top:12px;position:sticky;top:0;height:100vh;background:#424242}.user-avatar-wrap{display:flex;align-items:center}.user-avatar--initials{width:36px;height:36px;border-radius:50%;background:#4294C8;color:#F5F6FA;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.user-avatar-popup{display:none;position:absolute;right:100%;top:0;background:#424242;padding:8px;white-space:nowrap}.user-avatar-popup.open{display:block}.user-avatar-popup-dividers{margin-bottom:15px}#image-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:9999}#image-popup-overlay-close{position:absolute;top:20px;right:20px;font-size:48px;cursor:pointer;color:white}#image-popup-overlay-footer{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;align-items:flex-end;color:white}#image-popup-overlay-download{display:inline-block;padding:10px 14px;background:#ffffff;color:#000000;border-radius:6px;text-decoration:none;font-size:13px;font-weight:500;cursor:pointer;text-align:center;transition:background 0.15s ease}#image-popup-overlay-download:hover{background:#e6e6e6}#image-popup-overlay-image{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:95vw;max-height:95vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}@media (orientation: portrait){.layer{padding-top:200px;height:auto;padding-bottom:200px}.landing-page-container{width:90%}.app-shell{flex-direction:column}.right-rail{display:none}}.sidebar{flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar.collapsed{width:64px}.sidebar.collapsed .label{display:none}.sidebar.collapsed li{justify-content:center}.sidebar .collapse-sidebar{width:64px;height:64px;background:#F5F6FA;color:#424242;border:none;margin-left:8px;border-radius:10px}.sidebar .collapse-sidebar .collapse-sidebar-icon{font-size:24px}.sidebar .collapse-sidebar:hover{background:#e4e7f2}.sidebar .mobile-menu-toggle{display:none}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin:0px 10px}.sidebar-nav .nav-item{display:flex;align-items:center;gap:12px;height:45px;min-width:64px;padding:0 12px;background:#F5F6FA;border-radius:10px;text-decoration:none;color:inherit;transition:background 0.2s ease}.sidebar-nav .nav-item:hover{background:#e4e7f2}.sidebar-nav .nav-item.active{background:#4294C8;color:#F5F6FA}.sidebar-nav .nav-item i{width:40px;min-width:40px;text-align:center;font-size:24px}@media (orientation: portrait){.sidebar{height:auto;z-index:1000}.sidebar.collapsed{width:auto}.sidebar .collapse-sidebar{display:none}.sidebar .mobile-menu-toggle{width:200px;height:200px;background:#F5F6FA;color:#424242;border:none;margin-left:8px;border-radius:10px;display:block}.sidebar .mobile-menu-toggle i{font-size:96px}.sidebar-nav .nav-item{height:200px}.sidebar-nav .nav-item i{width:200px;heigth:200px;font-size:96px}.mobile-menu-hidden{display:none}}.admin-shell{width:100%;background:#424242;display:flex;align-items:center}.admin-shell p{color:#F5F6FA;margin-left:15px}@media (orientation: portrait){.admin-shell{flex-direction:column;align-items:flex-start;gap:10px;padding:10px}.admin-shell p{margin-left:0}}.kanban-view-layout{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}.kanban-view-layout p{color:#424242}.kanban-view-layout h2{color:#424242}.kanban-view-layout a:hover{text-decoration:none}.kanban-view-layout .kanban-column .kanban-card{display:flex;flex-direction:column;justify-content:space-between;padding:12px;border-radius:6px;min-height:180px;margin-bottom:10px;background:#C0C0C0}.kanban-view-layout .kanban-column .kanban-card-header{display:flex;justify-content:space-between;align-items:flex-start}.kanban-view-layout .kanban-column .kanban-card-body{margin-top:10px;flex-grow:1}.kanban-view-layout .kanban-column .kanban-card-divider{border-top:1px solid gray;margin:10px 0}.kanban-view-layout .kanban-column .kanban-card-footer{display:flex;justify-content:flex-end;font-size:12px;color:gray}.kanban-view-layout .kanban-column .activity-feed{display:flex;flex-direction:column;background:#C0C0C0;border-radius:6px}.kanban-view-layout .kanban-column .activity-feed__empty{text-align:center}.kanban-view-layout .kanban-column .activity-feed__item{display:flex;flex-direction:column;padding:10px;border-bottom:1px solid #9a9a9a}.kanban-view-layout .kanban-column .activity-feed__item:last-child{border-bottom:none}.kanban-view-layout .kanban-column .activity-feed__item:nth-child(even){background:#a7a7a7}.kanban-view-layout .kanban-column .activity-feed__row{display:flex;justify-content:space-between;align-items:center}.kanban-view-layout .kanban-column .activity-feed__name{font-size:13px;color:#424242;flex:1;padding-right:10px}.kanban-view-layout .kanban-column .activity-feed__time{font-size:11px;color:#747474;white-space:nowrap}.kanban-view-layout .kanban-column .activity-feed__user{color:#747474;margin-top:6px;padding-top:6px;border-top:1px solid #757575}.kanban-view-layout .kanban-column .activity-feed__user p{color:#424242;font-size:12px}.datatable-wrap{width:98%;margin:0px auto}.datatable-wrap th{font-size:16px}.datatable-wrap td{font-size:16px}@media (orientation: portrait){.datatable-wrap{width:98%;margin:0px auto}.datatable-wrap th{font-size:45px}.datatable-wrap td{font-size:45px}.datatable-wrap .dt-column-order{font-size:18px}.datatable-wrap table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before{border-top:14px solid transparent !important;border-left:28px solid rgba(0,0,0,0.5) !important;border-bottom:14px solid transparent !important}.datatable-wrap table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>td.dtr-control:before{border-top:28px solid rgba(0,0,0,0.5) !important;border-left:14px solid transparent !important;border-right:14px solid transparent !important;border-bottom:0px solid transparent !important}}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;font-size:12px;font-weight:600;line-height:1;border-radius:999px;border:1px solid transparent;white-space:nowrap}.badge--success{background-color:#2ecc71;color:#F5F6FA}.badge--error{background-color:#e74c3c;color:#F5F6FA}.badge--warning{background-color:#f39c12;color:#424242}.badge--info{background-color:#3498db;color:#F5F6FA}.badge--primary{background-color:#4294C8;color:#F5F6FA}.badge--neutral{background-color:#C0C0C0;color:#424242}.badge--dark{background-color:#424242;color:#F5F6FA}.flex-card-container{display:flex;flex-wrap:wrap;gap:1rem;width:100%;margin-bottom:25px}.flex-card{flex:1 1 auto;background:#fff;border-radius:8px;padding:1.25rem;box-shadow:0 1px 4px rgba(0,0,0,0.1);box-sizing:border-box;display:flex;flex-direction:column}.flex-card-count-1 .flex-card{flex-basis:100%}.flex-card-count-2 .flex-card{flex-basis:calc(50% - 0.5rem)}.flex-card-count-3 .flex-card{flex-basis:calc(33.333% - 0.667rem)}.flex-card-count-4 .flex-card{flex-basis:calc(25% - 0.75rem)}.flex-card-title{font-size:0.875rem;font-weight:600;color:#424242;margin-bottom:0.5rem}.flex-card-value{font-size:1.5rem;font-weight:700;color:#4294C8}.flex-card-content{display:flex;flex-direction:column;flex:1}.flex-card-group{width:100%;border:1px solid #C0C0C0;padding:25px;margin-bottom:25px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,0.1)}.flex-card-group .flex-card-container:last-child{margin-bottom:0}@media (orientation: portrait){.flex-card-container{flex-direction:column}.flex-card{flex-basis:100% !important}}