.process-project-card{background:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 2px 12px #003d7a14;border:1px solid rgba(0,61,122,.1);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1.25rem;width:300px;min-width:300px;max-width:300px;box-sizing:border-box;position:relative;align-self:start}.process-project-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #003d7a26;border-color:#003d7a33}.process-project-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;position:relative;z-index:1}.process-project-name{margin:0;font-size:1.25rem;font-weight:600;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.process-project-delete-button{background:transparent;border:none;color:#999;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:10;pointer-events:auto;margin-left:auto;margin-right:-1rem}.process-project-delete-button:hover{background:#fee;color:#d32f2f}.process-project-stats{display:flex;flex-direction:column;gap:.75rem}.process-project-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:8px;border-left:3px solid transparent;transition:all .2s ease}.process-project-stat-item:hover{background:linear-gradient(135deg,#f0f4f8,#f8f9fa);transform:translate(2px)}.process-project-stat-item:nth-child(1){border-left-color:#ff9800}.process-project-stat-item:nth-child(2){border-left-color:#2196f3}.process-project-stat-item:nth-child(3){border-left-color:#4caf50}.process-stat-label{font-size:.8rem;color:#666;font-weight:500}.process-stat-value{font-size:1rem;font-weight:700}.process-stat-value.processing{color:#ff9800}.process-stat-value.pending{color:#2196f3}.process-stat-value.completed{color:#4caf50}.process-project-card.add-card{background:#f8f9fa;border:2px dashed #ccc;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:300px;min-width:300px;max-width:300px;min-height:260px}.process-project-card.add-card:hover{background:#f0f0f0;border-color:#003d7a;transform:translateY(-2px)}.process-project-card.add-card .add-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#666;transition:color .2s ease}.process-project-card.add-card:hover .add-card-content{color:#003d7a}.process-page{width:100%;height:100%;display:flex;flex-direction:column;padding:2rem;overflow:hidden;background:#f8f9fa}.process-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem}.process-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.process-title{margin:0;font-size:1.75rem;font-weight:700;color:#333;display:flex;align-items:center;gap:.5rem}.process-container{flex:1;overflow-y:auto;overflow-x:hidden;padding-top:1rem}.process-container.process-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,300px));gap:1.5rem;justify-content:start;align-content:start;align-items:start}.process-container.process-list{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%;box-sizing:border-box;align-items:flex-start}.project-delete-button{background:transparent;border:none;color:#999;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:10;pointer-events:auto;margin-left:auto;margin-right:-1rem}.project-delete-button:hover{background:#fee;color:#d32f2f}.stat-value.pending{color:#0055a5}.add-card{background:#f8f9fa;border:2px dashed #ccc;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;min-height:280px;width:320px;min-width:320px;max-width:320px}.add-card:hover{background:#f0f0f0;border-color:#003d7a;transform:translateY(-2px)}.add-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#666;width:100%}.add-card:hover .add-card-content{color:#003d7a}.add-card-text{font-size:1rem;font-weight:500}.project-list-item.add-card{justify-content:center;min-height:120px;border:2px dashed #ccc;background:#f8f9fa}.project-list-item.add-card:hover{background:#f0f0f0;border-color:#003d7a;transform:translate(0)}.project-list-stats .project-stat-item:nth-child(1){border-left-color:#ff9800}.project-list-stats .project-stat-item:nth-child(3){border-left-color:#4caf50}.project-list-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}@media (max-width: 768px){.process-page{padding:1rem}.process-grid{grid-template-columns:1fr}.project-list-item{flex-direction:column;align-items:flex-start;gap:1rem}.project-list-stats{width:100%;flex-direction:column;gap:.75rem}.project-list-actions{width:100%;justify-content:flex-end}}.project-detail-view{flex:1;display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden}.project-detail-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem 1rem;border-bottom:2px solid #e0e0e0;flex-shrink:0;margin-bottom:2rem}.project-detail-title{margin:0;font-size:2rem;font-weight:700;color:#003d7a}.project-detail-content{flex:1;display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden;margin-top:1rem;padding-top:.1rem}.project-detail-stats{display:flex;width:100%;gap:0;margin:0;flex-shrink:0;position:relative;z-index:1}.detail-stat-card{background:#fff;border-radius:0;padding:.75rem 1.25rem;box-shadow:0 2px 8px #003d7a0f;border:1px solid rgba(0,61,122,.08);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;flex:1;width:calc(100% / 3);margin:0;outline:none;z-index:1}.project-detail-stats .detail-stat-card:first-child{border-top-left-radius:8px;border-top-right-radius:0;border-bottom-left-radius:0}.project-detail-stats .detail-stat-card:last-child{border-top-right-radius:8px;border-top-left-radius:0;border-bottom-right-radius:0}.project-detail-stats .detail-stat-card:not(:last-child):not(.active){border-right:none}.detail-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,currentColor 50%,transparent 100%);opacity:0;transition:opacity .3s ease}.detail-stat-card.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.detail-stat-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 16px #003d7a1f;border:1px solid rgba(0,61,122,.15);border-top:1px solid rgba(0,61,122,.15);z-index:10;position:relative}.detail-stat-card.clickable:active{transform:translateY(0);box-shadow:0 2px 8px #00000014}.detail-stat-card.clickable.active{background:#f0f7ff;border:1px solid #003D7A;border-right:1px solid #003D7A;border-top:1px solid #003D7A;box-shadow:0 4px 16px #003d7a26;z-index:11;position:relative}.detail-stat-card:not(.clickable):hover{transform:translateY(-2px);box-shadow:0 4px 16px #003d7a1f;border-color:#003d7a26}.detail-stat-card:not(.clickable):hover:before{opacity:.3}.detail-stat-label{font-size:.875rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.detail-stat-value{font-size:1.5rem;font-weight:700;line-height:1.2;white-space:nowrap}.detail-stat-card:nth-child(1) .detail-stat-value{color:#ff9800}.detail-stat-card:nth-child(2) .detail-stat-value{color:#0055a5}.detail-stat-card:nth-child(3) .detail-stat-value{color:#4caf50}.project-detail-container{width:100%;background:#fff;border:1px solid rgba(0,61,122,.08);border-top:none;border-radius:0 0 8px 8px;padding:2rem;margin-top:0;min-height:300px;flex:1;overflow-y:auto;overflow-x:hidden;box-shadow:0 2px 8px #003d7a0f;position:relative;z-index:0}.model-cards-container{width:100%}.model-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.model-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1.25rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.model-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#003d7a}.model-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.model-card-name{margin:0;font-size:1rem;font-weight:600;color:#333;flex:1;word-break:break-word}.model-delete-button{background:none;border:none;color:#999;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.model-delete-button:hover{background:#ffebee;color:#d32f2f}.model-progress{display:flex;flex-direction:column;gap:.5rem}.model-progress-text{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#666}.progress-processed{font-weight:700;color:#ff9800}.progress-separator{color:#999}.progress-total{font-weight:600;color:#333}.progress-label{margin-left:.5rem;color:#666}.model-progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.model-progress-fill{height:100%;background:linear-gradient(90deg,#ff9800,#ffb74d);border-radius:4px;transition:width .3s ease}.empty-state{display:flex;align-items:center;justify-content:center;min-height:200px;color:#999;font-size:1rem}.pending-header{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.upload-model-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#003d7a;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.upload-model-button:hover{background:#0055a5;transform:translateY(-1px);box-shadow:0 4px 8px #003d7a33}.upload-model-button:active{transform:translateY(0)}.upload-model-button svg{width:16px;height:16px;flex-shrink:0}.pending-model-info{display:flex;flex-direction:column;gap:.5rem}.pending-objects-count{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.objects-label{color:#666;font-weight:500}.objects-value{color:#0055a5;font-weight:700;font-size:1rem}.completed-model-info{display:flex;flex-direction:column;gap:.5rem}.completed-objects-count{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.completed-value{color:#4caf50!important}.view-metabim-button{width:100%;padding:.625rem 1rem;background:#003d7a;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.view-metabim-button:hover{background:#0055a5;transform:translateY(-1px);box-shadow:0 4px 8px #003d7a33}.view-metabim-button:active{transform:translateY(0)}.add-project-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.add-project-modal-content{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 10px 40px #00000026;width:90%;max-width:500px;display:flex;flex-direction:column;animation:slideUp .3s ease;overflow:hidden}.add-project-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.add-project-modal-title{margin:0;font-size:1.25rem;font-weight:700;color:#003d7a}.add-project-modal-close{background:transparent;border:none;color:#666;font-size:2rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.add-project-modal-close:hover{background:#f5f5f5;color:#003d7a;transform:rotate(90deg)}.add-project-modal-body{padding:2rem;background:#fff}.add-project-label{display:flex;flex-direction:column;gap:.75rem;font-size:.95rem;font-weight:500;color:#333}.add-project-input{padding:.875rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;color:#333;transition:all .2s ease;outline:none}.add-project-input:focus{border-color:#003d7a;box-shadow:0 0 0 3px #003d7a1a}.add-project-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e0e0e0;background:#f8f9fa}.add-project-cancel-button{padding:.75rem 1.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.add-project-cancel-button:hover{background:#f5f5f5;border-color:#003d7a;color:#003d7a}.add-project-create-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#003d7a,#0055a5);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #003d7a33}.add-project-create-button:hover{background:linear-gradient(135deg,#0055a5,#06c);transform:translateY(-1px);box-shadow:0 4px 12px #003d7a4d}.signoff-project-card{background:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 2px 12px #003d7a14;border:1px solid rgba(0,61,122,.1);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1.25rem;width:300px;min-width:300px;max-width:300px;box-sizing:border-box;position:relative;align-self:start}.signoff-project-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #003d7a26;border-color:#003d7a33}.signoff-project-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;position:relative;z-index:1}.signoff-project-name{margin:0;font-size:1.25rem;font-weight:600;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.signoff-project-stats{display:flex;flex-direction:column;gap:.75rem}.signoff-project-stat-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:10px;border:1px solid rgba(0,61,122,.08);transition:all .3s ease;position:relative;overflow:hidden}.signoff-project-stat-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;transition:width .3s ease}.signoff-project-stat-item:nth-child(1):before{background:linear-gradient(180deg,#4caf50,#66bb6a)}.signoff-project-stat-item:nth-child(2):before{background:linear-gradient(180deg,#0055a5,#2196f3)}.signoff-project-stat-item:hover{background:linear-gradient(135deg,#fff,#f8f9fa);transform:translateY(-2px);box-shadow:0 4px 12px #003d7a1f;border-color:#003d7a26}.signoff-project-stat-item:hover:before{width:6px}.signoff-stat-label{font-size:.7rem;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.8px;padding:.4rem .85rem;border-radius:14px;display:inline-flex;align-items:center;gap:.5rem;position:relative;width:fit-content;box-shadow:0 2px 6px #00000026;transition:all .3s ease}.signoff-project-stat-item:nth-child(1) .signoff-stat-label{background:linear-gradient(135deg,#4caf50,#66bb6a);box-shadow:0 2px 8px #4caf5059}.signoff-project-stat-item:nth-child(2) .signoff-stat-label{background:linear-gradient(135deg,#0055a5,#2196f3);box-shadow:0 2px 8px #0055a559}.signoff-project-stat-item:hover .signoff-stat-label{transform:scale(1.05) translateY(-1px);box-shadow:0 4px 10px #0003}.signoff-stat-label:before{content:"";width:5px;height:5px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 6px #fffc;flex-shrink:0}.signoff-stat-value{font-size:1.5rem;font-weight:700;display:flex;align-items:baseline;gap:.25rem;line-height:1.2}.signoff-stat-value.completed{color:#2e7d32}.signoff-stat-value.pending{color:#0055a5}.signoff-page{width:100%;height:100%;display:flex;flex-direction:column;padding:2rem;overflow:hidden;background:#f8f9fa}.signoff-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem}.signoff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.signoff-title{margin:0;font-size:1.75rem;font-weight:700;color:#333;display:flex;align-items:center;gap:.5rem}.project-count{font-size:1rem;font-weight:500;color:#666}.view-toggle{display:flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:10px;border:1px solid rgba(0,61,122,.15);box-shadow:0 2px 8px #003d7a14}.signoff-container{flex:1;overflow-y:auto;overflow-x:hidden;padding-top:1rem}.signoff-container.signoff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,300px));gap:1.5rem;justify-content:start;align-content:start;align-items:start}.signoff-container.signoff-list{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%;box-sizing:border-box;align-items:flex-start}.project-card{background:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 2px 12px #003d7a14;border:1px solid rgba(0,61,122,.1);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1.25rem;width:300px;min-width:300px;max-width:300px;box-sizing:border-box;position:relative;align-self:start}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;position:relative;z-index:1}.project-name{margin:0;font-size:1.25rem;font-weight:600;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.project-stat-item:nth-child(1){border-left-color:#4caf50}.project-list-item{background:#fff;border-radius:10px;padding:1rem 1.5rem;box-shadow:0 2px 12px #003d7a14;border:1px solid rgba(0,61,122,.1);border-left:4px solid #003D7A;display:flex;align-items:center;gap:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 20px);max-width:calc(100% - 20px);box-sizing:border-box;overflow:visible;min-height:60px;flex-shrink:0}.project-list-stats{display:flex;gap:2rem;flex:1;min-width:0;flex-wrap:nowrap;align-items:center}.project-list-stats .project-stat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:6px;border-left:3px solid transparent;white-space:nowrap;flex-shrink:0}.project-list-stats .project-stat-item:nth-child(1){border-left-color:#4caf50}.project-list-stats .project-stat-item:nth-child(2){border-left-color:#0055a5}.project-list-stats .stat-label{font-size:.8rem;color:#666;font-weight:500;white-space:nowrap}.project-list-stats .stat-value{font-size:1rem;font-weight:700;white-space:nowrap}.signoff-project-detail-view{flex:1;display:flex;flex-direction:column;gap:0;min-height:0;overflow:visible;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f}.signoff-project-detail-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem 1rem;border-bottom:2px solid #e0e0e0;flex-shrink:0}.signoff-project-detail-title{margin:0;font-size:2rem;font-weight:700;color:#003d7a}.signoff-project-detail-content{flex:1;display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden;padding:0}.signoff-main-layout{display:flex;flex:1;min-height:0;overflow:hidden}.signoff-tree-panel{width:350px;min-width:350px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow:hidden}.signoff-tree-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.signoff-tree-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#003d7a}.signoff-tree-actions{display:flex;gap:.5rem}.signoff-batch-button{padding:.5rem 1rem;background:#003d7a;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.signoff-batch-button:hover:not(:disabled){background:#0055a5}.signoff-batch-button:disabled{background:#ccc;color:#999;cursor:not-allowed;opacity:.6}.signoff-clear-button{padding:.5rem 1rem;background:#f5f5f5;color:#666;border:1px solid #e0e0e0;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.signoff-clear-button:hover:not(:disabled){background:#e8e8e8}.signoff-clear-button:disabled{background:#f0f0f0;color:#bbb;border-color:#e8e8e8;cursor:not-allowed;opacity:.6}.signoff-tree-content{flex:1;overflow-y:auto;padding:1rem}.signoff-model-item{margin-bottom:.5rem}.signoff-model-label{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f8f9fa;border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.signoff-model-label:hover{background:#e9ecef}.signoff-expand-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;transition:transform .2s ease}.signoff-expand-icon.expanded{transform:rotate(90deg)}.signoff-model-name{font-weight:600;color:#333;font-size:.95rem}.signoff-model-children{margin-top:.5rem;margin-left:1.5rem}.signoff-category-item{margin-bottom:1rem}.signoff-category-label{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;margin-bottom:.5rem}.signoff-category-name{font-weight:600;color:#666;font-size:.875rem}.signoff-select-all-button{padding:.25rem .75rem;background:none;border:1px solid #003D7A;color:#003d7a;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.signoff-select-all-button:hover{background:#003d7a;color:#fff}.signoff-objects-list{display:flex;flex-direction:column;gap:.25rem}.signoff-object-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;transition:all .2s ease}.signoff-object-item:hover{background:#f5f5f5;border-color:#003d7a}.signoff-object-item.selected{background:#f0f7ff;border-color:#003d7a}.signoff-object-checkbox{width:16px;height:16px;cursor:pointer;flex-shrink:0}.signoff-object-name{font-size:.875rem;color:#333;flex:1}.signoff-detail-panel{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden}.signoff-detail-main{flex:1;display:flex;min-height:0;overflow:hidden}.signoff-3d-view{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;border-right:1px solid #e0e0e0;min-width:0}.signoff-right-section{width:350px;min-width:350px;display:flex;flex-direction:column;overflow:hidden;height:100%;min-height:0}.signoff-3d-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;opacity:.5;gap:1rem}.signoff-3d-placeholder svg{width:120px;height:120px;color:#ccc}.signoff-3d-placeholder p{font-size:1.2rem;margin:0;color:#666}.signoff-attributes-section{display:flex;flex-direction:column;border-bottom:1px solid #e0e0e0;height:300px;max-height:300px;min-height:300px;overflow:hidden;flex-shrink:0}.signoff-attributes-section .signoff-attributes-title{padding:.75rem 1rem;margin:0;flex-shrink:0;border-bottom:1px solid #e0e0e0;font-size:1rem;height:auto;box-sizing:border-box}.signoff-attributes-section .signoff-attributes-list{flex:1 1 0;overflow-y:auto;overflow-x:hidden;padding:.75rem 1rem;min-height:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#c0c0c0 #f0f0f0}.signoff-attributes-section .signoff-attributes-list::-webkit-scrollbar{width:8px}.signoff-attributes-section .signoff-attributes-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.signoff-attributes-section .signoff-attributes-list::-webkit-scrollbar-thumb{background:silver;border-radius:4px}.signoff-attributes-section .signoff-attributes-list::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.signoff-attributes-title{margin:0;font-size:.95rem;font-weight:600;color:#003d7a}.signoff-attributes-list{display:flex;flex-direction:column;gap:.75rem;width:100%;min-height:0}.signoff-attribute-category{border:1px solid #e0e0e0;border-radius:4px;overflow:visible;background:#fff;margin-bottom:.75rem}.signoff-attribute-category:last-child{margin-bottom:0}.signoff-attribute-category-header{padding:.75rem;background:#f8f9fa;border-bottom:1px solid #e0e0e0;cursor:default}.signoff-attribute-category-name{font-weight:600;color:#333;font-size:.9rem}.signoff-attribute-properties{padding:.75rem;display:flex;flex-direction:column;gap:.5rem;background:#fff;min-height:auto}.signoff-attribute-property{display:flex;justify-content:space-between;align-items:flex-start;padding:.5rem 0;border-bottom:1px solid #f0f0f0;gap:.75rem;min-height:auto}.signoff-attribute-property:last-child{border-bottom:none}.signoff-attribute-name{font-weight:500;color:#666;font-size:.875rem;flex-shrink:0;min-width:120px;max-width:150px}.signoff-attribute-value{color:#333;font-size:.875rem;text-align:left;word-break:break-word;flex:1;min-width:0}.signoff-no-attributes{color:#999;font-size:.875rem;text-align:center;padding:2rem}.signoff-info-section{flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;min-height:0}.signoff-action-section{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.75rem}.signoff-button{width:100%;padding:.625rem 1rem;background:#003d7a;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.signoff-button:hover{background:#0055a5;transform:translateY(-1px);box-shadow:0 4px 8px #003d7a33}.signoff-info-title{margin:0;padding:.75rem 1rem;font-size:1rem;font-weight:600;color:#003d7a;border-bottom:1px solid #e0e0e0;flex-shrink:0}.signoff-info-content{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;overflow-y:auto;min-height:0}.signoff-info-item{display:flex;justify-content:space-between;padding:.5rem .75rem;background:#f8f9fa;border-radius:4px}.signoff-info-label{font-weight:600;color:#666;font-size:.8rem}.signoff-info-value{color:#333;font-size:.8rem}.signoff-empty-state{display:flex;align-items:center;justify-content:center;flex:1;color:#999;font-size:1rem}.signoff-empty-models{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#666}.signoff-empty-models p{margin:.5rem 0;font-size:1rem}.signoff-empty-hint{font-size:.875rem;color:#999;font-style:italic}.signoff-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.signoff-modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 30px #0003;width:90%;max-width:450px;display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden;border:1px solid #e0e0e0}.signoff-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#f8f9fa,#fff)}.signoff-modal-title{margin:0;font-size:1.4rem;font-weight:700;color:#003d7a}.signoff-modal-close{background:none;border:none;font-size:1.8rem;color:#666;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s ease}.signoff-modal-close:hover{background:#f0f0f0;color:#333;transform:rotate(90deg)}.signoff-modal-body{padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.signoff-form-label{font-size:.95rem;color:#333;font-weight:600;margin-bottom:.5rem;display:flex;flex-direction:column;gap:.5rem}.signoff-form-input{width:100%;padding:.8rem 1rem;border:1px solid #ccc;border-radius:8px;font-size:1rem;transition:all .2s ease;box-sizing:border-box}.signoff-form-input:focus{outline:none;border-color:#003d7a;box-shadow:0 0 0 3px #003d7a33}.signoff-modal-footer{display:flex;justify-content:flex-end;padding:1.25rem 1.75rem;border-top:1px solid #e0e0e0;background:#f8f9fa;gap:.75rem}.signoff-modal-cancel,.signoff-modal-confirm{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.signoff-modal-cancel{background:#e0e0e0;color:#333;border:1px solid #ccc}.signoff-modal-cancel:hover{background:#d0d0d0;border-color:#b0b0b0}.signoff-modal-confirm{background:#003d7a;color:#fff;border:1px solid #003D7A}.signoff-modal-confirm:hover{background:#0055a5;border-color:#0055a5}@media (max-width: 768px){.signoff-page{padding:1rem}.signoff-grid{grid-template-columns:1fr}.project-list-item{flex-direction:column;align-items:flex-start;gap:1rem}.project-list-stats{width:100%;flex-direction:column;gap:.75rem}}.archived-page{width:100%;height:100%;display:flex;flex-direction:column;padding:2rem;overflow:hidden;background:#f8f9fa}.archived-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem}.breadcrumb-item{background:none;border:none;color:#666;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;font-size:.9rem}.breadcrumb-item:hover{background:#f5f5f5;color:#003d7a}.breadcrumb-item:not(button):hover{background:none;color:#666;cursor:default}.breadcrumb-item.active{color:#003d7a;font-weight:600;cursor:default}.breadcrumb-item.active:hover{background:none}.breadcrumb-separator{color:#999;font-size:.9rem}.archived-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0;flex-wrap:wrap;gap:1rem}.archived-title{margin:0;font-size:1.75rem;font-weight:700;color:#333}.archived-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.selected-count{font-size:.9rem;color:#666;padding:.5rem 1rem;background:#f5f5f5;border-radius:6px}.unarchive-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#003d7a,#0055a5);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #003d7a33}.unarchive-button:hover:not(:disabled){background:linear-gradient(135deg,#0055a5,#06c);transform:translateY(-2px);box-shadow:0 6px 16px #003d7a66}.unarchive-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.view-toggle{display:flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:10px;border:1px solid rgba(0,61,122,.15);box-shadow:0 2px 8px #003d7a14;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.view-button svg{width:16px;height:16px;transition:all .3s ease}.view-button.active{background:linear-gradient(135deg,#003d7a,#0055a5);color:#fff;box-shadow:0 2px 8px #003d7a4d}.archived-container{flex:1;overflow-y:auto;overflow-x:hidden;padding-top:1rem}.archived-container.archived-grid{display:grid;grid-template-columns:repeat(auto-fill,300px);gap:1.5rem;justify-content:start;align-content:start}.archived-container.archived-list{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%;box-sizing:border-box;align-items:flex-start}.archived-select-all-grid,.archived-select-all-list{margin-bottom:1rem}.select-all-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#666;-webkit-user-select:none;user-select:none}.select-all-checkbox input[type=checkbox]{width:1.2rem;height:1.2rem;cursor:pointer;accent-color:#003D7A}.project-card{background:#fff;border-radius:12px;padding:1.75rem;box-shadow:0 2px 12px #003d7a14;border:1px solid rgba(0,61,122,.1);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1.25rem;position:relative;width:300px;min-width:300px;max-width:300px;box-sizing:border-box}.project-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #003d7a26;border-color:#003d7a33}.project-card-checkbox{position:absolute;top:1rem;right:1rem}.project-card-checkbox input[type=checkbox]{width:1.2rem;height:1.2rem;cursor:pointer;accent-color:#003D7A}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-right:2rem}.project-name{margin:0;font-size:1.25rem;font-weight:600;color:#333;flex:1}.project-stats{display:flex;flex-direction:column;gap:.75rem}.project-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:8px;border-left:3px solid transparent;transition:all .2s ease}.project-stat-item:hover{background:linear-gradient(135deg,#f0f4f8,#f8f9fa);transform:translate(2px)}.project-stat-item:nth-child(1){border-left-color:#ff9800}.project-stat-item:nth-child(2){border-left-color:#0055a5}.project-stat-item:nth-child(3){border-left-color:#4caf50}.stat-label{font-size:.8rem;color:#666;font-weight:500}.stat-value{font-size:1rem;font-weight:700}.stat-value.processing{color:#ff9800}.stat-value.pending{color:#2196f3}.stat-value.completed{color:#4caf50}.project-list-item{background:#fff;border-radius:10px;padding:.75rem 1.5rem;box-shadow:0 2px 12px #003d7a14;border:1px solid rgba(0,61,122,.1);border-left:4px solid #003D7A;display:flex;align-items:center;gap:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 20px);max-width:calc(100% - 20px);box-sizing:border-box;overflow:hidden;height:60px;flex-shrink:0}.project-list-item:hover{transform:translate(6px);box-shadow:0 6px 20px #003d7a26;border-left-color:#0055a5;background:linear-gradient(90deg,#fff,#f8f9fa)}.project-list-checkbox{flex-shrink:0}.project-list-checkbox input[type=checkbox]{width:1.2rem;height:1.2rem;cursor:pointer;accent-color:#003D7A}.project-list-name{flex:1;min-width:0;overflow:hidden}.project-list-name .project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}.project-list-stats{display:flex;gap:2rem;flex:1;min-width:0;flex-wrap:wrap}.archived-empty{display:flex;align-items:center;justify-content:center;padding:4rem 2rem;color:#999;font-size:1.1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 8px 32px #0003}.modal-title{margin:0 0 1rem;font-size:1.5rem;font-weight:700;color:#333}.modal-message{margin:0 0 2rem;font-size:1rem;color:#666;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.modal-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-button.cancel{background:#f5f5f5;color:#666}.modal-button.cancel:hover{background:#e8e8e8}.modal-button.confirm{background:#003d7a;color:#fff}.modal-button.confirm:hover{background:#0055a5;transform:translateY(-1px);box-shadow:0 4px 12px #003d7a4d}@media (max-width: 768px){.archived-page{padding:1rem}.archived-container.archived-grid{grid-template-columns:1fr}.project-list-item{flex-direction:column;align-items:flex-start;gap:1rem}.project-list-stats{width:100%;flex-direction:column;gap:.75rem}}.dashboard{display:flex;flex-direction:column;height:100vh;width:100%;background-color:#f5f5f5;position:relative;z-index:1}.dashboard:before{display:none}.dashboard-header{background:#fff;padding:.75rem 1.5rem;box-shadow:0 2px 8px #0000001a;z-index:100;display:flex;align-items:center;gap:1rem;border-bottom:1px solid #e0e0e0}.dashboard-logo{height:50px;width:auto;flex-shrink:0}.dashboard-title{margin:0;color:#003d7a;font-size:1.5rem;font-weight:700;letter-spacing:1px}.dashboard-content{display:flex;flex:1;overflow:hidden}.dashboard-sidebar{width:250px;background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000000d;min-height:0}.dashboard-nav{display:flex;flex-direction:column;padding:1rem 0;border-bottom:1px solid #e0e0e0}.nav-item{padding:1rem 1.5rem;background:none;border:none;text-align:left;font-size:1rem;color:#666;cursor:pointer;transition:all .3s ease;position:relative;width:100%;display:flex;align-items:center;justify-content:space-between}.nav-item:hover{background-color:#f5f5f5;color:#003d7a}.nav-item.active{background-color:#003d7a;color:#fff;font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#0055a5}.nav-item-parent{font-weight:500}.nav-item-parent.active-parent{background-color:#003d7a;color:#fff}.nav-item-parent.active-parent:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#0055a5}.nav-arrow{transition:transform .3s ease;flex-shrink:0}.nav-item-parent.expanded .nav-arrow{transform:rotate(180deg)}.nav-group{display:flex;flex-direction:column}.nav-submenu{display:flex;flex-direction:column;background-color:#f8f9fa;border-left:3px solid #e0e0e0;margin-left:1.5rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.nav-subitem{padding:.75rem 1.5rem .75rem 2.5rem;background:none;border:none;text-align:left;font-size:.9rem;color:#666;cursor:pointer;transition:all .3s ease;position:relative;width:100%}.nav-subitem:hover{background-color:#f0f0f0;color:#003d7a}.nav-subitem.active{background-color:#003d7a;color:#fff;font-weight:600}.nav-subitem.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#0055a5}.dashboard-sidebar-bottom{flex:1;padding:1rem;display:flex;flex-direction:column;justify-content:flex-end;border-top:1px solid #e0e0e0;margin-top:auto}.user-section{display:flex;flex-direction:column;gap:1rem}.user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;background:#f8f9fa}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e0e0e0}.user-details{flex:1;min-width:0}.user-name{font-size:.95rem;font-weight:600;color:#333;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:.8rem;color:#666}.logout-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#666;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%}.logout-button:hover{background:#e8e8e8;border-color:#003d7a;color:#003d7a}.logout-button svg{flex-shrink:0}.dashboard-main{flex:1;padding:2rem;overflow-y:auto;background-color:#f5f5f5}.dashboard-home{display:flex;flex-direction:column;gap:2rem;max-width:1400px}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.welcome-section{width:100%}.welcome-card{background:linear-gradient(135deg,#003d7a,#0055a5);border-radius:12px;padding:2rem;box-shadow:0 4px 16px #003d7a33;color:#fff}.welcome-title{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#fff}.welcome-date{margin:0;font-size:1.1rem;color:#ffffffe6;font-weight:400}.stat-card{background:#fff;border-radius:6px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.stat-card-success{border-left:4px solid #4caf50}.stat-card-warning{border-left:4px solid #ff9800}.stat-card-error{border-left:4px solid #f44336}.stat-card-overview{border-left:4px solid #003D7A}.stat-card-signoff{border-left:4px solid #9c27b0}.stat-value-success{color:#4caf50!important}.stat-value-warning{color:#ff9800!important}.stat-card-chart{grid-column:span 1}@media (min-width: 768px){.stat-card-chart{grid-column:span 2}}.stat-card-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.stat-card-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#333}.stat-card-content{display:flex;flex-direction:column;gap:1rem}.stat-item{display:flex;justify-content:space-between;align-items:center}.stat-label{font-size:.95rem;color:#666;font-weight:500}.stat-value{font-size:1.5rem;font-weight:700;color:#003d7a}.check-now-button{margin-top:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#003d7a,#0055a5);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.check-now-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #003d7a66}.check-now-button:active{transform:translateY(0)}.chart-container{width:100%;padding:.5rem 0}.chart-bar-container{display:flex;flex-direction:column;gap:1rem}.chart-bar-wrapper{display:flex;flex-direction:column;gap:.5rem}.chart-bar-wrapper:last-child{margin-bottom:0}.chart-bar-label{font-size:.875rem;font-weight:600;color:#666;min-width:100px}.chart-bar{width:100%;height:32px;background:#f0f0f0;border-radius:16px;overflow:hidden;position:relative;display:flex;align-items:center}.chart-bar-fill{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:.75rem;transition:width .5s ease;border-radius:16px;min-width:60px;position:relative}.chart-bar-processing{background:linear-gradient(90deg,#2196f3,#42a5f5)}.chart-bar-pending{background:linear-gradient(90deg,#ff9800,#ffb74d)}.chart-bar-completed{background:linear-gradient(90deg,#4caf50,#66bb6a)}.chart-bar-value{color:#fff;font-size:.875rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.chart-bar-value-empty{color:#999;position:absolute;left:.75rem;text-shadow:none}.dashboard-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:1.2rem}@media (max-width: 768px){.dashboard-sidebar{width:200px}.dashboard-cards{grid-template-columns:1fr}.stat-card-chart{grid-column:span 1!important}.welcome-title{font-size:1.5rem}.welcome-date{font-size:1rem}.welcome-card{padding:1.5rem}.dashboard-title{font-size:1.25rem}.dashboard-logo{height:35px}.nav-item{padding:.75rem 1rem;font-size:.9rem}.user-avatar{width:35px;height:35px}.user-name{font-size:.85rem}.logout-button{padding:.625rem .875rem;font-size:.85rem}.logout-button span{display:none}}.search-box{position:relative;width:100%;display:flex;align-items:center}.search-icon-left{position:absolute;left:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#666;z-index:1;display:flex;align-items:center;justify-content:center}.search-input{width:100%;padding:.875rem 200px .875rem 3rem;font-size:1rem;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#333;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.search-input::placeholder{color:#999;opacity:.7}.search-input:focus{outline:none;border-color:#003d7a;box-shadow:0 0 0 3px #003d7a1a,0 2px 8px #00000014}.search-actions{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.5rem;z-index:1}.clear-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:#666;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.clear-button:hover{background:#f5f5f5;color:#333}.clear-button svg{flex-shrink:0}.advanced-search-button{padding:.5rem 1rem;background:#003d7a;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.advanced-search-button:hover{background:#0055a5;transform:translateY(-1px);box-shadow:0 2px 4px #003d7a33}.advanced-search-button:active{transform:translateY(0)}.production-list{height:100%;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0;box-shadow:0 2px 8px #00000014;min-height:0}.production-list-header{padding:1rem 1.25rem;background:#f8f9fa;border-bottom:1px solid #e0e0e0;font-weight:600;color:#333;font-size:.95rem;text-transform:uppercase;letter-spacing:1px}.tree-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:.75rem 0;background:#fff;min-height:0;scrollbar-width:thin;scrollbar-color:#c0c0c0 #f0f0f0}.tree-container::-webkit-scrollbar{width:8px}.tree-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.tree-container::-webkit-scrollbar-thumb{background:silver;border-radius:4px}.tree-container::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.tree-node{-webkit-user-select:none;user-select:none}.tree-node-content{display:flex;align-items:center;padding:.625rem 1.25rem;cursor:pointer;transition:all .2s ease;gap:.5rem;position:relative}.tree-node-content:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#003d7a;opacity:0;transition:opacity .2s ease}.tree-node-content:hover{background:#f5f5f5}.tree-node-content:hover:before{opacity:1}.tree-toggle{width:1rem;font-size:.7rem;color:#003d7a;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease}.tree-node-content:hover .tree-toggle{transform:scale(1.1)}.tree-spacer{width:1rem}.tree-label{flex:1;color:#333;font-size:.9rem;transition:color .2s ease}.tree-count{color:#666;font-size:.85rem;font-weight:400;margin-left:.25rem}.tree-node-selected{background:#003d7a!important;color:#fff!important}.tree-node-selected:before{opacity:1!important;background:#0055a5!important}.tree-node-selected .tree-label{color:#fff!important;font-weight:600}.tree-node-selected .tree-count{color:#fffc!important}.tree-node-content:hover .tree-label{color:#003d7a}.tree-children{border-left:2px solid #e0e0e0;margin-left:.75rem}.filter{height:100%;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0;box-shadow:0 2px 8px #00000014;min-height:0}.filter-header{padding:1rem 1.25rem;background:#f8f9fa;border-bottom:1px solid #e0e0e0;font-weight:600;color:#333;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.filter-clear-all{padding:.375rem .75rem;background:transparent;border:1px solid #003D7A;border-radius:6px;color:#003d7a;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:none;letter-spacing:0;white-space:nowrap;flex-shrink:0}.filter-clear-all:hover{background:#003d7a;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #003d7a33}.filter-clear-all:active{transform:translateY(0)}.filter-options{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;background:#fff;min-height:0;scrollbar-width:thin;scrollbar-color:#c0c0c0 #f0f0f0}.filter-options::-webkit-scrollbar{width:8px}.filter-options::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.filter-options::-webkit-scrollbar-thumb{background:silver;border-radius:4px}.filter-options::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.filter-group{border-bottom:1px solid #f0f0f0}.filter-group:last-child{border-bottom:none}.filter-group-header{display:flex;align-items:center;padding:.875rem 1.25rem;cursor:pointer;transition:all .2s ease;background:#fafafa;border-bottom:1px solid #f0f0f0;-webkit-user-select:none;user-select:none}.filter-group-header:hover{background:#f5f5f5}.filter-group-toggle{width:1rem;font-size:.7rem;color:#003d7a;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease;margin-right:.75rem;flex-shrink:0}.filter-group-label{color:#333;font-size:.95rem;font-weight:600;transition:color .2s ease}.filter-group-header:hover .filter-group-label{color:#003d7a}.filter-group-content{padding:.5rem 0;background:#fff;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.filter-option{display:flex;align-items:center;padding:.625rem 1.25rem;cursor:pointer;transition:all .2s ease;gap:.75rem;position:relative}.filter-option:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#003d7a;opacity:0;transition:opacity .2s ease}.filter-option:hover{background:#f5f5f5}.filter-option:hover:before{opacity:1}.filter-option input[type=checkbox]{width:1.2rem;height:1.2rem;cursor:pointer;accent-color:#003D7A}.filter-label{color:#333;font-size:.9rem;-webkit-user-select:none;user-select:none;transition:color .2s ease}.filter-option:hover .filter-label{color:#003d7a}.filter-option-select{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem 1.25rem}.filter-select{width:100%;padding:.625rem 2.5rem .625rem .875rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-size:.9rem;cursor:pointer;transition:all .2s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23003D7A' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}.filter-select:hover{border-color:#003d7a;box-shadow:0 2px 4px #003d7a1a}.filter-select:focus{border-color:#003d7a;box-shadow:0 0 0 3px #003d7a1a}.filter-select option{background:#fff;color:#333;padding:.5rem}.filter-option-range{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem}.filter-range-container{width:100%;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.filter-range{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:relative;--range-progress: 0%;margin-bottom:.5rem}.filter-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#003d7a;cursor:pointer;box-shadow:0 2px 4px #003d7a4d;transition:all .2s ease;border:2px solid white;margin-top:-6px}.filter-range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px #003d7a66}.filter-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#003d7a;cursor:pointer;box-shadow:0 2px 4px #003d7a4d;transition:all .2s ease;border:2px solid white;border-width:2px}.filter-range::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px #003d7a66}.filter-range::-webkit-slider-runnable-track{height:6px;background:linear-gradient(to right,#003D7A 0%,#003D7A var(--range-progress, 50%),#e0e0e0 var(--range-progress, 50%),#e0e0e0 100%);border-radius:3px}.filter-range::-moz-range-track{height:6px;background:#e0e0e0;border-radius:3px}.filter-range::-moz-range-progress{height:6px;background:#003d7a;border-radius:3px}.filter-range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#666;padding:.5rem .25rem 0;margin-top:.25rem;position:relative;z-index:1}.filter-dual-range-container{position:relative;height:30px;padding:12px 0 0;margin-bottom:1rem}.filter-dual-range-track{position:absolute;top:50%;left:0;right:0;height:6px;background:#e0e0e0;border-radius:3px;transform:translateY(-50%);pointer-events:none}.filter-dual-range-progress{position:absolute;top:0;height:100%;background:#003d7a;border-radius:3px;pointer-events:none;box-shadow:0 2px 4px #003d7a33}.filter-range-min,.filter-range-max{position:absolute;top:50%;left:0;right:0;width:100%;height:0;background:transparent;transform:translateY(-50%);pointer-events:none;z-index:2}.filter-range-min{z-index:3}.filter-range-max{z-index:2}.filter-range-min::-webkit-slider-thumb,.filter-range-max::-webkit-slider-thumb{pointer-events:all;position:relative;z-index:4}.filter-range-min::-moz-range-thumb,.filter-range-max::-moz-range-thumb{pointer-events:all;position:relative;z-index:4}.filter-range-min::-webkit-slider-runnable-track,.filter-range-max::-webkit-slider-runnable-track{background:transparent}.filter-range-min::-moz-range-track,.filter-range-max::-moz-range-track{background:transparent;border:none}.filter-option-date-range{display:flex;flex-direction:column;gap:.5rem}.filter-date-range-container{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-date-input{flex:1;min-width:120px;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.875rem;font-family:inherit;color:#333;background:#fff}.filter-date-input:focus{outline:none;border-color:#003d7a;box-shadow:0 0 0 2px #003d7a1a}.filter-date-separator{font-size:.875rem;color:#666;flex-shrink:0}.item-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;width:100%;max-width:100%;min-width:0;box-sizing:border-box;height:auto;margin:0;box-shadow:0 2px 8px #00000014}.item-card-list{overflow:hidden}.item-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f;border-color:#003d7a}.item-card-grid{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;max-width:100%}.item-card-list{display:flex;flex-direction:row;align-items:flex-start;gap:1.25rem;width:100%;min-height:90px}.item-card-content{display:flex;flex-direction:column;flex:1;gap:.75rem;min-width:0;justify-content:flex-start;padding-top:.25rem;width:100%;overflow:hidden;box-sizing:border-box}.item-card-image{width:100%;height:160px;overflow:hidden;border-radius:8px;margin-bottom:.75rem;background:#f5f5f5;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.item-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.item-card:hover .item-card-image img{transform:scale(1.05)}.item-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;opacity:.5}.item-card-placeholder svg{width:64px;height:64px}.item-card-image-list{width:80px;height:60px;flex-shrink:0;margin-bottom:0;border-radius:8px;overflow:hidden}.item-card-list .item-title{text-align:left;margin:0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset}.item-card-list .item-card-labels{display:flex!important;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:0!important;width:100%;justify-content:flex-start}.item-title{font-size:.9rem;font-weight:600;color:#333;margin:0;transition:color .2s ease;position:relative;z-index:1;width:100%;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.item-card:hover .item-title{color:#003d7a}.item-card-labels{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;width:100%;max-width:100%;justify-content:flex-start;overflow:hidden;box-sizing:border-box}.item-label{display:inline-block;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:capitalize;white-space:nowrap;transition:all .2s ease;max-width:100%;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;flex-shrink:1}.item-label-version{background:#003d7a1a;color:#003d7a;border:1px solid rgba(0,61,122,.2)}.item-label-status{background:#0055a51a;color:#0055a5;border:1px solid rgba(0,85,165,.2)}.item-label-phase{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.item-label-type{background:#fb923c1a;color:#fb923c;border:1px solid rgba(251,146,60,.2)}.item-label-asset{background:#ffc1071a;color:#f57c00;border:1px solid rgba(255,193,7,.2)}.item-card:hover .item-label{box-shadow:0 2px 4px #003d7a26}.item-card-list .item-label{display:inline-block!important;visibility:visible!important;opacity:1!important}.item-list-container{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0;box-shadow:0 2px 8px #00000014;min-height:0}.item-list-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.item-list-title{font-size:1.35rem;font-weight:700;color:#333;margin:0;text-transform:uppercase;letter-spacing:1.5px}.view-toggle{display:flex;gap:.5rem;background:#fff;padding:.375rem;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d}.view-button{padding:.625rem .875rem;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;transition:all .3s ease;color:#666;position:relative;display:flex;align-items:center;justify-content:center}.view-button svg{width:16px;height:16px;transition:all .3s ease;fill:#666}.view-button:hover{color:#003d7a;background:#f5f5f5}.view-button:hover svg{fill:#003d7a}.view-button.active{background:#003d7a;color:#fff}.view-button.active svg{fill:#fff}.item-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.75rem;background:#fff;box-sizing:border-box;min-height:0;scrollbar-width:thin;scrollbar-color:#c0c0c0 #f0f0f0}.item-list::-webkit-scrollbar{width:8px}.item-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.item-list::-webkit-scrollbar-thumb{background:silver;border-radius:4px}.item-list::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.item-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;row-gap:1.5rem;column-gap:1.5rem;justify-content:start;align-items:start;width:100%;max-width:100%;box-sizing:border-box;grid-auto-rows:min-content}@media (max-width: 1600px){.item-list-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 1200px){.item-list-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.item-list-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.item-list-list{display:flex;flex-direction:column;gap:1.25rem}.item-list-count{font-size:.85rem;color:#666;margin-top:.25rem;font-weight:400}.item-list-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#666}.loading-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#003d7a;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.item-list-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem;color:#666;font-size:1.1rem}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 1.75rem;background:#f8f9fa;border-top:1px solid #e0e0e0}.pagination-button{padding:.625rem 1rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:1.25rem;transition:all .2s ease;min-width:40px;display:flex;align-items:center;justify-content:center}.pagination-button:hover:not(:disabled){background:#f5f5f5;border-color:#003d7a;color:#003d7a;box-shadow:0 2px 4px #003d7a1a}.pagination-button:disabled{opacity:.3;cursor:not-allowed;color:#999}.pagination-numbers{display:flex;gap:.375rem;align-items:center}.pagination-number{padding:.625rem .875rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:.9rem;min-width:40px;transition:all .2s ease;font-weight:500}.pagination-number:hover{background:#f5f5f5;border-color:#003d7a;color:#003d7a;box-shadow:0 2px 4px #003d7a1a}.pagination-number.active{background:#003d7a;border-color:#003d7a;color:#fff;font-weight:600}.pagination-ellipsis{padding:.625rem .5rem;color:#666;font-size:.9rem}.app{min-height:100vh;width:100%;background:transparent;position:relative;z-index:1}.app-container{display:flex;height:calc(100vh - 70px);gap:1.5rem;padding:1.5rem}.left-panel{flex:0 0 33.333%;display:flex;flex-direction:column;gap:1.5rem;min-width:0}.left-top{flex:0 0 auto}.left-bottom{flex:1;display:flex;gap:1.5rem;min-height:0}.left-bottom-left,.left-bottom-right{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.right-panel{flex:0 0 66.666%;min-width:0}@media (max-width: 1024px){.app-container{flex-direction:column}.left-panel{flex:0 0 auto;max-height:50vh}.right-panel{flex:1}}.object-page-wrapper{display:flex;flex-direction:column;height:100vh;width:100%;background-color:#f5f5f5;position:relative;overflow:hidden}.object-page-wrapper>.object-header{background:#fff;padding:.75rem 1.5rem;box-shadow:0 2px 8px #0000001a;z-index:100;display:flex;align-items:center;gap:1.5rem;border-bottom:1px solid #e0e0e0;flex-shrink:0}.object-logo{height:50px;width:auto;flex-shrink:0}.object-title{margin:0;color:#003d7a;font-size:1.5rem;font-weight:700;letter-spacing:1px;flex:1}.object-page-wrapper>.app-container{display:flex;flex:1;overflow:hidden;min-height:0;background-color:#f5f5f5;padding:1.5rem;gap:1.5rem}.object-page-wrapper .left-panel{flex:0 0 33.333%;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem;border:1px solid #e0e0e0;overflow:hidden;display:flex;flex-direction:column}.object-page-wrapper .right-panel{flex:0 0 66.666%;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:0;border:1px solid #e0e0e0;overflow:hidden;display:flex;flex-direction:column;min-height:400px;height:100%}@media (max-width: 768px){.object-header{padding:1rem 1.5rem}.object-title{font-size:1.25rem}.object-logo{height:35px}.header-actions{gap:.5rem}.back-button{padding:.625rem .875rem;font-size:.85rem}.back-button span{display:none}.header-logout-button{padding:.625rem .875rem;font-size:.85rem}.header-logout-button span{display:none}}.edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.edit-modal-content{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 10px 40px #00000026;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease;overflow:hidden}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.edit-modal-title{margin:0;font-size:1.25rem;font-weight:700;color:#333}.edit-modal-close{background:transparent;border:none;color:#666;font-size:2rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.edit-modal-close:hover{background:#f5f5f5;color:#003d7a;transform:rotate(90deg)}.edit-modal-body{padding:2rem;overflow-y:auto;flex:1;background:#fff}.attribute-tree{height:100%;display:flex;flex-direction:column;background:#fff}.attribute-tree-header{padding:1.25rem 1.75rem;background:#f8f9fa;border-bottom:1px solid #e0e0e0;font-weight:600;color:#333;font-size:.95rem;text-transform:uppercase;letter-spacing:1px}.attribute-tree-content{flex:1;overflow-y:auto;padding:.75rem 0;background:#fff}.attribute-category{margin-bottom:.5rem}.attribute-category-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;cursor:pointer;transition:all .2s ease;position:relative}.attribute-category-header:hover{background:#f5f5f5}.category-toggle{width:1rem;font-size:.7rem;color:#003d7a;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;padding:0}.category-toggle:hover{transform:scale(1.1);color:#0055a5}.category-name{flex:1;color:#333;font-size:1rem;font-weight:600;transition:color .2s ease}.attribute-category-header:hover .category-name{color:#003d7a}.category-name-input{flex:1;background:#fff;border:1px solid #003D7A;border-radius:6px;padding:.5rem .75rem;color:#333;font-size:1rem;font-weight:600;outline:none;box-shadow:0 0 0 3px #003d7a1a}.edit-button{background:transparent;border:none;cursor:pointer;font-size:1rem;padding:.25rem .5rem;color:#666;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:4px}.edit-button:hover{background:#f5f5f5;color:#003d7a;transform:scale(1.05)}.attribute-properties{padding-left:2rem;border-left:2px solid #e0e0e0;margin-left:.75rem}.attribute-properties-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:#f8f9fa;border-bottom:1px solid #e0e0e0;margin-bottom:.5rem;font-weight:600;font-size:.85rem;color:#333;text-transform:uppercase;letter-spacing:.5px}.attribute-header-name{flex:1;min-width:0}.attribute-header-value{flex:1;min-width:0;text-align:right}.attribute-property{padding:.75rem 1.25rem;margin-bottom:.5rem;background:#fafafa;border-radius:6px;border:1px solid #e0e0e0;transition:all .2s ease}.attribute-property:hover{background:#f5f5f5;border-color:#003d7a;box-shadow:0 2px 4px #003d7a1a}.attribute-property-row{display:flex;align-items:center;gap:1rem}.attribute-name{color:#333;font-size:.9rem;font-weight:500;flex:1;min-width:0}.attribute-name.group-header{font-weight:600;color:#003d7a;padding-left:.5rem;margin-top:.5rem;margin-bottom:.25rem}.attribute-property.group-header{background:transparent;border:none;padding:.5rem 1.25rem;margin-bottom:0}.attribute-property.group-header:hover{background:transparent;border:none;box-shadow:none}.attribute-property.sub-property{padding-left:2rem}.attribute-value{color:#666;font-size:.85rem;flex:1;min-width:0;text-align:right;padding:.25rem 0}.model-detail{height:100vh;display:flex;flex-direction:column;background:#f5f5f5;overflow:hidden;position:relative;z-index:1}.model-detail:before{display:none}.model-detail-header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:#fff;box-shadow:0 2px 8px #0000001a;z-index:100;border-bottom:1px solid #e0e0e0}.model-detail-logo{height:50px;width:auto;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0;margin-left:auto}.back-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#666;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex-shrink:0}.back-button:hover{background:#e8e8e8;border-color:#003d7a;color:#003d7a}.back-button svg{width:16px;height:16px;flex-shrink:0}.back-button span{color:inherit}.model-detail-title{font-size:1.25rem;font-weight:700;color:#003d7a;margin:0;flex:1}.header-logout-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;color:#666;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex-shrink:0}.header-logout-button:hover{background:#e8e8e8;border-color:#003d7a;color:#003d7a}.header-logout-button svg{flex-shrink:0}@media (max-width: 768px){.header-actions{gap:.5rem}.back-button{padding:.625rem .875rem;font-size:.85rem}.back-button span{display:none}.header-logout-button{padding:.625rem .875rem;font-size:.85rem}.header-logout-button span{display:none}}.model-detail-content{flex:1;display:flex;overflow:hidden;background:#f5f5f5}.model-view-panel{flex:2;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000000d;overflow:hidden}.model-view-3d{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;min-height:0}.model-view-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;opacity:.5;gap:1rem}.model-view-image{width:100%;height:100%;object-fit:contain;background:#f5f5f5}.model-view-placeholder svg{width:120px;height:120px;color:#ccc}.model-view-placeholder p{font-size:1.2rem;margin:0;color:#666}.model-view-actions{border-top:1px solid #e0e0e0;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;background:#f8f9fa}.download-api-row{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap}.action-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:#003d7a;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.action-button:hover{background:#0055a5;transform:translateY(-1px);box-shadow:0 4px 8px #003d7a33}.action-button:active{transform:translateY(0)}.action-button svg{flex-shrink:0;width:16px;height:16px}.download-ifc-button{width:auto;flex-shrink:0}.api-url-label{font-size:.9rem;font-weight:600;color:#333;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;height:100%}.api-url-container{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:.5rem;transition:all .3s ease;flex:1;min-width:0;height:fit-content}.api-url-container:focus-within{border-color:#003d7a;box-shadow:0 0 0 3px #003d7a1a}.api-url-input{flex:1;border:none;outline:none;padding:.5rem .75rem;font-size:.9rem;color:#333;background:transparent;font-family:Courier New,monospace}.copy-button{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;transition:all .3s ease;flex-shrink:0}.copy-button:hover{background:#003d7a;border-color:#003d7a;color:#fff}.copy-button svg{flex-shrink:0}.export-section{display:flex;flex-direction:column;gap:.75rem}.export-label{font-size:.9rem;font-weight:600;color:#333}.export-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.export-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1;min-width:120px}.export-button:hover{background:#f5f5f5;border-color:#003d7a;color:#003d7a;transform:translateY(-1px);box-shadow:0 2px 4px #003d7a1a}.export-button:active{transform:translateY(0)}.export-button svg{flex-shrink:0}.attribute-panel{flex:1;background:#fff;overflow-y:auto;box-shadow:-2px 0 8px #0000000d}.attribute-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#666;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#003d7a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:url(/240621_Martin_Place_South_022.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:2rem;position:relative}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#003d7a66;z-index:0}.login-box{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;width:100%;max-width:420px;padding:3rem 2.5rem;position:relative;z-index:1}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{height:60px;width:auto;margin-bottom:1.5rem}.login-title{margin:0 0 .5rem;color:#003d7a;font-size:1.75rem;font-weight:700;letter-spacing:.5px}.login-subtitle{margin:0;color:#666;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-error{padding:.75rem 1rem;background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.9rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#333;font-size:.95rem;font-weight:500}.form-group input{padding:.875rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;color:#333;transition:all .3s ease;background:#fff}.form-group input:focus{outline:none;border-color:#003d7a;box-shadow:0 0 0 3px #003d7a1a}.form-group input::placeholder{color:#999}.login-button{margin-top:.5rem;padding:1rem;background:linear-gradient(135deg,#003d7a,#0055a5);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.login-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #003d7a66}.login-button:active{transform:translateY(0)}.login-hint{margin-top:1rem;padding:.75rem;background:#f8f9fa;border-radius:6px;text-align:center}.login-hint p{margin:0;color:#666;font-size:.85rem}@media (max-width: 768px){.login-box{padding:2rem 1.5rem}.login-title{font-size:1.5rem}.login-logo{height:50px}}:root{--primary-color: #00d9ff;--primary-hover: #00b8d4;--secondary-color: #7c3aed;--accent-color: #06b6d4;--background: #0a0e27;--surface: #0f1629;--surface-elevated: #1a1f3a;--text-primary: #e0e7ff;--text-secondary: #94a3b8;--border: #1e293b;--border-glow: rgba(0, 217, 255, .3);--shadow: rgba(0, 0, 0, .5);--glow-primary: 0 0 20px rgba(0, 217, 255, .5);--glow-secondary: 0 0 15px rgba(124, 58, 237, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-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;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f1629);background-attachment:fixed;min-height:100vh;color:var(--text-primary);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(0,217,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(124,58,237,.1) 0%,transparent 50%);pointer-events:none;z-index:0}code{font-family:Fira Code,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}::-webkit-scrollbar-thumb{background:#003d7a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0055a5}html{scrollbar-width:thin;scrollbar-color:#003D7A #f5f5f5}