.btn{padding:.5rem 1rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.btn:hover:not(:disabled){opacity:.9}.btn:active:not(:disabled){opacity:.8}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#0d6efd;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0143a3}.btn-subnav{background-color:#0a2d5e;border-color:#0a2d5e;color:#fff}.btn-subnav:hover:not(:disabled){background-color:#1a4a8a;border-color:#1a4a8a}.form-input-container{width:100%}.form-input-label{display:block;margin-bottom:4px;font-size:14px;font-weight:500;color:#212529}.form-input-error{color:#dc3545;font-size:14px;margin-bottom:8px;padding:8px 12px;background-color:#f8d7da;border:1px solid #f5c2c7;border-radius:6px}.form-input-error:first-letter{text-transform:uppercase}.form-input-wrapper{width:100%}.form-input-field-wrapper{position:relative;width:100%}.form-input-field-wrapper .form-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:1}.form-input-field-wrapper.has-error .form-input-icon{color:#dc3545}.form-input-field-wrapper .form-input-field{border-radius:8px;border:1px solid #dee2e6;transition:border-color .15s ease,box-shadow .15s ease;background-image:none!important}.form-input-field-wrapper .form-input-field:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem #0d6efd40}.form-input-field-wrapper .form-input-field::placeholder{color:#adb5bd}.form-input-field-wrapper .form-input-field.is-invalid{border-color:#dc3545}.form-input-field-wrapper .form-input-field.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem #dc354540}.form-input-field-wrapper .form-input-field:disabled{background-color:#e9ecef;cursor:not-allowed}.form-input-field-wrapper.has-icon .form-input-field{padding-left:40px}body,html{height:100%;margin:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body .body-row{margin:0;overflow:hidden;height:calc(100vh - 70px);display:flex}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#canvas--holder{padding:0;margin:0;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}#canvas--holder canvas{position:absolute;width:100%;height:100%}.project-settings.expand{width:72%}.project-settings{position:absolute;right:5px;top:70px;width:330px;border:1px solid #d9d7d7;z-index:1000;background:#fff;box-shadow:1px 2px 20px;padding-bottom:20px}@media (max-width: 1024px){.project-settings{position:fixed;bottom:100px;left:0;right:0;top:auto;width:100%;max-width:100vw;height:65dvh;border:none;border-top:1px solid #d9d7d7;border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #0000001a;padding-bottom:80px;overflow-x:hidden}.project-settings.expand{width:100%;height:85dvh}}.project-settings .wrapper{position:relative;max-width:100%;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:visible}.project-settings .wrapper .title-bar{display:flex;align-items:center;justify-content:space-between;padding:15px 0;margin-bottom:15px;border-bottom:1px solid #d9d7d7;background:#fff;position:sticky;top:0;z-index:10}.project-settings .wrapper .title-bar h3{flex:1;margin:0;font-size:1.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.project-settings .wrapper .title-bar .title-bar-controls{flex-shrink:0;display:flex;align-items:flex-start;justify-content:flex-end;gap:6px}.project-settings .wrapper .title-bar .expand-button,.project-settings .wrapper .title-bar .close-button,.project-settings .wrapper .title-bar .warning-badge,.project-settings .wrapper .title-bar .pin-button,.project-settings .wrapper .title-bar .error-badge{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:1}.project-settings .wrapper .title-bar .expand-button{cursor:pointer;color:#4f4f57}.project-settings .wrapper .title-bar .expand-button:hover{color:#56a9de}.project-settings .wrapper .title-bar .expand-button .expand-icon{height:22px;display:flex;align-items:center;justify-content:center;font-size:18px}.project-settings .wrapper .title-bar .expand-button .expand-label{font-size:9px;text-transform:lowercase}@media (max-width: 1024px){.project-settings .wrapper .title-bar .expand-button{display:none}}.project-settings .wrapper .title-bar .pin-button{cursor:pointer;color:#4f4f57;transition:color .2s ease}.project-settings .wrapper .title-bar .pin-button.pinned{color:#56a9de}.project-settings .wrapper .title-bar .pin-button.pinned .pin-icon{transform:rotate(45deg)}.project-settings .wrapper .title-bar .pin-button:hover{color:#56a9de}.project-settings .wrapper .title-bar .pin-button .pin-icon{height:22px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:transform .2s ease}.project-settings .wrapper .title-bar .pin-button .pin-label{font-size:9px;text-transform:lowercase}@media (max-width: 1024px){.project-settings .wrapper .title-bar .pin-button{display:none}}.project-settings .wrapper .title-bar .close-button{cursor:pointer;color:#4f4f57}.project-settings .wrapper .title-bar .close-button:hover{color:#56a9de}.project-settings .wrapper .title-bar .close-button .close-icon{height:22px;display:flex;align-items:center;justify-content:center;font-size:18px}.project-settings .wrapper .title-bar .close-button .close-label{font-size:9px;text-transform:lowercase}.project-settings .wrapper .title-bar .warning-badge,.project-settings .wrapper .title-bar .error-badge{visibility:hidden}.project-settings .wrapper .title-bar .warning-badge .badge-count,.project-settings .wrapper .title-bar .error-badge .badge-count{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:11px;color:#fff}.project-settings .wrapper .title-bar .warning-badge .badge-label,.project-settings .wrapper .title-bar .error-badge .badge-label{font-size:7px;text-transform:lowercase}.project-settings .wrapper .title-bar .warning-badge .badge-count{background-color:#f7a53c}.project-settings .wrapper .title-bar .warning-badge .badge-label{color:#f7a53c}.project-settings .wrapper .title-bar .error-badge .badge-count{background-color:#ed301d}.project-settings .wrapper .title-bar .error-badge .badge-label{color:#ed301d}.project-settings .wrapper .title-bar .warning-badge.visible,.project-settings .wrapper .title-bar .error-badge.visible{visibility:visible}.project-settings .wrapper .scrolling-wrapper{overflow-y:auto;overflow-x:hidden;height:600px}@media (max-width: 1024px){.project-settings .wrapper .scrolling-wrapper{height:calc(65dvh - 100px);padding-bottom:100px}}.project-settings .wrapper .two-column-layout{display:flex;flex-direction:column;width:100%;height:100%;max-width:100%;overflow-x:hidden}.project-settings .wrapper .two-column-layout .column-left{flex:0 0 auto;width:100%;padding:10px 15px;border-bottom:1px solid #d9d7d7;border-right:none;overflow-y:visible;max-height:none}@media (max-width: 1024px){.project-settings .wrapper .two-column-layout .column-left{display:none}}.project-settings .wrapper .two-column-layout .column-left .overview-title{font-size:1.1em;font-weight:600;margin-bottom:15px;color:#0a2d5e}.project-settings .wrapper .two-column-layout .column-left .overview-section{margin-bottom:15px}.project-settings .wrapper .two-column-layout .column-left .overview-label{display:block;font-size:.75em;font-weight:600;color:#4f4f57;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.project-settings .wrapper .two-column-layout .column-left .icon-selector{display:flex;gap:8px;justify-content:space-between}.project-settings .wrapper .two-column-layout .column-left .icon-selector .icon-option{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 5px;border:2px solid #d9d7d7;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.project-settings .wrapper .two-column-layout .column-left .icon-selector .icon-option:hover{border-color:#56a9de;background:#e1eaf6}.project-settings .wrapper .two-column-layout .column-left .icon-selector .icon-option.active{border-color:#56a9de;background:#56a9de;color:#fff}.project-settings .wrapper .two-column-layout .column-left .icon-selector .icon-option.active svg{stroke:#fff}.project-settings .wrapper .two-column-layout .column-left .icon-selector .icon-option svg{margin-bottom:4px}.project-settings .wrapper .two-column-layout .column-left .icon-selector .icon-option span{font-size:.65em;text-align:center;white-space:nowrap}.project-settings .wrapper .two-column-layout .column-left .overview-divider{margin:15px 0;border-color:#d9d7d7}.project-settings .wrapper .two-column-layout .column-left .form-select-sm{font-size:.85em}.project-settings .wrapper .two-column-layout .column-right{flex:1;width:100%;padding:0 10px;display:flex;flex-direction:column}@media (max-width: 1024px){.project-settings .wrapper .two-column-layout .column-right{max-width:100%;overflow-x:hidden}}.project-settings .wrapper .two-column-layout .column-right .scrolling-wrapper{flex:1}.project-settings .wrapper .two-column-layout .deck-fields{display:flex;flex-direction:column;gap:15px}.project-settings .wrapper .two-column-layout .deck-fields.horizontal{flex-direction:row;gap:20px;flex-wrap:wrap}.project-settings .wrapper .two-column-layout .deck-fields.horizontal .deck-field{flex:1;min-width:150px}.project-settings .wrapper .two-column-layout .deck-fields .deck-field .form-label{display:block;font-size:.8em;font-weight:600;margin-bottom:5px;color:#4f4f57}.project-settings .wrapper .two-column-layout .performance-summary{margin-top:auto;min-height:80px;background:#f5f5f5;border-top:1px solid #d9d7d7;padding:10px 15px;flex-shrink:0}.project-settings .wrapper .two-column-layout .performance-summary .performance-summary-title{font-size:.85em;font-weight:600;color:#0a2d5e;margin:0 0 8px}.project-settings .wrapper .two-column-layout .performance-summary .performance-summary-grid{display:flex;flex-wrap:wrap;gap:10px 20px}.project-settings .wrapper .two-column-layout .performance-summary .performance-summary-grid .performance-item{display:flex;flex-direction:column;min-width:120px}.project-settings .wrapper .two-column-layout .performance-summary .performance-summary-grid .performance-item .performance-label{font-size:.7em;color:#4f4f57;text-transform:uppercase;letter-spacing:.3px}.project-settings .wrapper .two-column-layout .performance-summary .performance-summary-grid .performance-item .performance-value{font-size:.95em;font-weight:600;color:#0a2d5e}@media (max-width: 1024px){.project-settings .wrapper .two-column-layout .performance-summary{margin-top:15px}}.project-settings .deck-removal-list{list-style:none;padding:0;margin:15px 0}.project-settings .deck-removal-list .deck-removal-item{background:#f5f5f5;padding:10px 15px;border-radius:6px;margin-bottom:10px}.project-settings .deck-removal-list .deck-removal-item .deck-config-details{margin:8px 0 0;padding-left:20px;font-size:.9em;color:#4f4f57}.project-settings .deck-removal-list .deck-removal-item .deck-config-details li{margin-bottom:3px}.project-settings .mobile-layout{display:flex;flex-direction:column;height:100%;overflow:hidden;overflow-x:hidden}.project-settings .mobile-layout .mobile-errors-warnings-sticky{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #d9d7d7;flex-shrink:0}.project-settings .mobile-layout .mobile-errors-warnings-sticky .settings-editor-panel{position:relative;right:auto;top:auto;width:100%;box-shadow:none;border-radius:0;padding:10px 15px;margin:0}.project-settings .mobile-layout .mobile-errors-warnings-sticky .settings-editor-panel .settings-editor-triangle{display:none}.project-settings .mobile-layout .mobile-errors-warnings-sticky .errors-warnings-panel{max-height:none;top:auto}.project-settings .mobile-layout .mobile-content-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 15px 100px;-webkit-overflow-scrolling:touch}.project-settings .mobile-layout .mobile-overview-section{padding:15px 0;border-bottom:1px solid #d9d7d7}.project-settings .mobile-layout .mobile-overview-section .screen-overview-content .overview-title{font-size:1.1em;font-weight:600;margin-bottom:15px;color:#0a2d5e}.project-settings .mobile-layout .mobile-overview-section .screen-overview-content .overview-section{margin-bottom:15px}.project-settings .mobile-layout .mobile-overview-section .screen-overview-content .overview-label{display:block;font-size:.75em;font-weight:600;color:#4f4f57;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.project-settings .mobile-layout .mobile-overview-section .screen-overview-content .icon-selector{display:flex;gap:8px;justify-content:space-between}.project-settings .mobile-layout .mobile-overview-section .screen-overview-content .icon-selector .icon-option{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 5px;border:2px solid #d9d7d7;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.project-settings .mobile-layout .mobile-overview-section .screen-overview-content .icon-selector .icon-option:hover{border-color:#56a9de;background:#e1eaf6}.project-settings .mobile-layout .mobile-overview-section .screen-overview-content .icon-selector .icon-option.active{border-color:#56a9de;background:#56a9de;color:#fff}.project-settings .mobile-layout .mobile-overview-section .screen-overview-content .icon-selector .icon-option.active svg{stroke:#fff}.project-settings .mobile-layout .mobile-overview-section .screen-overview-content .icon-selector .icon-option svg{margin-bottom:4px}.project-settings .mobile-layout .mobile-overview-section .screen-overview-content .icon-selector .icon-option span{font-size:.65em;text-align:center;white-space:nowrap}.project-settings .mobile-layout .mobile-overview-section .screen-overview-content .overview-divider{margin:15px 0;border-color:#d9d7d7}.project-settings .mobile-layout .mobile-overview-section .screen-overview-content .form-select-sm{font-size:.85em}.project-settings .mobile-layout .mobile-deck-section{padding:15px 0}.project-settings .mobile-layout .mobile-views-section{padding:15px 0;margin-top:auto}.project-settings .mobile-layout .mobile-views-section .views-button-section{margin-bottom:15px}.project-settings .mobile-layout .mobile-views-section .settings-editor-panel{position:relative;right:auto;top:auto;width:100%;margin-top:15px;box-shadow:0 2px 10px #0000001a}.project-settings .mobile-layout .mobile-views-section .settings-editor-panel .settings-editor-triangle{display:none}.project-settings .mobile-layout .performance-summary{margin:15px 0}.project-settings .selector-delete-btn{border-top:1px solid #4f4f57;padding-top:20px}.project-settings form div{margin:20px 0}.project-settings .expand-graph{display:flex;justify-content:space-between}.project-settings .chart-title{margin-bottom:10px}.project-settings .create-material-container.expanded{display:flex;gap:20px}.project-settings .create-material-container.expanded .create-material-left{flex:1;min-width:0;position:sticky;top:50px;align-self:flex-start}.project-settings .create-material-container.expanded .create-material-right{flex:1;min-width:0}.project-settings .warning{background-color:#f7a53c;font-weight:700;padding:10px;margin-bottom:10px}.project-settings .error{background-color:#ed301d;font-weight:700;padding:10px;margin-bottom:10px}.project-settings .errors-and-warnings{display:none}@media (max-width: 1024px){.project-settings .errors-and-warnings{display:block}}.project-settings section h4{position:sticky;top:0;background:#fff;z-index:0;margin:0;padding-top:10px}.setting-selector{position:absolute;top:102px;right:20px;width:50px;height:80%;z-index:999}@media (max-width: 1024px){.setting-selector{display:none}}.setting-selector .selector-box{position:relative;height:50px;width:50px;background-color:#caddf1;border-radius:50%;border:1px solid #0A2D5E;display:inline-block;margin-bottom:40px}.setting-selector .selector-box.active{border:1px solid #0A2D5E;background:#0a2d5e}.setting-selector .selector-box.active .selector-icon{color:#fff}.setting-selector .selector-box:hover{cursor:pointer;opacity:60%}.setting-selector .selector-box .selector-icon{color:gray;position:absolute;top:12px;left:12px}.setting-selector .selector-box .selector-box-title{position:absolute;top:70px;left:25px;transform:translate(-50%,-50%);font-size:12px;color:#000;font-weight:700}.settings-editor-panel{position:absolute;right:calc(100% + 15px);top:0;width:300px;z-index:1001;background:#fff;box-shadow:1px 2px 20px;border-radius:8px;padding:20px}.settings-editor-panel .settings-editor-triangle{position:absolute;top:30px;right:-10px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid white}.errors-warnings-panel{top:0;max-height:calc(100vh - 120px)}.errors-warnings-panel .error-section{margin-bottom:16px}.errors-warnings-panel .error-section .error-title{color:#dc3545;font-weight:600;margin-bottom:8px}.errors-warnings-panel .error-section .error-list{margin:0;padding-left:20px}.errors-warnings-panel .error-section .error-list li{color:#dc3545;margin-bottom:4px}.errors-warnings-panel .warning-section .warning-title{color:#ffc107;font-weight:600;margin-bottom:8px}.errors-warnings-panel .warning-section .warning-list{margin:0;padding-left:20px}.errors-warnings-panel .warning-section .warning-list li{color:#856404;margin-bottom:4px}.project-settings.expand .two-column-layout{flex-direction:row}.project-settings.expand .two-column-layout .column-left{flex:0 0 25%;width:25%;border-right:1px solid #d9d7d7;border-bottom:none;overflow-y:auto;max-height:600px}.project-settings.expand .two-column-layout .column-right{flex:0 0 75%;width:75%}.project-settings.expand .errors-warnings-panel{right:calc(100% + 15px);width:220px;padding:12px;font-size:.8em}.project-settings.expand .errors-warnings-panel .error-title,.project-settings.expand .errors-warnings-panel .warning-title{font-size:.9em;margin-bottom:5px}.project-settings.expand .errors-warnings-panel .error-list,.project-settings.expand .errors-warnings-panel .warning-list{padding-left:14px}.project-settings.expand .errors-warnings-panel .error-list li,.project-settings.expand .errors-warnings-panel .warning-list li{margin-bottom:2px}.settings-editor-desktop-container{display:block}@media (max-width: 1024px){.settings-editor-desktop-container{display:none}}.settings-editor-mobile-container{display:none}@media (max-width: 1024px){.settings-editor-mobile-container{display:block}.settings-editor-mobile-container .settings-editor-panel{position:relative;right:auto;top:auto;width:100%;margin-top:16px;box-shadow:0 2px 10px #0000001a}.settings-editor-mobile-container .settings-editor-panel .settings-editor-triangle{display:none}}.processor{position:relative}.processor .processor-icon{position:absolute;top:10px;left:10px;display:block}.user-proceed{padding:15px;background:#f5f5f5;background-position:center center;background-repeat:no-repeat;background-size:400px auto;min-height:100vh}.user-proceed .user-proceed__form{border:1px solid #d9d7d7;padding:20px;box-shadow:-4px 9px 20px 1px;background:#fff;position:relative;z-index:1;width:100%}.logoutButton{text-align:center}.logoutButton .btn-logout{width:100px;margin-right:10px}.loading-page{height:100vh;background:#d3d3d3}.loading-page .loading-page__spinner{height:100%}.loading-page .loading-page__spinner .spinner-border{position:absolute;top:35%;left:48%;width:4rem;height:4rem}.loading-page .loading-page__spinner .spinner-border .sr-only{display:none}.reset-password{text-align:right;display:inline-block;width:100%}.rounded-button{width:50px;height:50px;background:#fff;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid black;cursor:pointer;margin-right:-8px;color:#4f4f57}.rounded-button:hover{color:#56a9de;border-color:#56a9de}.user-modal{position:absolute;width:200px;height:250px;border:1px solid #d9d7d7;z-index:10000;background-color:#f5f5f5;right:20px;top:55px;border-radius:10px;padding:10px;text-align:left;box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px}.user-modal ul{list-style:none;margin:20px 0;padding-left:0}.user-modal ul li{padding:10px}.user-modal ul li:hover{cursor:pointer;background:#d3d3d3;border-radius:10px}.user-modal ul li{margin:20px 0}.user-modal ul li a{text-decoration:none;margin:20px 15px;color:#3042cf}.body--work-area .project-table .create-project-btn{text-decoration:none;margin-left:20px}.body--work-area .project-table input{width:100%}.body--work-area .project-table tr.project-open{cursor:pointer}.body--work-area .project-table td button{margin-right:0}.input-selector input[Type=text]{width:90%;display:inline-flex}.input-selector .search-icon{display:inline-flex;width:10%}.header-row{display:grid;gap:0px;align-items:center}.header-row .edit-header input{width:75px}.header-row .cell{border:1px solid darkgray;background:#d3d3d3;height:60px;width:90px;text-align:center}.header-row .cell .cell-trash{display:inline;padding-right:21px;color:red}.header-row .cell .cell-approve{display:inline;font-size:1.3em;color:green}.header-row .cell:hover{cursor:pointer;display:inline;background:#f6f5f5c7}.header-row .cell:hover .cell-pencil{display:block}.header-row .cell .cell-pencil{display:none;text-align:center}.header-row .add-cell{border:none;background:none;cursor:pointer;white-space:nowrap;text-align:center}.header-row .add-cell:hover{font-weight:700;color:#56a9de;font-size:20px;padding:0}.grid .row{display:grid}.grid .row.row-new .cell{background-color:#d4edda;border-color:#28a745}.grid .row.row-updated .cell{background-color:#fff3cd;border-color:#ffc107}.grid .row .cell{padding:5px;width:90px;border:1px solid #ccc;text-align:center}.grid .row .cell.editing{border:1px solid blue;background:#add8e6}.grid .row .cell input[type=number]::-webkit-outer-spin-button,.grid .row .cell input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.grid .row .cell input[type=number]{-moz-appearance:textfield}.grid .row .cell input{border:none;outline:none}.grid .row .cell input{background:transparent}.create-new h1{padding:10px 20px}.create-new{background-color:#f5f5f5}.create-new .card{margin:20px}.create-new img{width:400px}.create-new button{margin-right:30px}.edit h1{padding:20px}.edit{background-color:#f5f5f5}.edit .card{margin:20px}.edit button{margin-top:20px;margin-right:40px}.list-view .list-header{display:flex;justify-content:space-between;align-items:center;padding:0 30px}.list-view .list-body table tr.cursher-row{padding:10px 0;vertical-align:middle}.list-view .list-body table tr.cursher-row .crusher{display:flex;justify-content:space-around;align-items:center}.list-view .list-body table tr.cursher-row .crusher img{border-radius:10px}.nav{display:flex;margin-bottom:10px}.nav .nav-item{flex:1}.nav .nav-item:first-child{flex:0 1 auto}.nav .nav-link{border-bottom:2px solid #d3d3d3;color:#000}.nav .nav-link.active{border-bottom:2px solid #56a9de;color:#56a9de;font-weight:700}.material-selector{position:relative}.material-selector .material-selector-header{border:1px solid #ced4da;border-radius:.375rem;padding:.375rem .75rem;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.material-selector .material-selector-header .dropdown-arrow{color:#6c757d;transition:transform .2s ease}.material-selector .material-selector-header .dropdown-arrow.open{transform:rotate(180deg)}.material-selector .material-options{position:absolute;top:100%;left:0;right:0;border:1px solid #ced4da;border-radius:.375rem;max-height:150px;overflow-y:auto;background-color:#fff;z-index:1000;box-shadow:0 2px 10px #0000001a}.material-selector .material-options .material-option{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid #e9ecef}.material-selector .material-options .material-option:last-child{border-bottom:none}.material-selector .material-options .material-option:hover{background-color:#e9ecef}.material-selector .material-options .material-option.selected{background-color:#56a9de;color:#fff}.material-selector .material-options .material-option.selected:hover{background-color:#56a9de}.material-selector .material-options .material-option.highlighted{background-color:#e9ecef}.material-selector .material-options .material-option.selected.highlighted{background-color:#56a9de;color:#fff}.material-selector .material-options .material-option .material-name{cursor:pointer;flex:1}.material-selector .material-options .material-option .copy-btn{margin-left:10px;padding:.25rem .5rem}.form-label{font-size:.8em;font-weight:700}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;gap:1rem;flex-wrap:wrap}@media (max-width: 768px){.pagination-container{flex-direction:column;gap:.5rem}}.pagination-info{color:#4f4f57;font-size:.875rem}.pagination{display:flex;gap:.25rem;align-items:center}.pagination-button{min-width:2.5rem;height:2.5rem;padding:.5rem .75rem;border:1px solid #d9d7d7;background-color:#fff;color:#333;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s ease-in-out}.pagination-button:hover:not(:disabled){background-color:#f1f6ff;border-color:#0d6efd;color:#0d6efd}.pagination-button:active:not(:disabled){background-color:#d7e7ff}.pagination-button.active{background-color:#0d6efd;border-color:#0d6efd;color:#fff;font-weight:600}.pagination-button.active:hover{background-color:#0262ef;color:#fff}.pagination-button:disabled{cursor:not-allowed;opacity:.5;background-color:#f5f5f5;color:#4f4f57}.pagination-button:disabled:hover{background-color:#f5f5f5;border-color:#d9d7d7;color:#4f4f57}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;color:#4f4f57;-webkit-user-select:none;user-select:none}.sidebar{width:68px;background:#0a2d5e;height:calc(100vh - 64px);padding:0;border-right:1px solid #d9d7d7;position:sticky;top:64px;flex-shrink:0}.sidebar__nav{display:flex;flex-direction:column;gap:0}.sidebar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:70px;padding:8px;background:transparent;border:none;color:#ffffffe6;cursor:pointer;text-align:center;transition:all .2s ease;margin-top:16px}.sidebar__item:hover{background:#f5f5f5;color:#0a2d5e}.sidebar__item:hover .sidebar__icon,.sidebar__item:hover .sidebar__label{color:#0a2d5e}.sidebar__item--active{background:#f5f5f5;color:#0a2d5e}.sidebar__item--active .sidebar__icon,.sidebar__item--active .sidebar__label{color:#0a2d5e}.sidebar__item:focus{outline:none}.sidebar__icon{display:flex;align-items:center;justify-content:center;margin-bottom:4px;color:#fff;transition:color .2s ease}.sidebar__label{font-size:11px;font-weight:500;white-space:nowrap;text-align:center;padding:2px}@media (max-width: 1024px){.sidebar{display:none}}@media (max-width: 1025px){.hide-on-mobile{display:none!important}}.header-full{display:inline}@media (max-width: 768px){.header-full{display:none}}.header-short{display:none}@media (max-width: 768px){.header-short{display:inline}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background-color:#fff;border-radius:8px;border:1px solid #dee2e6}.empty-state .empty-state-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background-color:#f8f9fa;margin-bottom:20px}.empty-state .empty-state-icon svg{width:28px;height:28px;color:#adb5bd}.empty-state h4{margin-bottom:8px;color:#212529;font-weight:600}.empty-state p{margin-bottom:0;font-size:14px;text-align:center;max-width:400px}.shared-with-avatars{display:flex;align-items:center;gap:-8px}.shared-with-avatars .avatar-wrapper{position:relative;margin-left:-8px}.shared-with-avatars .avatar-wrapper:first-child{margin-left:0}.shared-with-avatars .user-avatar{width:32px;height:32px;border-radius:50%;background-color:#6c757d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;border:2px solid white;cursor:default;transition:transform .15s ease,z-index .15s ease}.shared-with-avatars .user-avatar:hover{transform:scale(1.1);z-index:10}.shared-with-avatars .user-avatar.small{width:24px;height:24px;font-size:10px}.shared-with-avatars .user-avatar.overflow-avatar{background-color:#dee2e6;color:#495057;cursor:pointer;font-size:11px}.shared-with-avatars .user-avatar.overflow-avatar:hover{background-color:#ced4da}.shared-with-avatars .avatar-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#212529;color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:100;margin-bottom:8px;box-shadow:0 2px 8px #00000026}.shared-with-avatars .avatar-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#212529}.shared-with-avatars .avatar-tooltip .permission-badge{display:inline-block;margin-left:8px;padding:2px 6px;background-color:#fff3;border-radius:3px;font-size:10px;text-transform:capitalize}.shared-with-avatars .overflow-indicator{position:relative}.shared-with-avatars .overflow-modal{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:12px;min-width:200px;z-index:1000;margin-top:8px;box-shadow:0 4px 12px #00000026}.shared-with-avatars .overflow-modal .overflow-modal-header{font-size:12px;color:#6c757d;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #dee2e6}.shared-with-avatars .overflow-modal .overflow-user-item{display:flex;align-items:center;gap:8px;padding:6px 0}.shared-with-avatars .overflow-modal .overflow-user-item .user-name{flex:1;font-size:13px;color:#212529}.shared-with-avatars .overflow-modal .overflow-user-item .permission-badge{padding:2px 6px;background-color:#e9ecef;border-radius:3px;font-size:10px;color:#6c757d;text-transform:capitalize}.action-buttons{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:nowrap}@media (max-width: 1024px){.action-buttons{gap:0}}.action-buttons .action-btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background-color:transparent;color:#6c757d;cursor:pointer;transition:all .15s ease;flex-shrink:0}@media (max-width: 1024px){.action-buttons .action-btn{width:24px;height:24px;border-radius:4px}.action-buttons .action-btn svg{width:14px;height:14px}}.action-buttons .action-btn:hover{background-color:#e9ecef}.action-buttons .action-btn:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#212529;color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;margin-bottom:6px;z-index:100}.action-buttons .action-btn:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#212529;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;pointer-events:none;margin-bottom:-4px;z-index:100}.action-buttons .action-btn:hover:after,.action-buttons .action-btn:hover:before{opacity:1;visibility:visible}.action-buttons .action-btn.edit-btn:hover{color:#0d6efd;background-color:#0d6efd1a}.action-buttons .action-btn.settings-btn:hover{color:#6c757d;background-color:#6c757d26}.action-buttons .action-btn.share-btn:hover{color:#198754;background-color:#1987541a}.action-buttons .action-btn.delete-btn:hover{color:#dc3545;background-color:#dc35451a}.action-buttons .action-btn svg{width:16px;height:16px}.project-table{background-color:#fff;table-layout:fixed}@media (max-width: 1024px){.project-table{font-size:13px}}@media (max-width: 768px){.project-table th:nth-child(3),.project-table th:nth-child(4),.project-table th:nth-child(6),.project-table td:nth-child(3),.project-table td:nth-child(4),.project-table td:nth-child(6){display:none}}.project-table thead th{background-color:#f8f9fa;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;padding:12px 16px;font-size:13px;text-transform:uppercase;letter-spacing:.5px}@media (max-width: 1024px){.project-table thead th{padding:8px 6px;font-size:11px;letter-spacing:0}}@media (max-width: 1024px){.project-table thead th:last-child{padding:8px 4px}}.project-table tbody tr{transition:background-color .15s ease}.project-table tbody tr.project-open{cursor:pointer}.project-table tbody tr td{padding:12px 16px;vertical-align:middle;border-color:#e9ecef}@media (max-width: 1024px){.project-table tbody tr td{padding:8px 6px}}@media (max-width: 1024px){.project-table tbody tr td:last-child{padding:8px 4px}}.project-table .project-name-cell .project-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.project-table .badge{font-weight:600;font-size:12px;padding:5px 10px;text-transform:capitalize}.project-table .badge.bg-secondary{background-color:#495057!important;color:#fff!important}.project-table .badge.bg-info{background-color:#0c6980!important;color:#fff!important}.project-table .badge.bg-primary{background-color:#0a58ca!important;color:#fff!important}.project-table .badge.bg-warning{background-color:#997404!important;color:#fff!important}.project-table .badge.bg-success{background-color:#146c43!important;color:#fff!important}.project-table .badge.bg-danger{background-color:#b02a37!important;color:#fff!important}.project-table .badge.bg-dark{background-color:#212529!important;color:#fff!important}.shared-with-avatars .avatar-wrapper:nth-child(1) .user-avatar:not(.overflow-avatar){background-color:#6366f1}.shared-with-avatars .avatar-wrapper:nth-child(2) .user-avatar:not(.overflow-avatar){background-color:#8b5cf6}.shared-with-avatars .avatar-wrapper:nth-child(3) .user-avatar:not(.overflow-avatar){background-color:#ec4899}.overflow-modal .overflow-user-item:nth-child(2) .user-avatar{background-color:#f59e0b}.overflow-modal .overflow-user-item:nth-child(3) .user-avatar{background-color:#10b981}.overflow-modal .overflow-user-item:nth-child(4) .user-avatar{background-color:#3b82f6}.overflow-modal .overflow-user-item:nth-child(5) .user-avatar{background-color:#ef4444}.overflow-modal .overflow-user-item:nth-child(6) .user-avatar{background-color:#6366f1}.sub--nav{position:relative;background:#0a2d5e;border-right:1px solid #d9d7d7;width:68px;padding:0;height:100%;display:flex;flex-direction:column}.sub--nav .back-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex:1 1 auto;padding:6px;background:transparent;border:none;color:#ffffffe6;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s ease}.sub--nav .back-button:hover{background-color:#ffffff1a;color:#fff}.sub--nav .back-button:hover svg{transform:translate(-2px)}.sub--nav .back-button svg{margin-bottom:4px;transition:transform .2s ease}.sub--nav .back-button span{line-height:1.2}.sub--nav .sub-nav__item{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.sub--nav .sub-nav__item .hidden{display:none}.sub--nav .sub-nav__item .default-icon{display:block}.sub--nav .sub-nav__item:hover{cursor:pointer}.sub--nav .sub-nav__item:hover .hidden{display:block}.sub--nav .sub-nav__item:hover .default-icon{display:none}.sub--nav .sub-nav__item img{margin:0 auto;max-width:36px;max-height:36px;width:auto;height:auto}.sub--nav .sub-nav__item{color:#fff}.sub--nav .sub-nav__item.active{background-color:#e1eaf6}.sub--nav .sub-nav__item.active .sub-nave__item-text{color:#00f}.sub--nav .sub-nav__item .sub-nave__item-text{padding:2px;font-size:11px;text-align:center;line-height:1.1}.sub--nav .off-canvas{position:absolute;top:0;left:68px;border-right:1px solid #d9d7d7;width:68px;height:100%;background:#fff;visibility:hidden;padding-top:20px}.sub--nav .off-canvas.show{visibility:visible;z-index:1000}.sub--nav .sub-nav__dropdown{position:absolute;left:100%;background:#0a2d5e;border:1px solid #d9d7d7;border-radius:0;box-shadow:1px 2px 20px;z-index:1000;padding:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:0;height:70px}.sub--nav .sub-nav__dropdown-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;cursor:pointer;border-radius:0;transition:background-color .2s;min-width:100px;height:70px;max-height:70px;text-align:center;white-space:nowrap;box-sizing:border-box}.sub--nav .sub-nav__dropdown-item:hover{background-color:#e1eaf6;height:70px;max-height:70px}.sub--nav .sub-nav__dropdown-item:hover .dropdown-item__text{color:#0a2d5e}.sub--nav .sub-nav__dropdown-item .dropdown-item__icon{margin-bottom:8px;display:flex;align-items:center;justify-content:center;position:relative}.sub--nav .sub-nav__dropdown-item .dropdown-item__icon .dropdown-icon-default{display:block}.sub--nav .sub-nav__dropdown-item .dropdown-item__icon .dropdown-icon-hover,.sub--nav .sub-nav__dropdown-item:hover .dropdown-item__icon .dropdown-icon-default{display:none}.sub--nav .sub-nav__dropdown-item:hover .dropdown-item__icon .dropdown-icon-hover{display:block}.sub--nav .sub-nav__dropdown-item .dropdown-item__fallback-icon{width:40px;height:40px;background-color:#007bff;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700}.sub--nav .sub-nav__dropdown-item .dropdown-item__text{font-size:11px;font-weight:500;color:#fff;line-height:1.2}@media (max-width: 1024px){.sub--nav{display:none}}.create-material-container{display:flex;gap:1rem;flex-direction:column}.create-material-container.expanded{flex-direction:row}.create-material-left,.create-material-right{flex:1}.sticky-header{position:sticky;top:0;background-color:#fff;z-index:10;padding-top:8px;padding-bottom:8px;margin-bottom:.5rem}.sticky-subheader{position:sticky;top:35px;background-color:#fff;z-index:9;margin-left:-12px;margin-right:-12px;padding:8px 12px;border-bottom:1px solid #dee2e6}.size-row-col-grip,.size-row-col-size,.size-row-col-passing,.size-row-col-actions{padding-right:4px}.drag-handle{cursor:grab;padding-right:4px}.drag-handle:active{cursor:grabbing}.drag-handle .grip-icon{color:#6c757d;pointer-events:none}.draggable-row{transition:transform .2s ease}.draggable-row.is-dragging{opacity:.5;transition:none}.draggable-row.shift-down{transform:translateY(-40px)}.draggable-row.shift-up{transform:translateY(40px)}.draggable-row.drag-over-from-above{margin-top:40px}.draggable-row.drag-over-from-below{margin-bottom:40px}.canvas-context-menu{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;min-width:150px;z-index:10000;overflow:visible}.context-menu-item{padding:8px 16px;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s;display:flex;justify-content:space-between;align-items:center}.context-menu-item:hover{background-color:#f5f5f5}.context-menu-item:active{background-color:#e8e8e8}.context-menu-separator{height:1px;background-color:#ddd;margin:4px 0}.context-menu-item-danger{color:#dc3545}.context-menu-item-danger:hover{background-color:#fff5f5}.context-menu-item-container,.context-menu-item-with-submenu{position:relative}.context-menu-arrow{margin-left:8px;color:#999}.context-menu-submenu{position:absolute;left:100%;top:0;min-width:200px;width:max-content;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;margin-left:2px;z-index:10001;display:block}.context-menu-submenu .context-menu-item{white-space:nowrap;display:flex}.context-menu-item-active{color:#007bff;font-weight:500}.context-menu-checkmark{margin-left:12px;color:#007bff;font-weight:700;min-width:16px;text-align:center}.project-edit-page{display:flex;min-height:calc(100vh - 70px);background-color:#f8f9fa}.project-edit-loading{display:flex;justify-content:center;align-items:center;width:100%;min-height:400px}.project-edit-sidebar{width:68px;background-color:#0a2d5e;border-right:none;display:flex;flex-direction:column;padding:0}.project-edit-sidebar .back-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:70px;padding:8px;background:transparent;border:none;color:#ffffffe6;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:16px}.project-edit-sidebar .back-button:hover{background-color:#f5f5f5;color:#0a2d5e}.project-edit-sidebar .back-button svg{flex-shrink:0;margin-bottom:4px}.project-edit-sidebar .back-button span{font-size:10px}.project-edit-sidebar .edit-nav{display:flex;flex-direction:column;gap:0;padding:0}.project-edit-sidebar .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:70px;padding:8px;background:transparent;border:none;border-radius:0;color:#ffffffe6;cursor:pointer;transition:all .2s ease;margin-top:16px}.project-edit-sidebar .nav-item:hover{background-color:#f5f5f5;color:#0a2d5e}.project-edit-sidebar .nav-item:hover .nav-icon,.project-edit-sidebar .nav-item:hover .nav-label{color:#0a2d5e}.project-edit-sidebar .nav-item.active{background-color:#f5f5f5;color:#0a2d5e}.project-edit-sidebar .nav-item.active .nav-icon,.project-edit-sidebar .nav-item.active .nav-label{color:#0a2d5e}.project-edit-sidebar .nav-item .nav-icon{display:flex;align-items:center;justify-content:center;margin-bottom:4px;color:#ffffffe6;transition:color .2s ease}.project-edit-sidebar .nav-item .nav-label{font-size:10px;font-weight:500;text-align:center;white-space:nowrap}.project-edit-content{flex:1;padding:24px;overflow-y:auto}@media (max-width: 768px){.project-edit-page{flex-direction:column}.project-edit-sidebar{width:100%;border-bottom:none;padding:12px}.project-edit-sidebar .back-button{margin:0 0 12px}.project-edit-sidebar .edit-nav{flex-direction:row;justify-content:center;gap:8px;padding:0}.project-edit-sidebar .nav-item{padding:12px 16px;flex-direction:row;gap:8px}.project-edit-sidebar .nav-item .nav-icon{width:32px;height:32px}.project-edit-sidebar .nav-item .nav-label{font-size:13px}.project-edit-content{padding:16px}}.edit-page{max-width:800px;margin:0 auto}.edit-page-header{margin-bottom:24px}.edit-page-header h1{font-size:24px;font-weight:600;color:#212529;margin-bottom:4px}.edit-page-header .text-muted{font-size:14px}.edit-page-card{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;padding:24px;margin-bottom:24px}.edit-page-card .card-section-title{font-size:16px;font-weight:600;color:#495057;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e9ecef}.edit-page-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;margin-top:16px;border-top:1px solid #e9ecef}.grid-size-value{min-width:50px;text-align:right;font-weight:500;color:#495057}.grid-settings-layout{display:flex;gap:32px;align-items:flex-start}.grid-settings-controls{flex:1;min-width:0}.grid-settings-preview{flex-shrink:0}.grid-settings-preview .preview-label{font-size:12px;font-weight:500;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.grid-settings-preview .preview-canvas{border:1px solid #dee2e6;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.shares-list .share-item:last-child{border-bottom:none!important}.shares-list .share-item:hover{background-color:#f8f9fa}.shares-list .share-name{color:#212529}.shares-list .share-email{font-size:13px}.share-form{border:1px solid #dee2e6}.form-label{font-weight:500;font-size:14px;color:#495057;margin-bottom:6px}.field-error-message{font-size:13px;font-weight:500;margin-bottom:6px;padding:4px 0}.form-control,.form-select{font-size:14px}.form-control:focus,.form-select:focus{border-color:#86b7fe;box-shadow:0 0 0 .2rem #0d6efd26}.form-control.field-error,.form-control.is-invalid,.form-select.field-error,.form-select.is-invalid{border:2px solid #dc3545!important}.form-control.field-error:focus,.form-control.is-invalid:focus,.form-select.field-error:focus,.form-select.is-invalid:focus{border-color:#dc3545!important;box-shadow:0 0 0 .2rem #dc354540}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-text{font-size:12px;margin-top:4px}.alert{font-size:14px;padding:12px 16px;border-radius:6px}.danger-zone{border-color:#f5c2c7;background-color:#fff5f5}.danger-zone h3{color:#dc3545;font-size:18px;font-weight:600;margin-bottom:8px}.danger-zone p.text-muted{margin-bottom:16px}@media (max-width: 768px){.edit-page{padding:0}.edit-page-card{border-radius:0;border-left:none;border-right:none}.edit-page-actions{flex-direction:column}.edit-page-actions button{width:100%}.grid-settings-layout{flex-direction:column}.grid-settings-preview{width:100%}.grid-settings-preview .preview-canvas{display:flex;justify-content:center}}