@charset "UTF-8";.n-box .n-box-grid .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.n-box .n-box-grid .n-box-cell{min-height:5rem}.n-box .n-box-grid .axis-label{position:absolute;font-weight:600;color:var(--pr-dark);font-size:var(--pr-font-size-sm);white-space:nowrap}.n-box .n-box-grid .axis-label.y-axis{left:-20px;top:50%;transform:rotate(-90deg) translate(-50%);transform-origin:left center;white-space:nowrap;max-width:none}.n-box .n-box-grid .axis-label.x-axis{bottom:-30px;left:50%;transform:translate(-50%)}.n-box .n-box-grid .card .card-header{border-color:inherit!important}.n-box .n-box-grid .card .card-body{aspect-ratio:8/3;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;scrollbar-color:var(--pr-primary) var(--pr-light)!important;transition:all .3s ease}.n-box .n-box-grid .card .card-body::-webkit-scrollbar{width:4px!important}.n-box .n-box-grid .card .card-body::-webkit-scrollbar-track{background:var(--pr-light)!important;border-radius:2px!important}.n-box .n-box-grid .card .card-body::-webkit-scrollbar-thumb{background:var(--pr-primary)!important;border-radius:2px!important}.n-box .n-box-grid .card .card-body::-webkit-scrollbar-thumb:hover{background:var(--pr-primary)!important}.n-box .n-box-grid .card .card-body .employee-list .employee{border:2px dashed transparent;border-radius:var(--pr-border-radius-default)!important;box-sizing:border-box;padding:var(--pr-spacing-xs)!important;position:relative;transition:background-color .2s!important;min-width:180px}.n-box .n-box-grid .card .card-body .employee-list .employee:hover{background-color:var(--pr-white)!important}.n-box .n-box-grid .card .card-body .employee-list .employee:hover.draggable{border:2px dashed var(--pr-green)}@keyframes march-dashes{to{background-position:0 -20px,20px 0,100% 20px,-20px 100%}}.dropzone{position:relative;transition:all .2s ease;z-index:1}.dropzone.drag-over{background-color:rgb(from var(--pr-success) r g b/.1)!important;opacity:1!important}.dropzone.drag-over:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;pointer-events:none;z-index:999;border-radius:calc(var(--pr-border-radius-default, .375rem) + 4px);background-image:repeating-linear-gradient(0deg,var(--pr-success) 0,var(--pr-success) 10px,transparent 10px,transparent 20px),repeating-linear-gradient(90deg,var(--pr-success) 0,var(--pr-success) 10px,transparent 10px,transparent 20px),repeating-linear-gradient(180deg,var(--pr-success) 0,var(--pr-success) 10px,transparent 10px,transparent 20px),repeating-linear-gradient(270deg,var(--pr-success) 0,var(--pr-success) 10px,transparent 10px,transparent 20px);background-size:4px 100%,100% 4px,4px 100%,100% 4px;background-position:0 0,0 0,100% 0,0 100%;background-repeat:no-repeat;animation:march-dashes 1s linear infinite}.dropzone .draggable{cursor:grab;-webkit-user-select:none;user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.dropzone .draggable:active{cursor:grabbing}.dropzone .draggable.moving{transition:none}.dropzone .draggable.dragging{transform:rotate(5deg);z-index:1000}#drag-feedback{position:fixed;left:var(--mouse-x, 0);top:var(--mouse-y, 0);pointer-events:none;transform-origin:center;transform:translate(-50%,-100px);background-color:var(--pr-white);border:1px solid var(--pr-primary);padding:var(--pr-spacing-base) var(--pr-size-default);border-radius:8px;z-index:9999;font-weight:600;box-shadow:0 4px 12px #0000004d}@keyframes fadeInOut{0%{opacity:0}to{opacity:1}}.loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid var(--pr-light);border-top:2px solid var(--pr-primary);border-radius:50%;animation:spin 1s linear infinite;z-index:10;display:none}.loading-indicator.show{display:block}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.nbox-visualize{background:#fff;padding:var(--pr-spacing-default);border-bottom:1px solid var(--pr-white);border-radius:0 0 8px 8px}.nbox-visualize .nbox-header h2{font-size:var(--pr-font-size-xl);font-weight:600;margin-bottom:var(--pr-spacing-xs);color:var(--pr-black)}.nbox-visualize .nbox-header .nbox-meta{color:var(--pr-black);font-size:var(--pr-font-size-sm)}.nbox-visualize .nbox-actions{background:var(--pr-white);padding:0 0 var(--pr-spacing-default) 0}.n-box .box.nbox-cell,.nbox-cell{min-height:180px!important;height:auto!important;max-height:none!important;position:relative;padding-bottom:var(--pr-spacing-lg)!important}.n-box .box.nbox-cell.pink-light,.nbox-cell.pink-light{background-color:var(--pr-pink-200)!important;border:1px solid var(--pr-pink)!important}.n-box .box.nbox-cell.mint-light,.nbox-cell.mint-light{background-color:var(--pr-mint-200)!important;border:1px solid var(--pr-mint)!important}.n-box .box.nbox-cell.yellow-light,.nbox-cell.yellow-light{background-color:var(--pr-yellow-200)!important;border:1px solid var(--pr-yellow)!important}.n-box .box.nbox-cell.primary-light,.nbox-cell.primary-light{background-color:var(--pr-primary-200)!important;border:1px solid var(--pr-primary)!important}.cell-actions{display:flex;gap:var(--pr-spacing-xxs);position:absolute;bottom:var(--pr-spacing-xs);left:var(--pr-spacing-default);right:var(--pr-spacing-default);opacity:.6;transition:opacity .2s}.cell-actions .btn{padding:var(--pr-spacing-xs);font-size:var(--pr-font-size-xs);line-height:1.2;min-height:auto;height:28px;border-radius:4px}.box:hover .cell-actions,.nbox-cell:hover .cell-actions{opacity:1}.col-20{flex:0 0 auto;width:20%}@media (max-width: 768px){.col-20{width:50%}}.mini-grid{display:flex;flex-direction:column;gap:4px;max-width:250px;margin:0 auto}.mini-grid .mini-row{display:flex;gap:4px}.mini-grid .mini-cell{flex:1;aspect-ratio:1;background:#e9ecef;border:1px solid #ced4da;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:var(--pr-font-size-xs);color:#6c757d;min-width:40px;min-height:40px}.mini-grid .mini-cell.current{color:#fff;font-weight:700;border:3px solid var(--pr-warning-200)!important;box-shadow:0 10px 10px var(--pr-warning-200)}.cell-preview-container{display:flex;justify-content:center;padding:20px;background:#f8f9fa;border-radius:8px}.cell-preview-container .cell-preview{width:280px;min-height:150px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.cell-preview-container .cell-preview .cell-preview-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;color:#fff}.cell-preview-container .cell-preview .cell-preview-body{padding:30px 16px;display:flex;align-items:center;justify-content:center;min-height:100px}
