html,body,#root{height:100%;width:100%;margin:0;padding:0}:root{--background-color: #f1f5f9;--text-color: #0f172a;--card-background: #e2e8f0;--border-color: #3b82f6;--hover-color: #dbeafe;--shadow-color: rgba(59, 130, 246, .2);--accent-color: #3b82f6;--success-color: #059669;--warning-color: #d97706;--danger-color: #dc2626;--input-background: #f8fafc;--navbar-background: #ffffff;--navbar-text: #0f172a;--button-primary: #3b82f6;--button-secondary: #475569;--cadjs-container-background: #1e293b;--cadjs-canvas-background: #0f172a;--cadjs-toolbar-border: rgb(215, 159, 255);--cadjs-toolbar-button-background: #334155;--cadjs-toolbar-button-hover-background: #1e293b;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:18px}[data-theme=dark]{--background-color: #1a1a1a;--text-color: #ffffff;--card-background: #2d2d2d;--border-color: #404040;--hover-color: #404040;--shadow-color: rgba(0, 0, 0, .5);--accent-color: #d79fff;--success-color: #28a745;--warning-color: #ffc107;--danger-color: #dc3545;--input-background: #333333;--navbar-background: #212529;--navbar-text: #ffffff;--button-primary: #d79fff;--button-secondary: #6c757d}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--border-color);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--card-background);color:var(--text-color);cursor:pointer;transition:all .25s ease}button:hover{background-color:var(--hover-color);border-color:var(--accent-color);transform:translateY(-1px)}button:focus,button:focus-visible{outline:none}table,table th,table td{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.home-page{display:flex;flex-direction:column;min-height:100vh;background:var(--background-color);color:var(--text-color);padding:2.5rem 1.5rem;transition:background .3s ease,color .3s ease}[data-theme=light] .home-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1f2937}[data-theme=dark] .home-page{background:linear-gradient(135deg,#1e293b,#334155);color:#e2e8f0}.section-container{max-width:900px;margin:0 auto 2.5rem;width:100%}.section-header{margin-bottom:1.5rem}.section-title{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:600;color:#7c3aed;margin:0}.content-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.content-card{border-radius:12px;padding:1.75rem;border:1px solid var(--border-color);background:var(--card-background);color:inherit}[data-theme=light] .content-card{background:#fffffff2;border-color:#e2e8f0;color:#1f2937}[data-theme=dark] .content-card{background:#ffffff14;border-color:#d79fff26;color:#e2e8f0}.card-text{line-height:1.6;margin:0;font-size:1rem}.card-text+.card-text{margin-top:.75rem}.download-row{margin:1rem 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.download-hand-icon{font-size:1.25rem!important;color:inherit;opacity:.9}.download-text{margin:0;font-size:1rem;font-weight:600;color:#5b21b6;background:#a78bfa59;padding:.2em .5em;border-radius:4px}[data-theme=dark] .download-text{color:#c4b5fd;background:#8b5cf659}.download-button{display:inline-flex;align-items:center;justify-content:center;padding:.35rem 1rem;border-radius:6px;font-weight:500;text-decoration:none;font-size:.875rem;transition:all .2s ease;border:1px solid rgba(215,159,255,.5);background:#d79fff33;color:#d79fff;min-width:100px;text-align:center}.download-button:hover,.download-button:focus-visible{background:#d79fff4d;border-color:#d79fffb3;transform:translateY(-1px);box-shadow:0 2px 8px #d79fff4d}[data-theme=light] .download-button{background:#3b82f626;border-color:#3b82f666;color:#1e3a8a}[data-theme=light] .download-button:hover,[data-theme=light] .download-button:focus-visible{background:#3b82f640;border-color:#3b82f699;color:#1d4ed8;box-shadow:0 2px 8px #3b82f64d}.registration-link{display:inline-flex;align-items:center;vertical-align:middle;color:#7c3aed;cursor:pointer;text-decoration:none;transition:color .2s ease,transform .2s ease}.registration-link:hover{color:#6d28d9;transform:scale(1.1)}.registration-link:focus-visible{outline:2px solid #7c3aed;outline-offset:2px;border-radius:4px}.registration-link-icon{font-size:1.25rem!important}[data-theme=dark] .registration-link:hover{color:#a78bfa}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;margin:1.5rem 0;border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.contact-section{margin-top:2rem}.contact-card{border-radius:12px;padding:1.75rem;border:1px solid var(--border-color);background:var(--card-background);color:inherit}[data-theme=light] .contact-card{background:#fffffff2;border-color:#e2e8f0;color:#1f2937}[data-theme=dark] .contact-card{background:#ffffff14;border-color:#d79fff26;color:#e2e8f0}.contact-header{margin-bottom:1rem}.contact-title{font-size:1.25rem;font-weight:600;color:#7c3aed;margin:0}.contact-details{display:flex;flex-direction:column;gap:.75rem}.contact-item{display:flex;flex-wrap:wrap;gap:.5rem}.contact-label{font-weight:600;color:inherit;opacity:.8}.contact-value{font-weight:500}.contact-link{color:#7dd3fc;text-decoration:none}.contact-link:hover{text-decoration:underline}.navigation-buttons{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem}.navigation-button{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.25rem;border-radius:6px;font-weight:500;text-decoration:none;font-size:.95rem;transition:all .2s ease;border:1px solid rgba(215,159,255,.5);background:#d79fff33;color:#d79fff;min-width:180px;text-align:center}.navigation-button:hover,.navigation-button:focus-visible{background:#d79fff4d;border-color:#d79fffb3;transform:translateY(-1px);box-shadow:0 2px 8px #d79fff4d}.navigation-button.secondary{background:#94a3b82e;border-color:#94a3b873;color:#d1d5db}.navigation-button.secondary:hover,.navigation-button.secondary:focus-visible{background:#d79fff40}[data-theme=light] .navigation-button{background:#3b82f626;border-color:#3b82f666;color:#1e3a8a}[data-theme=light] .navigation-button:hover,[data-theme=light] .navigation-button:focus-visible{background:#3b82f640;border-color:#3b82f699;color:#1d4ed8;box-shadow:0 2px 8px #3b82f64d}[data-theme=light] .navigation-button.secondary{border-color:#37415173;color:#1f2937;background:#37415114}[data-theme=light] .navigation-button.secondary{color:#1f2937}[data-theme=light] .navigation-button.secondary:hover,[data-theme=light] .navigation-button.secondary:focus-visible{background:#37415126;border-color:#37415199}@media (max-width: 768px){.home-page{padding:2rem 1.25rem}.section-container{margin-bottom:2rem}.section-title{font-size:2rem}.content-card,.contact-card{padding:1.5rem}}.profile-page{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;min-height:100%;overflow-y:auto;padding:40px 20px}.container{max-width:1000px;margin:0 auto}.profile-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding:2rem;background:#ffffff1a;border-radius:12px;border:1px solid rgba(215,159,255,.2)}.avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid #d79fff}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(45deg,#d79fff,#a855f7);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff}.profile-info h1{margin:0 0 .5rem;font-size:2rem;color:#d79fff}.title{font-size:1.2rem;margin:0 0 .5rem;opacity:.9}.email{opacity:.7;margin:0}.profile-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.profile-section{background:#ffffff1a;padding:2rem;border-radius:12px;border:1px solid rgba(215,159,255,.2)}.profile-section h2{color:#d79fff;margin-bottom:1.5rem;font-size:1.5rem}.form-group{display:flex;flex-direction:column;margin-bottom:1rem;gap:.5rem}.form-group label{font-weight:500;color:#d79fff}.form-group input,.form-group select{padding:.75rem;border:1px solid rgba(215,159,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#d79fff;box-shadow:0 0 0 2px #d79fff33}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-item{text-align:center;padding:1rem;background:#ffffff1a;border-radius:8px}.stat-number{font-size:2rem;font-weight:700;color:#d79fff;margin-bottom:.5rem}.stat-label{opacity:.8;font-size:.9rem}.projects-list{display:flex;flex-direction:column;gap:1rem}.project-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff1a;border-radius:8px;border:1px solid rgba(215,159,255,.2)}.project-info h3{margin:0 0 .5rem;color:#d79fff}.project-info p{margin:0 0 .5rem;opacity:.9;font-size:.9rem}.project-date{font-size:.8rem;opacity:.7}.project-actions{display:flex;gap:.5rem}.btn-small{padding:8px 16px;font-size:.9rem}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center}.project-item{flex-direction:column;gap:1rem;align-items:stretch}.stats-grid{grid-template-columns:1fr}}.preparation-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#0f172a;color:#e2e8f0}.under-development{text-align:center;padding:3rem;max-width:600px}.development-icon{font-size:6rem;margin-bottom:1.5rem;animation:pulse 2s ease-in-out infinite}.under-development h1{color:#f1f5f9;font-size:3rem;margin-bottom:1rem;font-weight:600}.under-development p{color:#94a3b8;font-size:1.25rem;line-height:1.6}@media (max-width: 768px){.under-development h1{font-size:2rem}.development-icon{font-size:4rem}}.embedded-point-table{max-height:400px;overflow-y:auto;border-radius:4px;padding:8px 8px 4px;min-width:400px}.embedded-point-table .no-points-message{text-align:center;padding:1rem;color:#999;font-size:.9rem}.embedded-point-table .table-container{overflow-x:auto;background:#ffffff05;max-height:200px;overflow-y:auto}.embedded-point-table .point-table{width:100%;border-collapse:collapse;font-size:.75rem;background:#ffffff05;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.embedded-point-table .point-table th{background:#ff6b6b26;color:#ff6b6b;padding:.4rem .3rem;text-align:center;font-weight:600;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.15);font-size:.7rem;white-space:nowrap}.embedded-point-table .point-table th:last-child{border-right:none}.embedded-point-table .point-table th:nth-child(1){width:50px}.embedded-point-table .point-table th:nth-child(2){width:90px}.embedded-point-table .point-table th:nth-child(3){width:90px}.embedded-point-table .point-table th:nth-child(4){width:90px}.embedded-point-table .point-table th:nth-child(5){width:90px}.embedded-point-table .point-table th:nth-child(6){width:90px}.embedded-point-table .point-table th:nth-child(7){width:20px}.embedded-point-table .point-table td{padding:0;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.05);text-align:center;vertical-align:middle;position:relative;user-select:text!important;pointer-events:auto!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.embedded-point-table .point-table td:last-child{border-right:none}.embedded-point-table .point-table tbody tr:last-child td{border-bottom:none}.embedded-point-table .point-table tbody tr{transition:background-color .2s ease}.embedded-point-table .point-table tbody tr:nth-child(2n){background:#ffffff05}.embedded-point-table .point-table tbody tr:hover{background:#ff6b6b0d}.embedded-point-table .delete-cell{padding:0;text-align:center;width:30px}.embedded-point-table .delete-point-btn{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:.9rem;font-weight:700;padding:.1rem .3rem;border-radius:3px;transition:all .2s ease;opacity:0;transform:scale(.8);line-height:1;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center}.embedded-point-table .point-table-row:hover .delete-point-btn{opacity:1;transform:scale(1);color:#f44}.embedded-point-table .delete-point-btn:hover{color:red;background:#ff00001a;transform:scale(1.1)}.embedded-point-table .delete-point-btn:active{transform:scale(.95)}.embedded-point-table .point-label{font-weight:500;color:#e0e0e0;min-width:50px;padding:.3rem .2rem;font-size:.7rem}.embedded-point-table .coord-input{width:100%;height:100%;min-height:25px;padding:.3rem .1rem;background:transparent;border:none;color:#fff;font-size:.7rem;text-align:center;transition:background-color .2s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;outline:none;box-sizing:border-box;user-select:text!important;pointer-events:auto!important;cursor:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.embedded-point-table .coord-input:focus{background:#ff6b6b33;color:#fff;box-shadow:inset 0 0 0 1px #ff6b6b80}.embedded-point-table .coord-input:hover:not(:focus){background:#ffffff14}.embedded-point-table .point-table td:has(.coord-input:focus){background:#ff6b6b1a}.embedded-point-table-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.3rem 0;margin-top:.3rem;border-top:1px solid rgba(255,255,255,.1)}.embedded-point-table .reset-button,.embedded-point-table .apply-button{padding:.3rem .6rem;border:1px solid;border-radius:3px;cursor:pointer;font-weight:500;font-size:.75rem;transition:all .2s ease}.embedded-point-table .reset-button{background:#ff64641a;border-color:#ff64644d;color:#ff6464}.embedded-point-table .reset-button:hover{background:#ff646433;border-color:#ff646480}.embedded-point-table .apply-button{background:#ff6b6b1a;border-color:#ff6b6b4d;color:#ff6b6b}.embedded-point-table .apply-button:hover{background:#ff6b6b33;border-color:#ff6b6b80}.cadjs__toolbar{background-color:inherit;display:flex;flex-direction:row;justify-items:center;justify-content:space-between;align-items:center;padding:5px;border:1px solid var(--cadjs-toolbar-border);margin:20px 10px 0;border-radius:10px 10px 0 0;pointer-events:auto;-webkit-user-select:none;user-select:none}.cadjs__toolbar__left-group{display:flex;align-items:center;gap:5px}.cadjs__toolbar__center-group{display:flex;align-items:center;justify-content:center;flex:1}.cadjs__toolbar__title{color:#f0f8ff;font-size:16px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.cadjs__toolbar__right-group{display:flex;align-items:center;gap:5px}.cadjs__toolbar__group{display:flex;align-items:center;gap:10px}.cadjs__toolbar button{background-color:transparent;border:1px solid transparent;cursor:pointer;font-size:14px;padding:5px 15px;color:#f0f8ff;border-radius:5px}.cadjs__toolbar button:hover{background-color:var(--cadjs-toolbar-button-hover-background);border:1px solid var(--cadjs-toolbar-border)}.cadjs__toolbar button:focus{outline:none;background-color:var(--cadjs-toolbar-button-hover-background);border:1px solid rgb(215,159,255)}.cadjs__toolbar button.active{background-color:var(--cadjs-toolbar-button-hover-background);border:1px solid transparent;color:#f0f8ff}.cadjs__toolbar button.active:hover{background-color:var(--cadjs-toolbar-button-hover-background);border:1px solid var(--cadjs-toolbar-border)}.cadjs__toolbar button.draw-inactive{border:1px solid transparent;background-color:transparent;filter:grayscale(100%) brightness(.7)}.cadjs__toolbar button.draw-inactive:hover{background-color:transparent;border:1px solid transparent;filter:grayscale(100%) brightness(.9)}.cadjs__toolbar button.draw-inactive:focus{outline:none;background-color:transparent;border:1px solid transparent;filter:grayscale(100%) brightness(.9)}.coordinate-group{display:flex;align-items:center;gap:10px}.coordinate-display{color:#fff;font-size:11px;font-family:Courier New,monospace;letter-spacing:.5px;padding:4px 8px;background:none;border:none}.dxf-button{padding:5px 8px!important;display:flex;align-items:center;justify-content:center}.dxf-icon{display:inline-block;border:1.5px solid var(--cadjs-toolbar-border);color:var(--cadjs-toolbar-border);padding:1px 6px;font-size:11px;font-weight:700;font-family:Arial,sans-serif;letter-spacing:.5px;border-radius:4px;line-height:1.2}.dxf-button:hover .dxf-icon{border-color:var(--cadjs-toolbar-border);color:var(--cadjs-toolbar-border);opacity:.8}.coordinate-input{display:flex;align-items:center;gap:5px}.coordinate-input label{color:#f0f8ff;font-size:12px;font-weight:700;min-width:15px}.coord-input{width:80px;padding:8px 6px;border:1px solid var(--cadjs-toolbar-border);border-radius:4px;background-color:var(--cadjs-toolbar-button-background);color:#f0f8ff;font-size:12px;text-align:center;outline:none;-webkit-user-select:text;user-select:text;pointer-events:auto}.coord-input:focus{outline:none;border-color:var(--cadjs-toolbar-border);background-color:var(--cadjs-toolbar-button-hover-background);box-shadow:0 0 0 2px #d79fff4d}.coord-input::placeholder{color:#f0f8ff80}.grid-toggle{display:flex;align-items:center;gap:8px;color:#f0f8ff;font-size:14px;cursor:pointer;padding:5px 10px;border-radius:5px;transition:background-color .2s ease}.grid-toggle:hover{background-color:var(--cadjs-toolbar-button-hover-background)}.grid-toggle input[type=checkbox]{width:16px;height:16px;accent-color:rgb(215,159,255);cursor:pointer}.grid-size-input{display:inline-flex;align-items:center;margin-left:8px}.grid-input{width:50px;padding:4px 3px;border:1px solid var(--cadjs-toolbar-border);border-radius:4px;background-color:var(--cadjs-toolbar-button-background);color:#f0f8ff;font-size:11px;text-align:center;outline:none;-webkit-user-select:text;user-select:text;pointer-events:auto}.grid-input:focus{outline:none;border-color:var(--cadjs-toolbar-border);background-color:var(--cadjs-toolbar-button-hover-background);box-shadow:0 0 0 2px #d79fff4d}.expandable-menu-group{position:relative}.expandable-menu-toggle{display:flex;align-items:center;gap:5px;background-color:transparent;border:1px solid var(--cadjs-toolbar-border);color:#f0f8ff;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:14px;transition:all .2s ease}.expandable-menu-toggle:hover{background-color:var(--cadjs-toolbar-button-hover-background);border-color:#d79fff}.expandable-menu-toggle:focus{outline:none;background-color:var(--cadjs-toolbar-button-hover-background);border-color:#d79fff;box-shadow:0 0 0 2px #d79fff4d}.expandable-menu-content{position:absolute;top:100%;left:0;background-color:var(--cadjs-toolbar-button-background);border:1px solid var(--cadjs-toolbar-border);border-radius:5px;padding:10px;margin-top:5px;min-width:200px;z-index:1000;box-shadow:0 4px 8px #0000004d}.grid-menu-content{min-width:200px}.grid-menu-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.grid-menu-row:last-child{margin-bottom:0}.grid-menu-row .grid-toggle{margin:0;padding:3px 6px}.grid-menu-row .grid-size-input{margin-left:0}.drawing-tools-content{min-width:250px}.drawing-tools-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.drawing-tools-row:last-child{margin-bottom:0}.drawing-tools-row button{padding:4px 8px;font-size:12px;min-width:50px}.drawing-tools-row input{background-color:var(--cadjs-toolbar-button-background);border:1px solid var(--cadjs-toolbar-border);color:#f0f8ff;padding:4px 6px;border-radius:3px;font-size:11px;outline:none}.drawing-tools-row input:focus{border-color:#d79fff;box-shadow:0 0 0 2px #d79fff4d}.point-table-menu-group .expandable-menu-content{min-width:500px;max-width:600px;max-height:500px;overflow:hidden}.line-table-menu-group .expandable-menu-content{min-width:400px;max-width:600px;max-height:500px;overflow:hidden}.cadjs__container{background-color:var(--cadjs-container-background);flex-direction:column;display:flex;height:100%;width:100%}.cadjs__container-dual{background-color:var(--cadjs-container-background);display:flex;flex-direction:row;height:100%;width:100%;gap:0px;padding:0;overflow:hidden}.cadjs__viewport-wrapper{flex:1;display:flex;flex-direction:column;height:100%;min-width:0;position:relative;transition:flex .3s ease}.cadjs__viewport-wrapper.collapsed{flex:0 0 40px;min-width:40px}.cadjs__viewport-label{position:absolute;top:65px;color:#f0f8ff;font-size:13px;font-weight:600;z-index:10;pointer-events:none}.cadjs__viewport-wrapper:first-child .cadjs__viewport-label{right:25px}.cadjs__viewport-wrapper:last-child .cadjs__viewport-label{left:25px}.cadjs__collapse-btn{position:absolute;background-color:#2c2c2ce6;color:#f0f8ff;border:1px solid var(--cadjs-toolbar-border);border-radius:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;font-weight:700;z-index:100;transition:all .2s ease}.cadjs__collapse-btn:hover{background-color:#3b82f6cc;transform:scale(1.05)}.cadjs__viewport-wrapper:first-child .cadjs__collapse-btn{right:2px;top:70px}.cadjs__viewport-wrapper:last-child .cadjs__collapse-btn{left:2px;top:70px}.cadjs__viewport-wrapper.collapsed .cadjs__collapse-btn{background-color:#3b82f6e6}.cadjs__container-dual canvas{background-color:var(--cadjs-canvas-background);cursor:crosshair;height:100%;flex-grow:1;border:1px solid var(--cadjs-toolbar-border);border-top:none;margin:0 10px 10px!important;border-radius:0 0 10px 10px!important}.cadjs__container .cadjs__pan{cursor:grabbing;cursor:-webkit-grabbing}.coordinate-group{position:absolute;bottom:5px;left:5px;z-index:10;background-color:transparent;border:none;border-radius:4px;padding:6px 12px;pointer-events:none}.theme-toggle{background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--navbar-text);margin-left:16px}.theme-toggle:hover{background-color:var(--hover-color);transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(180deg)}@media (max-width: 768px){.theme-toggle{padding:6px;margin-left:0}.theme-toggle svg{width:18px;height:18px}}@media (max-width: 480px){.theme-toggle{padding:5px}.theme-toggle svg{width:16px;height:16px}}.app{height:100vh;display:flex;flex-direction:column;background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.navbar{background-color:var(--navbar-background);border-bottom:3px solid var(--cadjs-toolbar-border, #d79fff);padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:60px;box-shadow:0 2px 4px var(--shadow-color);transition:all .3s ease;position:relative}.navbar-content{display:flex;align-items:center;justify-content:space-between;width:100%}.navbar-left{display:flex;align-items:center;gap:20px;flex:1}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:28px;height:28px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;gap:4px}.hamburger-line{width:100%;height:3px;background-color:var(--navbar-text);border-radius:2px;transition:all .3s ease}.mobile-menu-toggle:hover .hamburger-line{background-color:var(--accent-color)}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-home-logo{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:transform .2s ease;padding:4px 8px;border-radius:4px}.nav-home-logo:hover,.nav-home-logo:focus-visible{transform:translateY(-1px);background:var(--hover-color)}.nav-logo{display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:transform .2s ease}.nav-logo:hover,.nav-logo:focus-visible{transform:translateY(-1px)}.nav-logo-image{width:28px;height:28px;object-fit:contain}.navbar-user{display:flex;align-items:center;gap:20px}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-name{font-weight:600;color:var(--text-color, #333);font-size:16px}.user-role{font-size:14px;color:var(--text-muted, #666);text-transform:capitalize}.navbar-actions{display:flex;align-items:center;gap:15px}.profile-link{color:var(--text-color, #333);text-decoration:none;font-weight:500;font-size:16px;padding:8px 12px;border-radius:6px;transition:all .3s ease}.profile-link:hover{background:var(--hover-bg, #f3f4f6);color:var(--primary-color, #667eea)}.logout-btn{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;font-size:16px;transition:all .3s ease}.logout-btn:hover{background:#b91c1c;transform:translateY(-1px)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--background-color, #ffffff)}.loading-spinner{color:var(--text-color, #666);font-size:20px;font-weight:500}.navbar-brand{display:flex;align-items:center;color:var(--navbar-text);font-size:1.7rem;font-weight:700;text-decoration:none;line-height:1;padding:8px 0}.navbar-brand:hover,.navbar-brand:focus{color:var(--accent-color)}.navbar-nav{display:flex;list-style:none;margin:0;padding:0;gap:10px;position:static;max-height:none;overflow:visible;flex-direction:row;background:transparent;box-shadow:none;border:none}.nav-item{margin:0}.nav-link{background:none;border:2px solid transparent;color:var(--navbar-text);padding:4px 20px;cursor:pointer;border-radius:12px;font-size:18px;text-decoration:none;transition:border-color .2s ease,color .2s ease;white-space:nowrap}.nav-link:hover,.nav-link:focus{outline:none;border-color:var(--accent-color);color:var(--accent-color)}.nav-link.active{border-color:var(--accent-color);color:var(--accent-color);font-weight:600}.nav-link-home{font-weight:600;color:var(--navbar-text);font-size:18px}.nav-link-casting-control,.nav-link-setting-out-data{display:none}.nav-link-text-desktop{display:inline}.nav-link-text-mobile{display:none}.main-content{flex:1;overflow-y:auto;height:0;background-color:var(--background-color);transition:background-color .3s ease}[data-theme=light] .main-content{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}[data-theme=dark] .main-content{background:linear-gradient(135deg,#1e293b,#334155)}.span-list-placeholder{background:transparent!important;padding:2rem;text-align:center;border-radius:8px}.span-list-placeholder h2{color:var(--text-color);margin-bottom:1rem;font-size:1.8rem}.span-list-placeholder p{color:var(--text-color);opacity:.8;margin:0}[data-theme=light] .span-list-placeholder h2{color:#1e40af;font-weight:700}[data-theme=light] .span-list-placeholder p{color:#3b82f6}[data-theme=dark] .span-list-placeholder h2,[data-theme=dark] .span-list-placeholder p{color:#e2e8f0}@media (max-width: 1024px){.navbar{padding:0 15px;height:55px}.nav-link{font-size:16px;padding:4px 16px}.navbar-actions{gap:12px}}@media (max-width: 768px){.navbar{padding:0 12px;height:50px}.navbar-left{gap:4px}.nav-item-casting-control,.nav-item-setting-out-data{display:none}.nav-link-casting-control{display:flex;align-items:center;padding:4px 4px 4px 6px;font-size:12px;white-space:nowrap;margin-right:2px}.nav-link-setting-out-data{display:flex;align-items:center;padding:4px 2px;font-size:12px;white-space:nowrap;margin-right:0}.nav-link-text-desktop{display:none}.nav-link-text-mobile{display:inline}.mobile-menu-toggle{display:flex;width:30px;height:26px;min-width:30px}.navbar-nav{position:absolute;top:100%;left:0;right:0;background:var(--navbar-background);flex-direction:column;gap:0;padding:0;margin:0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;box-shadow:0 4px 6px var(--shadow-color);border-top:1px solid var(--border-color);z-index:1000}.navbar-nav.mobile-menu-open{max-height:500px;padding:8px 0}.nav-item{width:100%;margin:0}.nav-link{display:block;width:100%;padding:12px 20px;font-size:15px;border:none;border-radius:0;border-left:3px solid transparent;text-align:left}.nav-link:hover,.nav-link:focus{border-left-color:var(--accent-color);background-color:var(--hover-color)}.nav-link.active{border-left-color:var(--accent-color);background-color:var(--hover-color)}.nav-logo{width:28px;height:28px}.nav-logo-image{width:24px;height:24px}.navbar-user,.navbar-actions{gap:8px}}@media (max-width: 480px){.navbar{padding:0 10px;height:48px}.navbar-left{gap:4px}.nav-link-casting-control{padding:3px 2px 3px 4px;font-size:11px;margin-right:1px}.nav-link-setting-out-data{padding:3px 1px;font-size:11px;margin-right:0}.mobile-menu-toggle{width:22px;height:22px;min-width:22px;gap:3px}.hamburger-line{height:2.5px}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-link{padding:10px 16px;font-size:14px}.nav-logo{width:24px;height:24px}.nav-logo-image{width:20px;height:20px}.navbar-actions{gap:6px}}.info-component{width:100%;margin:0}.info-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1rem;margin:0;min-height:auto;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease}@media (max-width: 768px){.info-section{padding:.75rem;gap:.3rem}}@media (max-width: 480px){.info-section{padding:.5rem;gap:.25rem}}[data-theme=light] .info-section{background:#e2e8f0;border:2px solid #3b82f6;box-shadow:0 4px 12px #3b82f626}[data-theme=dark] .info-section{background:#ffffff1a;border-color:#d79fff33}.span-name-center{text-align:center;margin-bottom:.5rem}.span-name-center h3{color:var(--text-color);margin:0;font-size:1.8rem;font-weight:700;text-shadow:0 2px 4px var(--shadow-color);text-transform:uppercase;letter-spacing:1px;transition:color .3s ease}@media (max-width: 768px){.span-name-center{margin-bottom:.25rem}.span-name-center h3{font-size:1.3rem;letter-spacing:.5px}}@media (max-width: 480px){.span-name-center{margin-bottom:.2rem}.span-name-center h3{font-size:1.1rem;letter-spacing:.3px}}[data-theme=light] .span-name-center h3{color:#0f172a;text-shadow:0 2px 4px rgba(59,130,246,.2);font-weight:800}[data-theme=dark] .span-name-center h3{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.all-details-row{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:1.1rem;flex-wrap:wrap}@media (max-width: 768px){.all-details-row{gap:.5rem;margin-bottom:.3rem;font-size:.9rem}}@media (max-width: 480px){.all-details-row{gap:.3rem;margin-bottom:.25rem;font-size:.8rem}}.all-details-row .detail-item{color:var(--text-color);white-space:nowrap;transition:color .3s ease}.all-details-row .detail-item strong{color:var(--accent-color);font-weight:600;transition:color .3s ease}[data-theme=light] .all-details-row .detail-item{color:#1e293b;font-weight:600}[data-theme=light] .all-details-row .detail-item strong{color:#1d4ed8;font-weight:700}[data-theme=dark] .all-details-row .detail-item{color:#fff}[data-theme=dark] .all-details-row .detail-item strong{color:#d79fff}.all-details-row .separator{color:var(--text-color);opacity:.5;font-weight:700;margin:0 .25rem;transition:color .3s ease}@media (max-width: 768px){.all-details-row .separator{margin:0 .15rem}}@media (max-width: 480px){.all-details-row .separator{margin:0 .1rem}}[data-theme=light] .all-details-row .separator{color:#6b7280}[data-theme=dark] .all-details-row .separator{color:#ffffff80}.coordinate-button-container{display:flex;justify-content:flex-start;gap:.5rem;margin-top:.5rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(215,159,255,.5) transparent;padding-bottom:.25rem}.coordinate-button-container::-webkit-scrollbar{height:4px}.coordinate-button-container::-webkit-scrollbar-track{background:transparent}.coordinate-button-container::-webkit-scrollbar-thumb{background:#d79fff80;border-radius:2px}.coordinate-button-container::-webkit-scrollbar-thumb:hover{background:#d79fffb3}.show-coordinate-btn{background:#d79fff33;border:1px solid rgba(215,159,255,.5);color:#d79fff;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap}.coordinate-button-container{flex-wrap:nowrap!important}@media (max-width: 768px){.coordinate-button-container{gap:.4rem;margin-top:.4rem;padding-bottom:.4rem;padding-right:.5rem}.show-coordinate-btn{padding:3px 6px;font-size:.65rem;gap:3px;border-radius:3px;min-width:fit-content}.arrow-icon{font-size:.6rem}.coordinate-button-container::-webkit-scrollbar{height:6px}.coordinate-button-container::-webkit-scrollbar-track{background:#d79fff1a;border-radius:3px}.coordinate-button-container::-webkit-scrollbar-thumb{background:#d79fff99;border-radius:3px}}@media (max-width: 480px){.coordinate-button-container{gap:.3rem;margin-top:.3rem;padding-bottom:.35rem;padding-right:.5rem}.show-coordinate-btn{padding:2px 5px;font-size:.6rem;gap:2px;border-radius:3px;min-width:fit-content}.arrow-icon{font-size:.55rem}.coordinate-button-container::-webkit-scrollbar{height:6px}.coordinate-button-container::-webkit-scrollbar-thumb{background:#d79fffb3}}[data-theme=light] .show-coordinate-btn{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#1e40af;font-weight:600}[data-theme=light] .show-coordinate-btn:hover{background:#3b82f633;border-color:#3b82f680;color:#1d4ed8}[data-theme=light] .show-coordinate-btn.active{background:#3b82f64d;border-color:#3b82f6b3;color:#1d4ed8}[data-theme=dark] .show-coordinate-btn:hover{background:#d79fff4d;border-color:#d79fffb3}[data-theme=dark] .show-coordinate-btn.active{background:#d79fff66;border-color:#d79fffcc;color:#fff}.show-coordinate-btn:disabled{opacity:.6;cursor:not-allowed}.arrow-icon{font-size:.7rem;transition:transform .2s ease;line-height:1}.coordinate-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(215,159,255,.3);animation:slideDown .3s ease-out}[data-theme=light] .coordinate-section{border-top-color:#0000001a}.coordinate-section h4{color:#d79fff;margin:0 0 1rem;font-size:1rem;font-weight:600;text-align:center}[data-theme=light] .coordinate-section h4{color:#3b82f6}@media (max-width: 768px){.coordinate-section{margin-top:.75rem;padding-top:.75rem}}@media (max-width: 480px){.coordinate-section{margin-top:.5rem;padding-top:.5rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.global-tables-container{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}.start-end-table-container{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:600px}.start-end-table-container h4{color:#d79fff;margin:0;font-size:1rem;font-weight:600;text-align:center}.segment-table-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;overflow-x:auto;overflow-y:hidden}.tables-container{display:flex;gap:1rem;width:100%}.start-end-table{flex:0 0 25%;min-width:200px}.segment-table{flex:1;min-width:0}.project-package-row{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:1rem;flex-wrap:wrap}.project-name{color:#fff;font-weight:500;white-space:nowrap}.project-name strong{color:#d79fff;font-weight:600;margin-right:.25rem}.package-name{color:#fff;font-weight:500;white-space:nowrap}.package-name strong{color:#d79fff;font-weight:600;margin-right:.25rem}.separator{color:#ffffff80;font-weight:700;margin:0 .25rem}.details-row{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:.85rem;flex-wrap:wrap}.detail-item{color:#fff;white-space:nowrap}.detail-item strong{color:#d79fff;font-weight:600;margin-right:.25rem}.no-selection{display:flex;align-items:center;justify-content:center;height:60px;color:#fff9;font-style:italic}.no-selection p{margin:0;font-size:1rem}@media (max-width: 768px){.no-selection{height:50px}.no-selection p{font-size:.9rem}}@media (max-width: 480px){.no-selection{height:40px}.no-selection p{font-size:.8rem}}.under-development-message{display:flex;align-items:center;justify-content:center;padding:2rem;margin-top:1rem;color:var(--text-color);font-style:italic;opacity:.7}.under-development-message p{margin:0;font-size:1rem}@media (max-width: 768px){.under-development-message{padding:1rem;margin-top:.5rem}.under-development-message p{font-size:.85rem}}@media (max-width: 480px){.under-development-message{padding:.75rem;margin-top:.4rem}.under-development-message p{font-size:.75rem}}.correction-summary-container h4{color:#d79fff;margin:0 0 1rem;font-size:1rem;font-weight:600;text-align:center}[data-theme=light] .correction-summary-container h4{color:#3b82f6}[data-theme=light] .under-development-message{color:#475569}[data-theme=dark] .under-development-message{color:#ffffffb3}@media (max-width: 768px){.all-details-row{flex-direction:row;gap:.3rem;align-items:center;flex-wrap:wrap;justify-content:center}.all-details-row .detail-item{white-space:nowrap;text-align:center;font-size:.85rem}.details-row,.project-package-row{flex-direction:row;gap:.3rem;align-items:center;flex-wrap:wrap;justify-content:center}.span-name-center h3{font-size:1.2rem}.detail-item,.project-name,.package-name{white-space:nowrap;text-align:center;font-size:.85rem}.tables-container{flex-direction:column;gap:1rem}.start-end-table,.segment-table{flex:none;width:100%}.coordinate-table{font-size:.65rem}.coordinate-table th,.coordinate-table td{padding:.25rem .15rem;font-size:.65rem}}@media (max-width: 480px){.all-details-row{gap:.2rem;font-size:.75rem}.all-details-row .detail-item{font-size:.75rem}.details-row,.project-package-row{gap:.2rem;font-size:.75rem}.span-name-center h3{font-size:1rem}.detail-item,.project-name,.package-name{font-size:.75rem}.tables-container{gap:.75rem}.coordinate-table{font-size:.6rem}.coordinate-table th,.coordinate-table td{padding:.2rem .1rem;font-size:.6rem}}.loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.loading-spinner{font-size:.8rem;animation:spin 1s linear infinite;margin-left:.25rem}.loading-spinner-large{font-size:2rem;animation:spin 1s linear infinite;margin-bottom:1rem}.error-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.error-message{color:#ff6b6b;margin-bottom:1rem;font-size:.9rem}.retry-btn{background:#d79fff33;border:1px solid rgba(215,159,255,.5);color:#d79fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.retry-btn:hover{background:#d79fff4d;border-color:#d79fffb3}.retry-btn:disabled{opacity:.6;cursor:not-allowed}.local-coordinates-result{width:100%}.local-coordinates-header{display:flex;justify-content:flex-start;align-items:center;width:100%;margin-bottom:1rem;position:relative}.local-coordinates-header .export-buttons{position:relative;z-index:10;pointer-events:auto}.local-coordinates-header h3{color:#d79fff;margin:0;font-size:1.1rem;font-weight:600;position:absolute;left:50%;transform:translate(-50%);width:100%;text-align:center;pointer-events:none;z-index:0}.local-coordinates-result .tables-container{display:flex;gap:10px;width:100%;overflow-x:auto;padding-bottom:.5rem}.local-tables-container{display:flex;flex-direction:row;gap:0px;width:100%;overflow-x:auto;padding-bottom:1rem}.local-table-container{display:flex;flex-direction:column;align-items:center;gap:1rem;flex:0 0 250px;min-width:250px}.local-table-container h4{color:#d79fff;margin:0;font-size:1rem;font-weight:600;text-align:center}.local-tables-container::-webkit-scrollbar{height:8px}.local-tables-container::-webkit-scrollbar-track{background:#d79fff1a;border-radius:4px}.local-tables-container::-webkit-scrollbar-thumb{background:#d79fff80;border-radius:4px}.local-tables-container::-webkit-scrollbar-thumb:hover{background:#d79fffb3}.local-coordinates-result .tables-container::-webkit-scrollbar{height:8px}.local-coordinates-result .tables-container::-webkit-scrollbar-track{background:#d79fff1a;border-radius:4px}.local-coordinates-result .tables-container::-webkit-scrollbar-thumb{background:#d79fff80;border-radius:4px}.local-coordinates-result .tables-container::-webkit-scrollbar-thumb:hover{background:#d79fffb3}.local-table{flex:0 0 auto;min-width:400px;width:400px}.camber-table-container{display:flex;flex-direction:column;align-items:center;width:100%}.camber-table-container .coordinate-table{width:auto;max-width:300px;min-width:200px}.correction-table-container{display:flex;flex-direction:column;align-items:center;width:100%}.correction-table-container .coordinate-table{width:auto;max-width:300px;min-width:200px}.camber-table-container h4,.correction-table-container h4,.correction-summary-container h4{color:var(--accent-color);margin:0 0 .5rem;font-size:1rem;font-weight:600;text-align:center;transition:color .3s ease}[data-theme=light] .camber-table-container h4,[data-theme=light] .correction-table-container h4,[data-theme=light] .correction-summary-container h4{color:#1d4ed8;font-weight:700}[data-theme=dark] .camber-table-container h4,[data-theme=dark] .correction-table-container h4,[data-theme=dark] .correction-summary-container h4{color:#d79fff}.no-data{color:var(--text-color);font-style:italic;text-align:center;padding:1rem;opacity:.7}.correction-limit-input{width:100%;padding:.25rem .5rem;border:none;background:transparent;color:var(--text-color);font-size:.8rem;text-align:center;transition:none}.correction-limit-input:focus{outline:none;background:transparent;border:none}[data-theme=light] .correction-limit-input{color:#1e293b}[data-theme=light] .correction-limit-input:focus{background:transparent;border:none}[data-theme=dark] .correction-limit-input{color:#fff}[data-theme=dark] .correction-limit-input:focus{background:transparent;border:none}.autocorrection-toggle-container{margin-top:1rem;padding:.75rem;border-top:1px solid var(--border-color);background:var(--section-background);border-radius:0 0 8px 8px}.autocorrection-toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-color);transition:all .3s ease}.autocorrection-toggle-label:hover{color:var(--accent-color)}.autocorrection-toggle-input{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-color)}.autocorrection-toggle-text{-webkit-user-select:none;user-select:none;font-weight:600}.coordinate-section table,.coordinate-section table th,.coordinate-section table td{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}[data-theme=light] .autocorrection-toggle-container{background:#f8fafc;border-top-color:#e2e8f0}[data-theme=light] .autocorrection-toggle-label{color:#1e293b}[data-theme=light] .autocorrection-toggle-label:hover{color:#3b82f6}[data-theme=dark] .autocorrection-toggle-container{background:#ffffff0d;border-top-color:#ffffff1a}[data-theme=dark] .autocorrection-toggle-label{color:#fff}[data-theme=dark] .autocorrection-toggle-label:hover{color:#d79fff}.correction-summary-container{display:flex;flex-direction:column;align-items:center;width:100%}.correction-summary-table-wrapper{width:100%;overflow-x:auto;overflow-y:visible;border:1px solid var(--border-color);border-radius:4px;background:var(--card-background)}.correction-summary-table-wrapper::-webkit-scrollbar{height:8px}.correction-summary-table-wrapper::-webkit-scrollbar-track{background:var(--section-background);border-radius:4px}.correction-summary-table-wrapper::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px}.correction-summary-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--accent-color-hover)}.correction-summary-table{width:100%;border-collapse:collapse;background:transparent;border:2px solid var(--border-color);border-radius:6px;overflow:hidden;font-size:.8rem;min-width:600px;transition:border-color .3s ease}.correction-summary-table th{padding:.5rem;text-align:center;border:1px solid var(--border-color);background:transparent;color:var(--text-color);font-size:.8rem;transition:all .3s ease}.correction-summary-table td{padding:.45rem;text-align:center;border:1px solid var(--border-color);background:transparent;color:var(--text-color);font-size:.75rem;transition:all .3s ease}.correction-summary-table th{background:var(--card-background);font-weight:600;position:sticky;top:0;z-index:10}.correction-summary-table tbody tr:nth-child(2n){background:var(--card-background)}[data-theme=light] .correction-summary-table tbody tr:nth-child(2n){background:#f1f5f9}[data-theme=light] .correction-summary-table tbody tr:nth-child(2n) td{background:#f1f5f9}[data-theme=dark] .correction-summary-table tbody tr:nth-child(2n){background:#ffffff0d}.correction-summary-table tbody tr:hover{background:var(--hover-color)}[data-theme=light] .correction-summary-table tbody tr:hover,[data-theme=light] .correction-summary-table tbody tr:hover td{background:#e0f2fe}[data-theme=dark] .correction-summary-table tbody tr:hover{background:#d79fff1a}.row-label-column{position:sticky;left:0;z-index:11;background:transparent!important;min-width:80px;font-weight:600}.row-label{background:transparent!important;font-weight:600;text-align:left;padding-left:.5rem}.segment-column{min-width:50px;max-width:65px;vertical-align:top}.segment-header{display:flex;flex-direction:column;gap:.25rem}.segment-label{font-weight:600;font-size:.8rem;color:var(--accent-color)}.span-name{font-size:.75rem;color:var(--text-color);opacity:.7;font-weight:400}.segment-cell{min-width:50px;max-width:65px;word-wrap:break-word;white-space:normal}.segment-cell.non-zero-value{font-weight:700;color:#ef4444}[data-theme=light] .segment-cell.non-zero-value{color:#dc2626;font-weight:700}[data-theme=dark] .segment-cell.non-zero-value{color:#f87171;font-weight:700}.correction-summary-container .loading,.correction-summary-container .error-message{text-align:center;padding:2rem;color:var(--text-color);font-style:italic}.correction-summary-container .error-message{color:#ef4444}[data-theme=light] .correction-summary-table-wrapper{border-color:#e2e8f0;background:#fff}[data-theme=light] .segment-label{color:#3b82f6}[data-theme=dark] .correction-summary-table-wrapper{border-color:#d79fff33;background:#ffffff0d}[data-theme=dark] .correction-summary-table{border-color:#d79fff4d;background:transparent}[data-theme=dark] .correction-summary-table th{background:#d79fff33;color:#fff;border-color:#d79fff4d}[data-theme=dark] .correction-summary-table td{color:#fff;border-color:#d79fff33;background:transparent}[data-theme=dark] .row-label-column,[data-theme=dark] .row-label{background:#d79fff33!important}[data-theme=dark] .segment-label{color:#d79fff}.deflection-type-selector{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.deflection-type-select{padding:.4rem .6rem;font-size:.85rem;border-radius:4px;border:1px solid var(--border-color);background-color:var(--card-background);color:var(--text-color);min-width:200px;cursor:pointer;transition:all .2s ease}.deflection-type-select:hover:not(:disabled){border-color:var(--accent-color)}.deflection-type-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #d79fff33}.deflection-type-select:disabled{cursor:not-allowed;opacity:.6}.deflection-type-select option{background-color:var(--card-background);color:var(--text-color);padding:.5rem}select.deflection-type-select option{background-color:var(--card-background)!important;color:var(--text-color)!important}.loading-text{font-size:.85rem;color:var(--text-color);opacity:.7}[data-theme=light] .deflection-type-select{background-color:#fff;border-color:#cbd5e1;color:#1e293b}[data-theme=light] .deflection-type-select:hover:not(:disabled){border-color:#3b82f6}[data-theme=light] .deflection-type-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}[data-theme=light] .deflection-type-select option,[data-theme=light] select.deflection-type-select option{background-color:#fff!important;color:#1e293b!important}[data-theme=light] select.deflection-type-select,[data-theme=light] .deflection-type-select{background-color:#fff!important}[data-theme=dark] .deflection-type-select{background-color:#ffffff1a;border-color:#d79fff4d;color:#fff}[data-theme=dark] .deflection-type-select:hover:not(:disabled){border-color:#d79fff}[data-theme=dark] .deflection-type-select:focus{border-color:#d79fff;box-shadow:0 0 0 2px #d79fff4d}[data-theme=dark] .deflection-type-select option{background-color:#3a3f4b!important;color:#fff!important}[data-theme=dark] select.deflection-type-select option{background-color:#3a3f4b!important;background:#3a3f4b!important;color:#fff!important}[data-theme=dark] .deflection-type-select option,[data-theme=dark] select.deflection-type-select option{background-color:#3a3f4b!important;background:#3a3f4b!important}[data-theme=dark] select.deflection-type-select option:checked,[data-theme=dark] select.deflection-type-select option:hover,[data-theme=dark] .deflection-type-select option:checked,[data-theme=dark] .deflection-type-select option:hover{background-color:#1a202c!important;background:#1a202c!important;color:#fff!important}[data-theme=dark] select.deflection-type-select option[selected],[data-theme=dark] .deflection-type-select option[selected]{background-color:#1a202c!important;background:#1a202c!important;color:#fff!important}[data-theme=dark] .deflection-type-select option::-moz-selection,[data-theme=dark] select.deflection-type-select option::-moz-selection{background-color:#1a202c!important;color:#fff!important}[data-theme=dark] .deflection-type-select option::selection,[data-theme=dark] select.deflection-type-select option::selection{background-color:#2c1a25!important;color:#fff!important}.control-point-settings-container{display:flex;flex-direction:column;gap:0;margin-top:1rem}.control-point-settings-container .camber-table-container h4{font-size:1rem;font-weight:600;color:var(--accent-color);margin:0 0 .5rem;text-align:center}.control-point-setting-row{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.control-point-setting-label{width:220px;font-weight:500;color:var(--text-color);flex-shrink:0;font-size:.85rem;text-align:left}.control-point-input-wrapper{display:flex;align-items:center;gap:.5rem;flex-shrink:0;justify-content:flex-start}.control-point-setting-input{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--card-background);color:var(--text-color);font-size:.85rem;width:100px;transition:all .2s ease}.control-point-unit{font-size:.9rem;color:var(--text-color);opacity:.7;white-space:nowrap}.control-point-setting-input:hover:not(:disabled){border-color:var(--accent-color)}.control-point-setting-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #d79fff33}.control-point-setting-input:disabled{cursor:not-allowed;opacity:.6;background-color:var(--section-background)}[data-theme=light] .control-point-setting-input{background-color:#fff;border-color:#cbd5e1;color:#1e293b}[data-theme=light] .control-point-setting-input:hover:not(:disabled){border-color:#3b82f6}[data-theme=light] .control-point-setting-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}[data-theme=light] .control-point-setting-label{color:#1e293b}[data-theme=dark] .control-point-setting-input{background-color:#ffffff1a;border-color:#d79fff4d;color:#fff}[data-theme=dark] .control-point-setting-input:hover:not(:disabled){border-color:#d79fff}[data-theme=dark] .control-point-setting-input:focus{border-color:#d79fff;box-shadow:0 0 0 2px #d79fff4d}[data-theme=dark] .control-point-setting-label{color:#fff}@media (max-width: 768px){.control-point-setting-row{flex-direction:column;align-items:flex-start;gap:.5rem}.control-point-setting-label{min-width:auto}.control-point-setting-input{width:100%;min-width:auto}}.rotation-reference-options{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0 1.25rem}.rotation-reference-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.rotation-reference-option input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.rotation-reference-option input[type=radio]:disabled{cursor:not-allowed;opacity:.6}[data-theme=dark] select.deflection-type-select{background-color:#ffffff1a!important;background:#ffffff1a!important}[data-theme=dark] select.deflection-type-select,[data-theme=dark] .deflection-type-select{background-color:#ffffff1a!important}@media (max-width: 768px){.deflection-type-select{font-size:.75rem;padding:.35rem .5rem}.loading-text{font-size:.75rem}}@media (max-width: 480px){.deflection-type-select{font-size:.7rem;padding:.3rem .45rem;min-width:150px}.loading-text{font-size:.7rem}}.deflection-panels-container{display:flex;gap:1.5rem;width:100%;align-items:flex-start}.deflection-panel-left,.deflection-panel-right{flex:1;min-width:0}@media (max-width: 1200px){.deflection-panels-container{flex-direction:column;gap:1rem}.deflection-panel-left,.deflection-panel-right{width:100%}}.deflection-panel-left .camber-table-container,.deflection-panel-right .camber-table-container{overflow-x:auto;width:100%}.deflection-panel-left .coordinate-table,.deflection-panel-right .coordinate-table{width:auto;min-width:auto;max-width:100%;table-layout:auto}.deflection-panel-left .coordinate-table th,.deflection-panel-left .coordinate-table td,.deflection-panel-right .coordinate-table th,.deflection-panel-right .coordinate-table td{padding:.4rem .5rem;white-space:nowrap;text-align:center}.deflection-panel-left .coordinate-table th,.deflection-panel-right .coordinate-table th{line-height:1.3;vertical-align:bottom;white-space:normal}.deflection-panel-left .coordinate-table th br,.deflection-panel-right .coordinate-table th br{display:block;content:"";margin-top:.2rem}.erection-tabs-container{margin-top:0;margin-bottom:0;width:100%}.erection-tabs{display:flex;justify-content:space-between;align-items:center;gap:.5rem;border-bottom:2px solid var(--border-color, #e1e5e9);margin-bottom:0}.erection-tabs-left{display:flex;gap:.5rem}.erection-tabs-right{display:flex;gap:.5rem;align-items:center}.erection-tab-button{padding:12px 24px;border:none;background:transparent;color:var(--text-color-secondary, #666);border-bottom:2px solid transparent;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.95rem;position:relative;bottom:-2px}.erection-tab-button:hover{color:var(--primary-color, #667eea);background:#667eea0d}.erection-tab-button.active{color:var(--primary-color, #667eea);border-bottom:4px solid var(--primary-color, #667eea);font-weight:600}.erection-tab-content{width:100%;min-height:100px;margin-top:1rem;padding-top:0}.erection-tab-content .coordinate-section{border-top:none;margin-top:0;padding-top:0}.erection-tab-content .deflection-camber-section{border-top:none;border:none;padding:0;background:transparent!important;box-shadow:none!important;margin-bottom:0}[data-theme=light] .erection-tab-content .deflection-camber-section,[data-theme=dark] .erection-tab-content .deflection-camber-section{background:transparent!important;box-shadow:none!important}.erection-tab-content .coordinate-section .correction-summary-container{border-top:none}.erection-tab-content .camber-table-container .coordinate-table th:nth-child(3),.erection-tab-content .camber-table-container .coordinate-table td:nth-child(3){min-width:90px;white-space:nowrap}[data-theme=light] .erection-tabs{border-bottom-color:#3b82f64d}[data-theme=light] .erection-tab-button{color:#64748b}[data-theme=light] .erection-tab-button:hover{color:#1e40af;background:#3b82f61a}[data-theme=light] .erection-tab-button.active{color:#1e40af;border-bottom:4px solid #3b82f6}[data-theme=dark] .erection-tabs{border-bottom-color:#d79fff4d}[data-theme=dark] .erection-tab-button{color:#94a3b8}[data-theme=dark] .erection-tab-button:hover{color:#d79fff;background:#d79fff1a}[data-theme=dark] .erection-tab-button.active{color:#d79fff;border-bottom:4px solid #d79fff}.chart-erection{background:var(--card-background);border:2px solid var(--border-color);border-top:none;border-radius:0 0 12px 12px;padding:1rem 10px;width:100%;box-sizing:border-box;margin-top:0;margin-bottom:1rem;min-height:100px}[data-theme=light] .chart-erection{background:#e2e8f0;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}[data-theme=dark] .chart-erection{background:#ffffff1a;border-color:#d79fff33}.deflection-camber-section{background:var(--card-background);border:2px solid var(--border-color);border-top:none;border-radius:0 0 12px 12px;padding:1rem 10px;width:100%;box-sizing:border-box;margin-top:0;margin-bottom:1rem;min-height:100px}[data-theme=light] .deflection-camber-section{background:#e2e8f0;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}[data-theme=dark] .deflection-camber-section{background:#ffffff1a;border-color:#d79fff33}.close-button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;width:28px;height:28px;display:flex;align-items:center;justify-content:center;line-height:1}.close-button:disabled{opacity:.5;cursor:not-allowed}.email-sent-indicator{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#d1fae5;border:1px solid #10b981;border-radius:6px;margin-top:16px}.email-sent-indicator .sent-icon{font-size:18px}.email-sent-indicator .sent-message{color:#065f46;font-weight:500}[data-theme=dark] .email-sent-indicator .sent-message{color:#10b981}.pdf-checkbox-container{display:flex;flex-direction:column;gap:8px}.group-coordinate-table-container{overflow-x:auto;width:100%;min-width:0}.table-header-row h4{margin:0;flex:1;color:#d79fff;font-size:1rem;font-weight:600;text-align:center}.table-title-with-checkbox{display:flex;align-items:center;gap:1rem;flex:1}.table-title-with-checkbox h4{flex:1;text-align:center}.camber-checkbox-label{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem;cursor:pointer;-webkit-user-select:none;user-select:none}.camber-checkbox{width:16px;height:16px;accent-color:#d79fff;cursor:pointer}.table-controls-row{display:flex;justify-content:flex-end;align-items:center;margin-bottom:.5rem;gap:1rem}.group-coordinate-table-container h4{color:#d79fff;margin:0 0 .5rem;font-size:1rem;font-weight:600;text-align:center}.group-coordinate-table{width:100%;min-width:max-content;border-collapse:collapse;background:transparent;border:2px solid var(--border-color);border-radius:6px;overflow:hidden;font-size:.8rem;transition:border-color .3s ease}[data-theme=light] .group-coordinate-table{border-color:#3b82f6;background:transparent}[data-theme=dark] .group-coordinate-table{border-color:#d79fff4d;background:transparent}.group-coordinate-table th{background:var(--card-background);color:var(--text-color);padding:.5rem;text-align:center;font-weight:600;border:1px solid var(--border-color);font-size:.8rem;transition:all .3s ease}[data-theme=light] .group-coordinate-table th{background:#dbeafe;color:#1e293b;font-weight:700;border-color:#3b82f6}[data-theme=dark] .group-coordinate-table th{background:#d79fff33;color:#fff;border-color:#d79fff4d}.group-coordinate-table th:first-child,.group-coordinate-table td:first-child{width:120px}.group-coordinate-table th:not(:first-child),.group-coordinate-table td:not(:first-child){width:100px}.group-coordinate-table td{padding:.45rem;text-align:center;color:var(--text-color);border:1px solid var(--border-color);background:transparent;font-size:.75rem;transition:all .3s ease}[data-theme=light] .group-coordinate-table td{color:#1e293b;border-color:#cbd5e1;background:#fff}[data-theme=dark] .group-coordinate-table td{color:#fff;border-color:#d79fff33;background:transparent}.group-coordinate-table tbody tr:nth-child(2n){background:var(--card-background)}[data-theme=light] .group-coordinate-table tbody tr:nth-child(2n){background:#f1f5f9}[data-theme=light] .group-coordinate-table tbody tr:nth-child(2n) td{background:#f1f5f9}[data-theme=dark] .group-coordinate-table tbody tr:nth-child(2n){background:#ffffff0d}.group-coordinate-table tbody tr:hover{background:var(--hover-color)}[data-theme=light] .group-coordinate-table tbody tr:hover,[data-theme=light] .group-coordinate-table tbody tr:hover td{background:#e0f2fe}[data-theme=dark] .group-coordinate-table tbody tr:hover{background:#d79fff1a}.group-coordinate-table-container::-webkit-scrollbar{height:8px}.group-coordinate-table-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.group-coordinate-table-container::-webkit-scrollbar-thumb{background:#d79fff80;border-radius:4px}.group-coordinate-table-container::-webkit-scrollbar-thumb:hover{background:#d79fffb3}.group-coordinate-table,.group-coordinate-table th,.group-coordinate-table td{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.export-buttons{display:flex;gap:8px;margin-bottom:0;justify-content:flex-end;background:none;border:none;padding:0}.export-btn{padding:6px 12px;border:1px solid rgba(215,159,255,.5);border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;min-width:80px;justify-content:center;background:#d79fff33;color:#d79fff;position:relative;z-index:1;pointer-events:auto}[data-theme=light] .export-btn{background:#3b82f626;border-color:#3b82f666;color:#3b82f6}[data-theme=light] .export-btn:hover{background:#3b82f640;border-color:#3b82f699;color:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}[data-theme=light] .excel-btn:hover{background:#22c55e33;border-color:#22c55e80;color:#16a34a;box-shadow:0 2px 8px #22c55e4d}[data-theme=light] .pdf-btn:hover{background:#ef444433;border-color:#ef444480;color:#dc2626;box-shadow:0 2px 8px #ef44444d}[data-theme=dark] .export-btn{background:#d79fff33;border-color:#d79fff80;color:#d79fff}.export-btn:hover{background:#d79fff4d;border-color:#d79fffb3;transform:translateY(-1px);box-shadow:0 2px 8px #d79fff4d;z-index:2}.export-btn:hover:before{content:"";position:absolute;inset:-2px;z-index:-1}.export-btn:active{background:#d79fff26;transform:translateY(0)}.excel-btn:hover{background:#22c55e33;border-color:#22c55e80;color:#22c55e;box-shadow:0 2px 8px #22c55e4d;z-index:2}.pdf-btn:hover{background:#ef444433;border-color:#ef444480;color:#ef4444;box-shadow:0 2px 8px #ef44444d}.dxf-btn:hover{background:#0ea5e933;border-color:#0ea5e980;color:#0ea5e9;box-shadow:0 2px 8px #0ea5e94d}.export-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.export-btn:disabled:hover{background:#d79fff33;border-color:#d79fff80;color:#d79fff;box-shadow:none}@media (max-width: 768px){.export-buttons{justify-content:flex-start;flex-wrap:wrap;gap:6px}.export-btn{min-width:auto;padding:5px 8px;font-size:.75rem}.export-btn .modify-text{display:none}.export-btn .modify-icon{display:inline-block}}@media (max-width: 480px){.export-buttons{gap:4px}.export-btn{min-width:50px;padding:4px 8px;font-size:.7rem}}.coordinate-table-container{overflow-x:auto}.coordinate-table-container h4{color:var(--accent-color);margin:0 0 .5rem;font-size:1rem;font-weight:600;text-align:center;transition:color .3s ease}[data-theme=light] .coordinate-table-container h4{color:#1d4ed8;font-weight:700}[data-theme=dark] .coordinate-table-container h4{color:#d79fff}.coordinate-table{width:100%;border-collapse:collapse;background:transparent;border:2px solid var(--border-color);border-radius:6px;overflow:hidden;font-size:.8rem;transition:border-color .3s ease}[data-theme=light] .coordinate-table{border-color:#3b82f6;background:transparent}[data-theme=dark] .coordinate-table{border-color:#d79fff4d;background:transparent}.coordinate-table th{background:var(--card-background);color:var(--text-color);padding:.5rem;text-align:center;font-weight:600;border:1px solid var(--border-color);font-size:.8rem;transition:all .3s ease}[data-theme=light] .coordinate-table th{background:#dbeafe;color:#1e293b;font-weight:700;border-color:#3b82f6}[data-theme=dark] .coordinate-table th{background:#d79fff33;color:#fff;border-color:#d79fff4d}.coordinate-table td{padding:.45rem;text-align:center;color:var(--text-color);border:1px solid var(--border-color);background:transparent;font-size:.75rem;transition:all .3s ease}[data-theme=light] .coordinate-table td{color:#1e293b;border-color:#cbd5e1;background:#fff}[data-theme=dark] .coordinate-table td{color:#fff;border-color:#d79fff33;background:transparent}.coordinate-table tbody tr:nth-child(2n){background:var(--card-background)}[data-theme=light] .coordinate-table tbody tr:nth-child(2n){background:#f1f5f9}[data-theme=light] .coordinate-table tbody tr:nth-child(2n) td{background:#f1f5f9}[data-theme=dark] .coordinate-table tbody tr:nth-child(2n){background:#ffffff0d}.coordinate-table tbody tr:hover{background:var(--hover-color)}[data-theme=light] .coordinate-table tbody tr:hover,[data-theme=light] .coordinate-table tbody tr:hover td{background:#e0f2fe}[data-theme=dark] .coordinate-table tbody tr:hover{background:#d79fff1a}.coordinate-table-container::-webkit-scrollbar{height:8px}.coordinate-table-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.coordinate-table-container::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:4px;opacity:.5}.coordinate-table-container::-webkit-scrollbar-thumb:hover{background:var(--accent-color);opacity:.7}[data-theme=light] .coordinate-table-container::-webkit-scrollbar-thumb{background:#3b82f6}[data-theme=light] .coordinate-table-container::-webkit-scrollbar-thumb:hover{background:#1d4ed8}[data-theme=light] .coordinate-table-container::-webkit-scrollbar-track{background:#e2e8f0}[data-theme=dark] .coordinate-table-container::-webkit-scrollbar-thumb{background:#d79fff80}[data-theme=dark] .coordinate-table-container::-webkit-scrollbar-thumb:hover{background:#d79fffb3}[data-theme=dark] .coordinate-table-container::-webkit-scrollbar-track{background:#0000001a}.table-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:1rem}.table-header-row h4{margin:0;flex:1}.header-controls{display:flex;gap:.5rem;align-items:center}.table-controls-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem}.modify-survey-btn{background:#ffa500cc;border:1px solid rgba(255,165,0,.6);color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease}.modify-survey-btn:hover{background:orange;transform:translateY(-1px)}.export-buttons{display:flex;gap:.5rem}.signature-section{margin-top:1rem;padding:1rem;background:var(--card-background);border:2px solid var(--border-color);border-radius:6px;display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem;transition:all .3s ease}[data-theme=dark] .signature-section{background:#ffffff0d;border-color:#d79fff33}.signature-item{color:var(--text-color);font-size:.85rem;text-align:center;transition:color .3s ease}.signature-item strong{color:var(--accent-color);display:block;margin-bottom:.25rem;transition:color .3s ease}[data-theme=light] .signature-item{color:#1e293b}[data-theme=light] .signature-item strong{color:#1d4ed8;font-weight:700}[data-theme=dark] .signature-item{color:#fff}[data-theme=dark] .signature-item strong{color:#d79fff}.no-data-message{color:var(--text-secondary);text-align:center;font-style:italic;padding:2rem;transition:color .3s ease}[data-theme=light] .no-data-message{color:#64748b}[data-theme=dark] .no-data-message{color:#fff9}.coordinate-table,.coordinate-table th,.coordinate-table td{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.seg-deflection-chart-wrapper{width:100%;max-width:100%;margin-top:1.5rem;margin-bottom:0;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:visible;box-sizing:border-box}.seg-deflection-chart-wrapper .seg-deflection-chart-container{width:100%!important;max-width:100%!important;min-width:0!important;min-height:320px!important;background:transparent!important;overflow-x:hidden!important;overflow-y:hidden!important;border-radius:8px;padding:10px!important;margin:0!important;box-shadow:none!important;border:2px solid rgba(255,255,255,.1)!important;box-sizing:border-box}.seg-deflection-chart-wrapper .seg-deflection-chart-container>div{width:100%!important;max-width:100%!important;min-height:300px!important;overflow:hidden!important;height:100%!important;max-height:100%!important}[data-theme=light] .seg-deflection-chart-wrapper .seg-deflection-chart-container{border-color:#cbd5e1!important}[data-theme=dark] .seg-deflection-chart-wrapper .seg-deflection-chart-container{border-color:#ffffff1a!important}.seg-deflection-chart-wrapper .seg-deflection-chart-container::-webkit-scrollbar{height:8px}.seg-deflection-chart-wrapper .seg-deflection-chart-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.seg-deflection-chart-wrapper .seg-deflection-chart-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.seg-deflection-chart-wrapper .seg-deflection-chart-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}[data-theme=light] .seg-deflection-chart-wrapper .seg-deflection-chart-container::-webkit-scrollbar-track{background:#0000001a}[data-theme=light] .seg-deflection-chart-wrapper .seg-deflection-chart-container::-webkit-scrollbar-thumb{background:#0000004d}[data-theme=light] .seg-deflection-chart-wrapper .seg-deflection-chart-container::-webkit-scrollbar-thumb:hover{background:#00000080}@media (min-width: 1025px){.seg-deflection-chart-wrapper{overflow-x:hidden!important;width:100%!important;max-width:100%!important}.seg-deflection-chart-wrapper .seg-deflection-chart-container{overflow-x:hidden!important;width:100%!important;max-width:100%!important;min-width:0!important}.seg-deflection-chart-wrapper .seg-deflection-chart-container>div{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}.seg-deflection-chart-wrapper .seg-deflection-chart-container::-webkit-scrollbar{display:none!important}}@media (min-width: 769px) and (max-width: 1024px){.seg-deflection-chart-wrapper{width:100%;padding:15px}.seg-deflection-chart-wrapper .seg-deflection-chart-container{width:100%!important;max-width:100%!important;min-width:0!important;padding:10px!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;box-sizing:border-box}.seg-deflection-chart-wrapper .seg-deflection-chart-container>div{min-width:600px;width:auto;height:100%!important;max-height:100%;overflow:hidden}.seg-deflection-chart-wrapper .seg-deflection-chart-container::-webkit-scrollbar{height:12px!important;display:block!important}.seg-deflection-chart-wrapper .seg-deflection-chart-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.seg-deflection-chart-wrapper .seg-deflection-chart-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.seg-deflection-chart-wrapper .seg-deflection-chart-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}}@media (max-width: 768px){.seg-deflection-chart-wrapper{padding:10px}.seg-deflection-chart-wrapper .seg-deflection-chart-container{min-width:500px;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}.seg-deflection-chart-wrapper .seg-deflection-chart-container::-webkit-scrollbar{height:12px!important;display:block!important}.seg-deflection-chart-wrapper .seg-deflection-chart-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.seg-deflection-chart-wrapper .seg-deflection-chart-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.seg-deflection-chart-wrapper .seg-deflection-chart-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}}.span-list-nav{background:var(--card-background);border-radius:8px;border:1px solid var(--border-color);height:90%;width:365px;position:fixed;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}[data-theme=light] .span-list-nav{background:#fffffff2;border-color:#e2e8f0;box-shadow:0 4px 12px #0f172a1a}[data-theme=dark] .span-list-nav{background:#ffffff14;border-color:#d79fff26}.span-list-header{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:.6rem;background:var(--hover-color);transition:all .3s ease;position:relative}.span-nav-collapse-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:none;align-items:center;justify-content:center;color:var(--text-color);transition:all .3s ease;z-index:10;box-shadow:0 2px 4px #0000001a}.span-nav-collapse-btn:hover{background:var(--hover-color);border-color:var(--accent-color);color:var(--accent-color);transform:scale(1.05)}[data-theme=light] .span-nav-collapse-btn{background:#fffffff2;border-color:#e2e8f0;color:#475569;box-shadow:0 2px 4px #0f172a1a}[data-theme=light] .span-nav-collapse-btn:hover{background:#3b82f61a;border-color:#3b82f6;color:#1e40af}[data-theme=dark] .span-nav-collapse-btn{background:#ffffff14;border-color:#d79fff26;color:#fffc}[data-theme=dark] .span-nav-collapse-btn:hover{background:#d79fff26;border-color:#d79fff;color:#d79fff}[data-theme=light] .span-list-header{background:#3b82f60d;border-bottom-color:#e2e8f0}[data-theme=dark] .span-list-header{background:#d79fff1a;border-bottom-color:#d79fff26}.span-list-header .header-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.header-title-section{display:flex;align-items:center;gap:.5rem;flex:1}.view-mode-select{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;padding:.4rem .6rem;color:var(--text-color);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none;min-width:120px}.view-mode-select:hover{border-color:var(--accent-color);background:var(--hover-color)}.view-mode-select:focus{outline:none;border-color:var(--accent-color)}[data-theme=light] .view-mode-select{background:#fffc;border-color:#e2e8f0;color:#1d4ed8}[data-theme=light] .view-mode-select:hover{background:#3b82f61a;border-color:#3b82f6}[data-theme=dark] .view-mode-select{background:#ffffff1a!important;background-color:#ffffff1a!important;border-color:#d79fff4d!important;color:#d79fff!important}[data-theme=dark] .view-mode-select:hover{background:#d79fff26!important;background-color:#d79fff26!important;border-color:#d79fff!important}[data-theme=dark] .view-mode-select:focus{background:#ffffff1a!important;background-color:#ffffff1a!important;border-color:#d79fff!important}[data-theme=dark] .view-mode-select option,[data-theme=dark] select.view-mode-select option{background:#3a3f4b!important;background-color:#3a3f4b!important;color:#fff!important}[data-theme=dark] .view-mode-select option:checked,[data-theme=dark] .view-mode-select option:hover{background:#1a202c!important;background-color:#1a202c!important;color:#fff!important}[data-theme=dark] select.view-mode-select option:checked,[data-theme=dark] select.view-mode-select option:hover{background:#1a202c!important;background-color:#1a202c!important;color:#fff!important}.header-controls{display:flex;align-items:center;gap:.75rem}.filter-area-container .filter-options{display:flex;gap:.3rem;flex-wrap:nowrap;align-items:center;margin:0;width:100%;justify-content:space-between;box-sizing:border-box}.filter-option{display:flex;align-items:center;cursor:pointer;color:var(--text-color);font-size:.85rem;transition:color .2s ease;white-space:nowrap;flex-shrink:0;opacity:.8}[data-theme=light] .filter-option{color:#475569}[data-theme=light] .filter-option:hover{color:#3b82f6}[data-theme=dark] .filter-option{color:#fffc}[data-theme=dark] .filter-option:hover{color:#d79fff}.filter-option:hover{opacity:1}.filter-option input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent-color);cursor:pointer;margin-right:.35rem}[data-theme=light] .filter-option input[type=checkbox]{accent-color:#3b82f6}[data-theme=dark] .filter-option input[type=checkbox]{accent-color:#d79fff}.filter-option span{-webkit-user-select:none;user-select:none}.filter-area-container{border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem .5rem .5rem;background:transparent;margin:.5rem 0 0;position:relative;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}[data-theme=light] .filter-area-container{border-color:#e2e8f0;background:transparent}[data-theme=dark] .filter-area-container{border-color:#d79fff33;background:transparent}.filter-expand-button{background:transparent;border:none;color:var(--accent-color);cursor:pointer;padding:.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:24px;height:24px;flex-shrink:0;margin-left:auto}.filter-expand-button:hover{background:var(--hover-color);border-color:var(--accent-color)}[data-theme=light] .filter-expand-button{background:#fffc;border-color:#e2e8f0;color:#3b82f6}[data-theme=light] .filter-expand-button:hover{background:#3b82f61a;border-color:#3b82f6}[data-theme=dark] .filter-expand-button{background:#ffffff0d;border-color:#d79fff33;color:#d79fff}[data-theme=dark] .filter-expand-button:hover{background:#d79fff26;border-color:#d79fff}.advanced-filters{display:flex;flex-direction:column;gap:.4rem;padding-top:.75rem;border-top:1px solid var(--border-color);margin-top:.75rem}[data-theme=light] .advanced-filters{border-top-color:#e2e8f0}[data-theme=dark] .advanced-filters{border-top-color:#d79fff33}.filter-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.filter-label{font-size:.85rem;color:var(--text-color);font-weight:500;min-width:70px;flex-shrink:0}[data-theme=light] .filter-label{color:#475569}[data-theme=dark] .filter-label{color:#fffc}.filter-select{flex:1;min-width:150px;padding:.4rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-background);color:var(--text-color);font-size:.85rem;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #d79fff33}[data-theme=light] .filter-select{background:#fff;border-color:#d1d5db;color:#1f2937}[data-theme=light] .filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}[data-theme=dark] .filter-select{background:#ffffff1a;border-color:#d79fff4d;color:#fff}[data-theme=dark] .filter-select:focus{border-color:#d79fff;box-shadow:0 0 0 2px #d79fff33}.filter-select option{padding:.25rem;background:var(--card-background);color:var(--text-color);font-size:.7rem}.filter-length-input{flex:1;min-width:120px;padding:.4rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-background);color:var(--text-color);font-size:.85rem}.filter-length-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #d79fff33}[data-theme=light] .filter-length-input{background:#fff;border-color:#d1d5db;color:#1f2937}[data-theme=light] .filter-length-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}[data-theme=dark] .filter-length-input{background:#ffffff1a;border-color:#d79fff4d;color:#fff}[data-theme=dark] .filter-length-input:focus{border-color:#d79fff;box-shadow:0 0 0 2px #d79fff33}.filter-date-input{flex:1;min-width:150px;padding:.4rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-background);color:var(--text-color);font-size:.85rem}.filter-date-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #d79fff33}[data-theme=light] .filter-date-input{background:#fff;border-color:#d1d5db;color:#1f2937}[data-theme=light] .filter-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}[data-theme=dark] .filter-date-input{background:#ffffff1a;border-color:#d79fff4d;color:#fff}[data-theme=dark] .filter-date-input:focus{border-color:#d79fff;box-shadow:0 0 0 2px #d79fff33}.filter-clear-btn,.filter-select-all-btn{padding:.3rem .6rem;border:1px solid var(--border-color);border-radius:4px;background:var(--card-background);color:var(--text-color);font-size:.75rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-clear-btn:hover,.filter-select-all-btn:hover{background:var(--hover-color);border-color:var(--accent-color)}[data-theme=light] .filter-clear-btn,[data-theme=light] .filter-select-all-btn{background:#fffc;border-color:#d1d5db;color:#475569}[data-theme=light] .filter-clear-btn:hover,[data-theme=light] .filter-select-all-btn:hover{background:#3b82f61a;border-color:#3b82f6;color:#1e40af}[data-theme=dark] .filter-clear-btn,[data-theme=dark] .filter-select-all-btn{background:#ffffff0d;border-color:#d79fff4d;color:#fffc}[data-theme=dark] .filter-clear-btn:hover,[data-theme=dark] .filter-select-all-btn:hover{background:#d79fff1a;border-color:#d79fff;color:#d79fff}.search-sort-row{display:flex;gap:.5rem;align-items:center;padding:0;margin-top:0}.sort-button{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;padding:.5rem;color:var(--text-color);font-size:1rem;cursor:pointer;transition:all .2s ease;opacity:.8;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;outline:none}.sort-button:focus{outline:none}.sort-button:hover{opacity:1;background:var(--hover-color);border-color:var(--accent-color)}.sort-button.active{background:var(--accent-color);color:#fff;opacity:1;border-color:var(--accent-color)}.sort-button.active:hover{background:var(--accent-color);opacity:.9}.view-mode-button{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;padding:.5rem;color:var(--text-color);font-size:1rem;cursor:pointer;transition:all .2s ease;opacity:.8;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;outline:none}.view-mode-button:focus{outline:none}.view-mode-button:hover{opacity:1;background:var(--hover-color);border-color:var(--accent-color)}.view-mode-button.active{background:var(--accent-color);color:#fff;opacity:1;border-color:var(--accent-color)}.view-mode-button.active:hover{background:var(--accent-color);opacity:.9}[data-theme=light] .view-mode-button{background:#fffc;border-color:#e2e8f0;color:#475569}[data-theme=light] .view-mode-button:hover{background:#3b82f61a;border-color:#3b82f6;color:#1e40af}[data-theme=light] .view-mode-button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}[data-theme=dark] .view-mode-button{background:#ffffff14;border-color:#d79fff26;color:#fffc}[data-theme=dark] .view-mode-button:hover{background:#d79fff1a;border-color:#d79fff;color:#d79fff}[data-theme=dark] .view-mode-button.active{background:#d79fff;color:#1a1a1a;border-color:#d79fff}.hide-groups-button{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;padding:.5rem;color:var(--text-color);font-size:1rem;cursor:pointer;transition:all .2s ease;opacity:.8;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;outline:none}.hide-groups-button:focus{outline:none}.hide-groups-button:hover{opacity:1;background:var(--hover-color);border-color:var(--accent-color)}.hide-groups-button.active{background:var(--accent-color);color:#fff;opacity:1;border-color:var(--accent-color)}.hide-groups-button.active:hover{background:var(--accent-color);opacity:.9}[data-theme=light] .hide-groups-button{background:#fffc;border-color:#e2e8f0;color:#475569}[data-theme=light] .hide-groups-button:hover{background:#3b82f61a;border-color:#3b82f6;color:#1e40af}[data-theme=light] .hide-groups-button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}[data-theme=dark] .hide-groups-button{background:#ffffff14;border-color:#d79fff26;color:#fffc}[data-theme=dark] .hide-groups-button:hover{background:#d79fff1a;border-color:#d79fff;color:#d79fff}[data-theme=dark] .hide-groups-button.active{background:#d79fff;color:#1a1a1a;border-color:#d79fff}.autoready-button{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;padding:.5rem;color:var(--text-color);font-size:1rem;cursor:pointer;transition:all .2s ease;opacity:.8;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;outline:none}.autoready-button:focus{outline:none}.autoready-button:hover{opacity:1;background:var(--hover-color);border-color:#10b981}.autoready-button.active{background:#10b981;color:#fff;opacity:1;border-color:#10b981}.autoready-button.active:hover{background:#059669;opacity:.9}.autoready-button:not(.active){color:#9ca3af}.autoready-button:not(.active):hover{color:#6b7280}[data-theme=light] .sort-button{background:#fffc;border-color:#e2e8f0;color:#475569}[data-theme=light] .sort-button:hover{background:#3b82f61a;border-color:#3b82f6;color:#1e40af}[data-theme=light] .sort-button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}[data-theme=light] .autoready-button{background:#fffc;border-color:#e2e8f0;color:#475569}[data-theme=light] .autoready-button:not(.active){color:#9ca3af}[data-theme=light] .autoready-button:not(.active):hover{color:#6b7280}[data-theme=light] .autoready-button:hover{background:#10b9811a;border-color:#10b981;color:#059669}[data-theme=light] .autoready-button.active{background:#10b981;color:#fff;border-color:#10b981}[data-theme=dark] .sort-button,[data-theme=dark] .autoready-button{background:#ffffff14;border-color:#d79fff26;color:#fffc}[data-theme=dark] .autoready-button:not(.active){color:#9ca3af}[data-theme=dark] .autoready-button:not(.active):hover{color:#6b7280}[data-theme=dark] .autoready-button:hover{background:#10b9811a;border-color:#10b981;color:#10b981}[data-theme=dark] .autoready-button.active{background:#10b981;color:#1a1a1a;border-color:#10b981}[data-theme=dark] .sort-button:hover{background:#d79fff1a;border-color:#d79fff;color:#d79fff}[data-theme=dark] .sort-button.active{background:#d79fff;color:#1a1a1a;border-color:#d79fff}.span-list-header h3{color:var(--accent-color);margin:0;font-size:1.1rem;font-weight:600;transition:color .3s ease;white-space:nowrap}.span-count{font-size:.9rem;color:var(--text-color);opacity:.8;font-weight:500;white-space:nowrap}[data-theme=light] .span-count{color:#475569}[data-theme=dark] .span-count{color:#ffffffb3}[data-theme=light] .span-list-header h3{color:#1e40af}[data-theme=dark] .span-list-header h3{color:#d79fff}.span-count{color:var(--text-color);font-size:.9rem;background:var(--accent-color);padding:.25rem .5rem;border-radius:12px;transition:all .3s ease}[data-theme=light] .span-count{color:#fff;background:#3b82f6}[data-theme=dark] .span-count{color:#ffffffb3;background:#d79fff33}.search-input{background:var(--input-background);border:1px solid var(--border-color);border-radius:6px;padding:.5rem;color:var(--text-color);font-size:.9rem;flex:1;transition:all .2s ease}.search-input::placeholder{color:var(--text-color);opacity:.5}.search-input:focus{outline:none;border-color:var(--accent-color);background:var(--input-background);box-shadow:0 0 0 2px var(--accent-color);color:var(--text-color);opacity:1}[data-theme=light] .search-input{background:#fff;border-color:#d1d5db;color:#6b7280}[data-theme=light] .search-input::placeholder{color:#9ca3af}[data-theme=light] .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;color:#1f2937;background:#fff}[data-theme=dark] .search-input{background:#ffffff1a;border-color:#d79fff4d;color:#fff}[data-theme=dark] .search-input::placeholder{color:#ffffff80}[data-theme=dark] .search-input:focus{border-color:#d79fff;background:#ffffff26;box-shadow:0 0 0 2px #d79fff33;color:#fff}.span-list-container{flex:1;padding:.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.span-list-empty{padding:1.5rem;text-align:center;color:var(--text-color);opacity:.6;font-style:italic;min-height:100px;display:flex;align-items:center;justify-content:center}[data-theme=light] .span-list-empty{color:#64748b}[data-theme=dark] .span-list-empty{color:#fff9}.span-list-loading{padding:1.5rem;text-align:center;color:var(--text-color);opacity:.8;font-style:italic;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:100px}.span-list-loading:before{content:"";width:16px;height:16px;border:2px solid var(--accent-color);border-top:2px solid var(--accent-color);opacity:.3;border-radius:50%;animation:spin 1s linear infinite}[data-theme=light] .span-list-loading:before{border-color:#3b82f64d;border-top-color:#3b82f6}[data-theme=dark] .span-list-loading{color:#fffc}[data-theme=dark] .span-list-loading:before{border-color:#d79fff4d;border-top-color:#d79fff}.span-item{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;padding:.75rem 1rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:.1rem;position:relative;overflow:hidden;transition:all .2s ease}[data-theme=light] .span-item{background:#ffffffb3;border-color:#e5e7eb}[data-theme=light] .span-item:hover{background:#fff;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f626}[data-theme=dark] .span-item{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .span-item:hover{background:#d79fff26;border-color:#d79fff4d}.span-item.selected{background:var(--accent-color);border-color:#ef4444;border-width:2px;opacity:1;transform:translateY(-1px);transition:all .2s ease}[data-theme=light] .span-item.selected{background:#3b82f626;border-color:#ef4444;box-shadow:0 2px 8px #3b82f633}[data-theme=dark] .span-item.selected{background:#c375fa59;border-color:#ef4444}.span-notification-badge{position:absolute;top:4px;right:0;background-color:var(--danger-color, #dc3545);color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:10;animation:pulse 2s infinite;box-shadow:0 2px 4px #0003}.span-name{color:var(--text-color);font-weight:500;font-size:.95rem;position:relative;z-index:1;transition:color .3s ease}[data-theme=light] .span-name{color:#374151}[data-theme=dark] .span-name{color:#fff}.project-name{color:#fff9;font-size:.8rem;font-style:italic;position:relative;z-index:1}.span-name-content{display:flex;align-items:center;justify-content:space-between;width:100%}.span-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autocorrection-icon{display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:.5rem;flex-shrink:0;transition:all .3s ease}.autocorrection-icon:hover{transform:scale(1.1)}.autocorrection-icon.enabled{color:#10b981;font-size:1.2rem}.autocorrection-icon.enabled:hover{color:#059669}.autocorrection-icon.disabled{color:#9ca3af;font-size:.6rem;opacity:.6}.autocorrection-icon.disabled:hover{color:#6b7280;opacity:.8}[data-theme=light] .autocorrection-icon.enabled{color:#10b981}[data-theme=light] .autocorrection-icon.enabled:hover{color:#059669}[data-theme=light] .autocorrection-icon.disabled{color:#9ca3af}[data-theme=light] .autocorrection-icon.disabled:hover{color:#6b7280}[data-theme=dark] .autocorrection-icon.enabled{color:#10b981}[data-theme=dark] .autocorrection-icon.enabled:hover{color:#059669}[data-theme=dark] .autocorrection-icon.disabled{color:#9ca3af}[data-theme=dark] .autocorrection-icon.disabled:hover{color:#d1d5db}.span-segment-bar-bg{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;z-index:0;opacity:1;pointer-events:none}.segment-block{flex:1 1 0;height:100%;margin:0;border-radius:0;background-color:var(--border-color);opacity:.3;transition:all .3s ease}.segment-block.casted{background-color:var(--accent-color);opacity:.6}[data-theme=light] .segment-block{background-color:#9ca3af4d}[data-theme=light] .segment-block.casted{background-color:#3b82f699}[data-theme=dark] .segment-block{background-color:#78787814}[data-theme=dark] .segment-block.casted{background-color:#d79fff59}.segment-block.uncasted{background-color:#78787814}.span-list-container::-webkit-scrollbar{width:4px}.span-list-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.span-list-container::-webkit-scrollbar-thumb{background:#d79fff4d;border-radius:2px}.span-list-container::-webkit-scrollbar-thumb:hover{background:#d79fff80}.span-list-nav.collapsed{width:50px!important;min-width:50px!important;max-width:50px!important;overflow:visible}.span-list-nav.collapsed .span-list-header{padding:8px;min-height:50px;justify-content:center;align-items:center}.span-list-nav.collapsed .header-row,.span-list-nav.collapsed .filter-options,.span-list-nav.collapsed .search-sort-row,.span-list-nav.collapsed .span-list-container{display:none!important}.span-list-nav.collapsed .span-nav-collapse-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);right:auto}@media (min-width: 768px) and (max-width: 1024px){.span-nav-collapse-btn{display:flex}.span-list-nav:not(.collapsed){width:365px}.span-list-nav.collapsed{width:50px!important}}@media (max-width: 768px){.span-list-nav{width:100%!important;height:auto!important;max-height:50vh;position:relative!important}.span-list-header{padding:.75rem;gap:.5rem}.span-list-header h3{font-size:1rem}.filter-options{flex-wrap:wrap;gap:.5rem}.filter-option{font-size:.75rem}.span-list-container{max-height:calc(50vh - 120px);min-height:80px}.span-item{padding:.75rem;margin-bottom:.5rem}.span-title{font-size:.9rem}.span-meta{font-size:.75rem}.segment-progress{height:6px}.segment-block{min-width:8px}.span-list-empty,.span-list-loading{min-height:80px;padding:1rem}}@media (max-width: 480px){.span-list-nav{max-height:40vh}.span-list-header{padding:.5rem}.span-list-header h3{font-size:.9rem}.filter-options{gap:.4rem}.filter-option{font-size:.7rem}.span-list-container{max-height:calc(40vh - 100px);min-height:60px}.span-item{padding:.5rem;margin-bottom:.4rem}.span-title{font-size:.85rem}.span-meta{font-size:.7rem}.segment-progress{height:5px}.segment-block{min-width:6px}.span-list-empty,.span-list-loading{min-height:60px;padding:.75rem}}.date-group{margin-bottom:.5rem;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;background:var(--card-background)}[data-theme=light] .date-group{border-color:#e2e8f0;background:#ffffffb3}[data-theme=dark] .date-group{border-color:#d79fff33;background:#ffffff0d}.date-group-header{padding:.75rem;background:var(--hover-color);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.5rem}.date-group-header:hover{background:var(--accent-color);opacity:.8}[data-theme=light] .date-group-header{background:#3b82f60d}[data-theme=light] .date-group-header:hover{background:#3b82f626;opacity:1}[data-theme=dark] .date-group-header{background:#d79fff1a}[data-theme=dark] .date-group-header:hover{background:#d79fff33;opacity:1}.date-group-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--accent-color)}.date-group-icon{transition:transform .2s ease;font-size:1.2rem}.date-group-icon.expanded{transform:rotate(180deg)}.date-text{font-size:.9rem}.date-count{font-size:.85rem;opacity:.8;font-weight:500}[data-theme=light] .date-group-title{color:#1e40af}[data-theme=dark] .date-group-title{color:#d79fff}.date-group-spans-preview{font-size:.8rem;color:var(--text-color);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding-left:1.7rem}[data-theme=light] .date-group-spans-preview{color:#475569}[data-theme=dark] .date-group-spans-preview{color:#ffffffb3}.date-group-spans{padding:.25rem;background:var(--card-background)}[data-theme=light] .date-group-spans{background:#ffffff80}[data-theme=dark] .date-group-spans{background:#ffffff08}.date-group-spans .span-item{margin-bottom:.25rem;margin-left:.5rem;margin-right:.5rem}.date-group-spans .span-item:last-child{margin-bottom:0}.span-date-separator{padding:.5rem .75rem;background:var(--hover-color);border-bottom:2px solid var(--accent-color);display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-weight:600;color:var(--accent-color);margin-bottom:.5rem;margin-top:.5rem;cursor:pointer;transition:background-color .2s ease;position:relative}.span-date-separator:hover{background:var(--hover-color);opacity:.9}.span-date-separator:first-child{margin-top:0}.span-date-separator-content{display:flex;align-items:center;gap:.5rem;flex:1;padding-left:1.5rem}.span-date-separator-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;transition:transform .2s ease}.span-date-toggle-icon{font-size:20px;color:var(--accent-color)}[data-theme=light] .span-date-separator{background:#e2e8f0;border-bottom-color:#1d4ed8;color:#1d4ed8}[data-theme=dark] .span-date-separator{background:#ffffff0d;border-bottom-color:#d79fff;color:#d79fff}.span-date-separator-text{font-size:.9rem}.span-date-separator-count{font-size:.8rem;opacity:.8;font-weight:500}.span-group-hide-button{position:absolute;top:2px;left:2px;width:18px;height:18px;min-width:18px;padding:0;background:transparent;border:none;border-radius:3px;color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;opacity:.6;transition:all .2s ease}.span-group-hide-button:hover{opacity:1;color:var(--accent-color);transform:scale(1.1)}.span-group-hide-button:active{transform:scale(.95)}[data-theme=light] .span-group-hide-button{color:#475569}[data-theme=light] .span-group-hide-button:hover{color:#ef4444}[data-theme=dark] .span-group-hide-button{color:#fff9}[data-theme=dark] .span-group-hide-button:hover{color:#ef4444}.date-separator-group{margin-bottom:0rem}.date-separator{padding:.5rem .75rem;background:var(--hover-color);border-bottom:2px solid var(--accent-color);display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-weight:600;color:var(--accent-color);margin-bottom:.5rem;cursor:pointer;transition:background-color .2s ease}.date-separator:hover{background:var(--hover-color);opacity:.9}.date-separator-content{display:flex;align-items:center;gap:.5rem;flex:1}.date-separator-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;transition:transform .2s ease}.date-toggle-icon{font-size:20px;color:var(--accent-color)}[data-theme=light] .date-separator{background:#e2e8f0;border-bottom-color:#1d4ed8;color:#1d4ed8}[data-theme=dark] .date-separator{background:#ffffff0d;border-bottom-color:#d79fff;color:#d79fff}.date-separator-text{font-size:.9rem}.date-separator-count{font-size:.8rem;opacity:.8;font-weight:500}.date-separator-spans{padding-left:.5rem;padding-bottom:.5rem}.date-category-section{margin-bottom:.75rem;display:flex;flex-direction:column;gap:.25rem}.date-category-label{font-weight:600;color:var(--text-color);font-size:.9rem;margin-bottom:.25rem}[data-theme=light] .date-category-label{color:#1e293b}[data-theme=dark] .date-category-label{color:#e2e8f0}.date-category-spans{display:flex;flex-wrap:wrap;gap:0;line-height:1.6;padding-left:.5rem;align-items:center}.date-span-link{display:inline-block;padding:.1rem .4rem;margin:.05rem .1rem .05rem 0;border-radius:12px;color:var(--accent-color);background:var(--card-background);border:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.8rem;text-decoration:none;line-height:1.3;box-sizing:border-box;min-width:fit-content}.date-span-link:hover{background:var(--hover-color);border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.date-span-link.selected{font-weight:700;font-size:.8rem;padding:.1rem .4rem;margin:.05rem .1rem .05rem 0;border-width:1px;background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 2px 6px #00000026;letter-spacing:-.01em}[data-theme=light] .date-span-link{color:#1d4ed8;background:#fffc;border-color:#e2e8f0}[data-theme=light] .date-span-link:hover{background:#f1f5f9;border-color:#1d4ed8;box-shadow:0 2px 6px #1d4ed826}[data-theme=light] .date-span-link.selected{font-size:.8rem;padding:.1rem .4rem;margin:.05rem .1rem .05rem 0;border-width:1px;background:#1d4ed8;color:#fff;border-color:#1d4ed8;box-shadow:0 2px 8px #1d4ed84d;letter-spacing:-.01em}[data-theme=dark] .date-span-link{color:#fff;background:#ffffff0d;border-color:#d79fff4d}[data-theme=dark] .date-span-link:hover{background:#ffffff1a;border-color:#d79fff;box-shadow:0 2px 6px #d79fff33}[data-theme=dark] .date-span-link.selected{font-size:.8rem;padding:.1rem .4rem;margin:.05rem .1rem .05rem 0;border-width:1px;background:#d79fff;color:#1e293b;border-color:#d79fff;box-shadow:0 2px 8px #d79fff66;letter-spacing:-.01em}.span-name-separator{display:none}.control-page{background:var(--background-color);color:var(--text-color);min-height:100vh;padding:20px;transition:all .3s ease}[data-theme=light] .control-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}[data-theme=dark] .control-page{background:linear-gradient(135deg,#1e293b,#334155)}.container{max-width:1700px;margin:0 auto;display:flex;flex-direction:row;height:100%;gap:24px}h1{font-size:2.5rem;text-align:center;margin-bottom:.5rem;margin-top:.5rem;background:linear-gradient(45deg,var(--accent-color),#a855f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s ease}[data-theme=light] h1{background:linear-gradient(45deg,#3b82f6,#1d4ed8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] h1{background:linear-gradient(45deg,#d79fff,#a855f7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{text-align:center;font-size:1.1rem;opacity:.9;margin-bottom:3rem}.control-sections{display:flex;gap:10px;margin-bottom:3rem;width:100%}.control-section{background:transparent;padding:1rem;border-radius:12px;border:none;box-shadow:none;transition:all .3s ease}[data-theme=light] .control-section:not(:first-child):not(:last-child){background:#ffffffe6;border-color:#e2e8f0}[data-theme=dark] .control-section:not(:first-child):not(:last-child){background:#ffffff1a;border-color:#d79fff33}[data-theme=light] .control-section:last-child,[data-theme=dark] .control-section:last-child{background:transparent!important;border:none!important;box-shadow:none!important}.control-section:first-child{width:350px;min-width:350px;max-width:350px;height:90vh;flex-shrink:0;background:transparent;border:none;padding:0}.control-section:last-child,.control-section-main{flex:1;min-width:0;min-height:1000px;display:flex;flex-direction:column;background:transparent!important;border:none!important;box-shadow:none!important;padding:0;gap:20px}.actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(45deg,#d79fff,#a855f7);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d79fff66}.btn-secondary{background:transparent;color:#fff;border:2px solid #d79fff}.btn-secondary:hover{background:#d79fff;color:#1e293b}@media (max-width: 1024px){.control-page{padding:15px}.container{max-width:100%;gap:16px!important;flex-direction:row!important}.control-sections{gap:16px!important}h1{font-size:2rem}.subtitle{font-size:1rem;margin-bottom:2rem}.control-section:first-child{min-width:300px;max-width:300px}}@media (min-width: 768px) and (max-width: 1024px){.control-section:first-child:has(.span-list-nav:not(.collapsed)){width:350px!important;min-width:350px!important;max-width:350px!important;flex-shrink:0}.control-sections:has(.span-list-nav:not(.collapsed)) .control-section:last-child{flex:1;min-width:0;max-width:calc(100% - 366px)!important;width:calc(100% - 366px)!important;overflow-x:hidden;box-sizing:border-box}.control-section:first-child:has(.span-list-nav.collapsed){width:50px!important;min-width:50px!important;max-width:50px!important;padding:0!important}.control-sections:has(.span-list-nav.collapsed) .control-section:last-child{flex:1;min-width:0;max-width:calc(100% - 66px);width:calc(100% - 66px)}}@media (max-width: 768px){.control-page{padding:10px}h1{font-size:1.5rem;margin-bottom:.25rem;margin-top:.25rem}.subtitle{font-size:.9rem;margin-bottom:1.5rem}.container{flex-direction:column!important;gap:12px!important;height:auto!important}.control-section:first-child{width:100%!important;max-width:100%!important;min-width:100%!important;height:auto!important;min-height:300px;max-height:50vh}.control-section:last-child,.control-section-main{width:100%!important;min-width:100%!important;min-height:auto!important;gap:15px}.control-sections{flex-direction:column;gap:10px;margin-bottom:1.5rem}}@media (max-width: 480px){.control-page{padding:8px}h1{font-size:1.25rem;line-height:1.3}.subtitle{font-size:.85rem;margin-bottom:1rem}.container{gap:8px!important}.control-section:first-child{min-height:250px;max-height:40vh}.control-section:last-child{gap:12px}.control-sections{gap:8px;margin-bottom:1rem}}.cad-component{width:100%;min-width:0;overflow:hidden}.cards-container{display:flex;gap:1px;margin-top:0;width:100%;height:150px;overflow-x:auto;overflow-y:visible;flex-wrap:nowrap;padding-bottom:10px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(215,159,255,.5) transparent}.cards-container::-webkit-scrollbar{height:10px}.cards-container::-webkit-scrollbar-track{background:#d79fff26;border-radius:4px}.cards-container::-webkit-scrollbar-thumb{background:#d79fff99;border-radius:4px;transition:background .2s ease}.cards-container::-webkit-scrollbar-thumb:hover{background:#d79fffb3}@media (max-width: 768px){.cards-container{height:120px;padding-bottom:.6rem;gap:.5px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(215,159,255,.5) transparent}.cards-container::-webkit-scrollbar{height:10px}.cards-container::-webkit-scrollbar-track{background:#d79fff26;border-radius:4px}.cards-container::-webkit-scrollbar-thumb{background:#d79fff99;border-radius:4px;transition:background .2s ease}.cards-container::-webkit-scrollbar-thumb:hover{background:#d79fffb3}}@media (max-width: 480px){.cards-container{height:110px;padding-bottom:.5rem}.cards-container::-webkit-scrollbar{height:10px}.cards-container::-webkit-scrollbar-thumb{background:#d79fffb3}}.no-span-message,.loading-message{display:flex;align-items:center;justify-content:center;width:100%;height:95%;background:#ffffff0d;border:2px dashed rgba(215,159,255,.3);border-radius:8px}.no-span-message p,.loading-message p{color:#d79fff;font-size:1rem;font-weight:500;opacity:.8;margin:0;text-align:center}@media (max-width: 768px){.no-span-message,.loading-message{height:90%;border-radius:6px}.no-span-message p,.loading-message p{font-size:.9rem}}@media (max-width: 480px){.no-span-message,.loading-message{height:85%;border-radius:5px}.no-span-message p,.loading-message p{font-size:.8rem}}.display-card{flex:1;background:#ffffff26;border:1px solid rgba(215,159,255,.3);border-radius:8px;padding:8px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;transition:none;cursor:pointer;min-height:80px;min-width:50px;max-width:none;gap:4px;position:relative}@media (max-width: 768px){.display-card{flex:0 0 auto;min-height:65px;padding:6px;gap:3px;min-width:40px;max-width:100px;width:auto;border-radius:6px}}@media (max-width: 480px){.display-card{flex:0 0 auto;min-height:60px;padding:5px;gap:2px;min-width:40px;max-width:70px;width:auto;border-radius:5px}}.display-card[data-state=NotCast]{background:#ffffff40;border-color:#d79fff80}.display-card[data-state=Cast]{background:#22c55e4d;border-color:#22c55e99}.display-card[data-state=Waiting]{background:#fbbf244d;border-color:#fbbf2499}.display-card[data-state=Ready]{background:#3b82f64d;border-color:#3b82f699}[data-theme=light] .display-card[data-state=NotCast]{background:#94a3b833;border-color:#3b82f666}[data-theme=light] .display-card[data-state=Cast]{background:#22c55e26;border-color:#22c55e66}[data-theme=light] .display-card[data-state=Waiting]{background:#fbbf2426;border-color:#fbbf2466}[data-theme=light] .display-card[data-state=Ready]{background:#3b82f626;border-color:#3b82f666}.display-card:hover{box-shadow:0 4px 8px #007bff33}.display-card[data-state=NotCast]:hover{background:#d79fff66;border-color:#d79fffb3}.display-card[data-state=Cast]:hover{background:#22c55e73;border-color:#22c55ecc}.display-card[data-state=Waiting]:hover{background:#fbbf2473;border-color:#fbbf24cc}.display-card[data-state=Ready]:hover{background:#3b82f673;border-color:#3b82f6cc}[data-theme=light] .display-card[data-state=NotCast]:hover{background:#94a3b84d;border-color:#3b82f699}[data-theme=light] .display-card[data-state=Cast]:hover{background:#22c55e40;border-color:#22c55e99}[data-theme=light] .display-card[data-state=Waiting]:hover{background:#fbbf2440;border-color:#fbbf2499}[data-theme=light] .display-card[data-state=Ready]:hover{background:#3b82f640;border-color:#3b82f699}.display-card.unselectable{cursor:not-allowed!important}.display-card.unselectable:hover{box-shadow:none!important;background:#ffffff40!important;border-color:#d79fff80!important}.display-card.selected{border-width:3px;border-color:#ef4444!important;position:relative;z-index:5;margin-bottom:6px}@media (max-width: 768px){.display-card.selected{border-width:2.5px}}@media (max-width: 480px){.display-card.selected{border-width:2px}}.display-card.selected:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(239,68,68,.25) 0px,rgba(239,68,68,.25) 6px,transparent 6px,transparent 12px);border-radius:8px;pointer-events:none;z-index:1}.card-name{margin:0;color:#d79fff;font-size:.9rem;font-weight:600;padding:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.card-name{font-size:.8rem;padding:2px 0}}@media (max-width: 480px){.card-name{font-size:.75rem;padding:1px 0}}[data-theme=light] .card-name{color:#3b82f6;font-weight:700}[data-theme=dark] .card-name{color:#d79fff}.card-length{margin:0;color:#e5e7eb;font-size:.75rem;opacity:.8;display:flex;align-items:center;justify-content:center;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.card-length{font-size:.7rem}}@media (max-width: 480px){.card-length{font-size:.65rem}}.card-date-container{height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 768px){.card-date-container{height:16px}}@media (max-width: 480px){.card-date-container{height:14px}}.card-finish-date{margin:0;color:#e5e7eb;font-size:.6rem;opacity:.8;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.card-finish-date{font-size:.55rem}}@media (max-width: 480px){.card-finish-date{font-size:.5rem}}.card-finish-date-placeholder{margin:0;height:20px}@media (max-width: 768px){.card-finish-date-placeholder{height:16px}}@media (max-width: 480px){.card-finish-date-placeholder{height:14px}}.card-state{color:#d79fff;font-size:.7rem;font-weight:600;margin:0;padding:2px 0;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.card-state{font-size:.65rem;padding:1px 0}}@media (max-width: 480px){.card-state{font-size:.6rem;padding:1px 0}}[data-theme=light] .card-state{color:#3b82f6;font-weight:700}[data-theme=dark] .card-state{color:#d79fff}.display-card.selected .card-name{color:#fff;font-weight:700}.display-card.selected .card-length,.display-card.selected .card-finish-date{color:#fff;opacity:1}.display-card.selected .card-state{color:#fff}.display-card.casting-first .card-state{background:#ef4444;color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem}@media (max-width: 768px){.display-card.casting-first .card-state{padding:1px 4px;font-size:.65rem;border-radius:3px}}@media (max-width: 480px){.display-card.casting-first .card-state{padding:1px 3px;font-size:.6rem;border-radius:3px}}.card-deselect-btn{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(50%);background:#ef4444cc;border:1px solid rgba(239,68,68,1);border-radius:4px;width:40px;height:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;padding:0}.card-deselect-btn:hover{background:#ef4444;transform:translate(-50%) translateY(50%) scale(1.1)}.deselect-arrow{color:#fff;font-size:.7rem;line-height:1;display:block}@media (max-width: 768px){.display-card.selected{margin-bottom:6px}.card-deselect-btn{width:36px;height:10px;transform:translate(-50%) translateY(50%)}.card-deselect-btn:hover{transform:translate(-50%) translateY(50%) scale(1.1)}.deselect-arrow{font-size:.6rem}}@media (max-width: 480px){.display-card.selected{margin-bottom:5px}.card-deselect-btn{width:32px;height:10px;transform:translate(-50%) translateY(50%)}.card-deselect-btn:hover{transform:translate(-50%) translateY(50%) scale(1.1)}.deselect-arrow{font-size:.55rem}}.card-notification-badge{position:absolute;top:4px;right:4px;background-color:var(--danger-color, #dc3545);color:#fff;border-radius:50%;min-width:16px;height:16px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:10;animation:pulse 2s infinite;box-shadow:0 2px 4px #0003}@media (max-width: 768px){.card-notification-badge{top:3px;right:3px;min-width:14px;height:14px;font-size:8px}}@media (max-width: 480px){.card-notification-badge{top:2px;right:2px;min-width:12px;height:12px;font-size:7px}}.coordinate-component{width:100%}.display-options-row{display:flex;gap:1rem;width:100%}.display-options-section.inline-container{flex:1;min-width:0;background:var(--card-background);border:2px solid var(--border-color);border-radius:12px;padding:1rem;height:auto;min-height:200px;transition:all .3s ease}[data-theme=light] .display-options-section.inline-container{background:#e2e8f0;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}[data-theme=dark] .display-options-section.inline-container{background:#ffffff1a;border-color:#d79fff33}.display-options-section h2{color:var(--accent-color);margin:0 0 1rem;font-size:1.5rem;font-weight:600;transition:color .3s ease}[data-theme=light] .display-options-section h2{color:#1d4ed8;font-weight:700}[data-theme=dark] .display-options-section h2{color:#d79fff}.coordinate-content{color:var(--text-color);padding:10px;transition:color .3s ease}[data-theme=light] .coordinate-content{color:#1e293b}[data-theme=dark] .coordinate-content{color:#fff}.control-group{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:1rem}.control-group label{font-weight:500;color:var(--text-color);min-width:120px;transition:color .3s ease}[data-theme=light] .control-group label{color:#1e293b;font-weight:600}[data-theme=dark] .control-group label{color:#fff}.control-group input[type=color]{width:50px;height:35px;border:none;border-radius:4px;cursor:pointer}.control-group input[type=range]{flex:1;margin:0 .5rem}.control-group span{font-weight:500;color:var(--text-color);min-width:50px;text-align:right;transition:color .3s ease}[data-theme=light] .control-group span{color:#1e293b;font-weight:600}[data-theme=dark] .control-group span{color:#fff}@media (max-width: 768px){.display-options-row{flex-direction:column;gap:15px}.control-group{flex-wrap:wrap}.control-group label{min-width:100px;color:var(--text-color)}[data-theme=light] .control-group label{color:#1e293b;font-weight:600}[data-theme=dark] .control-group label{color:#fff}}.coordinate-content-centered{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;height:100%;padding:.5rem;box-sizing:border-box}.coordinate-content-centered.survey-panel-with-actions{justify-content:space-between}.coordinate-content-centered .coordinate-panel{width:100%;display:flex;flex-direction:column;align-items:center;max-width:100%;box-sizing:border-box}.coordinate-content-centered .panel-title{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-left:0!important;margin-right:0!important;flex-grow:0;margin-bottom:1rem}.coordinate-content-centered .coordinate-panel .panel-title{flex-grow:0}.coordinate-content-centered .segment-label{display:block;margin-top:.25rem;font-size:.9rem;font-weight:400}.coordinate-content-centered .export-buttons{align-self:flex-end!important;justify-content:flex-end!important;margin-left:auto;width:auto;max-width:100%;box-sizing:border-box}.coordinate-content .export-buttons{justify-content:flex-end!important;align-self:flex-end;width:auto;margin-left:auto;max-width:100%;box-sizing:border-box}.coordinate-content-centered .coordinate-table-container{width:100%;max-width:100%;box-sizing:border-box}.coordinate-content-centered .coordinate-table{margin:0 auto;text-align:center;width:100%;max-width:100%;box-sizing:border-box}.coordinate-content-centered .coordinate-table th,.coordinate-content-centered .coordinate-table td{text-align:center}.coordinate-content-centered .coordinate-signature{text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;box-sizing:border-box;margin-top:1rem}.coordinate-content-centered .survey-signature-section{width:100%;max-width:100%;margin:1rem auto 0;box-sizing:border-box;text-align:center;padding:.75rem;background-color:var(--card-background, #f8f9fa);border-radius:6px;border:1px solid var(--border-color, #e9ecef);align-self:center}[data-theme=dark] .coordinate-content-centered .survey-signature-section{background-color:#ffffff1a;border-color:#d79fff33;color:#fff}[data-theme=light] .coordinate-content-centered .survey-signature-section{background-color:#f8f9fa;border-color:#e9ecef;color:#495057}.coordinate-content-centered .survey-signature-section .signature-row{justify-content:center}.coordinate-content-centered .survey-actions{width:100%;max-width:100%;box-sizing:border-box;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;align-self:stretch}.survey-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;justify-content:center;align-items:center}.survey-ready-state{display:flex;justify-content:center;align-items:center;height:100%;flex:1}[data-theme=light] .survey-actions{border-top-color:#cbd5e1}[data-theme=dark] .survey-actions{border-top-color:#d79fff33}.modify-survey-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 8px #3b82f633;min-width:140px;justify-content:center}.modify-survey-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.modify-survey-btn:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f633}[data-theme=dark] .modify-survey-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf633}[data-theme=dark] .modify-survey-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf64d}.display-options-section.inline-container{display:flex;flex-direction:column;min-height:500px}.coordinate-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.survey-signature-section{margin-top:auto;margin-bottom:1rem}.coordinate-content .survey-signature-section{margin-top:1rem;margin-bottom:0}@media (max-width: 768px){.display-options-section.inline-container{min-height:auto}.coordinate-content-centered{text-align:left;align-items:stretch}.modify-survey-btn{width:100%;min-width:auto}}.survey-requirement{color:#fff;font-size:16px;font-weight:500;margin-bottom:20px;text-align:center;opacity:.8}.coordinate-content{min-height:400px;display:flex;flex-direction:column}.coordinate-content .panel-title{color:#fff;font-size:18px;font-weight:600;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid rgba(215,159,255,.3)}.coordinate-content .segment-label{color:#00d4ff;font-size:14px;font-weight:400;margin-left:10px;opacity:.8}.coordinate-content .waiting-message{display:flex;align-items:center;justify-content:center;padding:10px 100px;min-height:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-top:10px}.survey-message{text-align:center;color:var(--text-color);background:#ffffff0d;border:2px dashed var(--border-color);border-radius:12px;padding:2rem;max-width:400px;transition:all .3s ease;cursor:pointer}.survey-message:hover{background:#ffffff14;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.2)}.survey-message h3{color:var(--accent-color);margin:0 0 1rem;font-size:1.25rem;font-weight:600}.survey-message p{margin:0 0 1.5rem;opacity:.8;line-height:1.5}.survey-input-prompt{background:rgba(var(--accent-color-rgb),.1);border:1px solid var(--accent-color);border-radius:8px;padding:.75rem 1rem;font-size:.9rem;color:var(--accent-color);font-weight:500}[data-theme=light] .survey-message{background:#3b82f60d;border-color:#3b82f64d;color:#1e293b}[data-theme=light] .survey-message:hover{background:#3b82f61a;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}[data-theme=light] .survey-message h3{color:#1d4ed8}[data-theme=light] .survey-input-prompt{background:#3b82f61a;border-color:#3b82f6;color:#1d4ed8}[data-theme=dark] .survey-message{background:#ffffff0d;border-color:#d79fff4d}[data-theme=dark] .survey-message:hover{background:#ffffff14;border-color:#d79fff;box-shadow:0 4px 12px #d79fff33}[data-theme=dark] .survey-message h3{color:#d79fff}[data-theme=dark] .survey-input-prompt{background:#d79fff1a;border-color:#d79fff;color:#d79fff}.no-setting-data{text-align:center;color:var(--text-color);padding:2rem;opacity:.8}.notcast-message-container{text-align:center;color:var(--text-color);padding:1rem;opacity:.8}.approval-message{text-align:center;color:var(--text-color);background:#ffa5000d;border:2px dashed rgba(255,165,0,.3);border-radius:12px;padding:2rem;max-width:400px;transition:all .3s ease}.approval-message h3{color:#ff8c00;margin:0 0 1rem;font-size:1.25rem;font-weight:600}.approval-message p{margin:0 0 1.5rem;opacity:.8;line-height:1.5}.approval-prompt{background:#ffa5001a;border:1px solid #ff8c00;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;color:#ff8c00;font-weight:500}[data-theme=light] .approval-message{background:#ffa50014;border-color:#ffa50066;color:#1e293b}[data-theme=light] .approval-message h3{color:#e67e00}[data-theme=light] .approval-prompt{background:#ffa50026;border-color:#ff8c00;color:#e67e00}[data-theme=dark] .approval-message{background:#ffa5000d;border-color:#ffa5004d}[data-theme=dark] .approval-message h3{color:#ffb347}[data-theme=dark] .approval-prompt{background:#ffa5001a;border-color:#ffb347;color:#ffb347}.coordinate-panel{display:flex;flex-direction:column;gap:.5rem;width:100%}.panel-header{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-bottom:.5rem;background:none;border:none;padding:0}.panel-header:hover{background:none;border:none;transform:none;box-shadow:none}.panel-title{margin:0 auto 0 0;font-size:1.1rem;font-weight:600;color:#fff;flex-grow:1;pointer-events:auto;white-space:normal;overflow:visible;line-height:1.4;text-align:left}.panel-title span{white-space:normal}.panel-title .segment-highlight{color:#d79fff;white-space:normal}.coordinate-panel.hide-table-title .panel-title>span>br{display:none}.coordinate-panel.hide-table-title .panel-title>span>.segment-highlight{display:block!important}.coordinate-panel.hide-table-title .panel-title{text-align:center!important;margin-left:auto!important;margin-right:auto!important;width:100%;display:flex;justify-content:center;align-items:center;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:2px solid rgba(215,159,255,.3)}[data-theme=light] .coordinate-panel.hide-table-title .panel-title{border-bottom:2px solid rgba(59,130,246,.3)}[data-theme=dark] .coordinate-panel.hide-table-title .panel-title{border-bottom:2px solid rgba(215,159,255,.3)}.coordinate-panel.hide-table-title .panel-title>span{display:flex;justify-content:center;align-items:center;width:100%;text-align:center}.coordinate-panel.large-title .panel-title{font-size:1.6rem;font-weight:700;color:#fff}[data-theme=light] .coordinate-panel.large-title .panel-title{color:#1e293b}.coordinate-panel.large-title .panel-title .segment-highlight{font-size:1.6rem;font-weight:700;color:#d79fff;display:block;line-height:1.3}[data-theme=light] .coordinate-panel.large-title .panel-title .segment-highlight{color:#1d4ed8}.axis-note{font-size:.8rem;font-style:italic;color:var(--text-color);margin:0rem 0;padding-left:0;align-self:flex-start;width:100%;text-align:left;display:block}.panel-controls{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-shrink:0;background:none;pointer-events:auto}.panel-button-row{display:flex;justify-content:space-between;align-items:center;min-height:35px;gap:.5rem;margin-bottom:.5rem;width:100%}.panel-button-row .left-signature{display:flex;align-items:center;flex:1;min-width:0}.panel-button-row .right-buttons{display:flex;align-items:center;min-height:35px;gap:.5rem;flex-shrink:0}.panel-title .segment-label{padding:2px 20px;border:2px solid rgba(215,159,255,.5);border-radius:12px;font-size:1rem;font-weight:700;display:flex;align-items:center;gap:4px;min-width:80px;justify-content:center;color:#d79fff}@media (max-width: 768px){.coordinate-panel{gap:.4rem}.panel-header{flex-direction:column;align-items:flex-start;gap:.75rem}.panel-controls{width:100%;justify-content:flex-start}.panel-title{font-size:.8rem;line-height:1.3;white-space:normal;overflow:visible}.panel-title span{display:inline;white-space:normal}.panel-title .segment-highlight{font-size:inherit;white-space:normal}.coordinate-panel.large-title .panel-title{font-size:1.3rem}.coordinate-panel.large-title .panel-title .segment-highlight{font-size:1.3rem;display:block}.panel-button-row{flex-wrap:wrap;gap:.4rem}.axis-note{font-size:.75rem}.modify-survey-btn{font-size:.8rem;padding:.4rem .8rem}}@media (max-width: 480px){.coordinate-panel{gap:.3rem}.panel-title{font-size:.7rem;line-height:1.2;white-space:normal;overflow:visible}.panel-title span{display:inline;white-space:normal}.panel-title .segment-highlight{font-size:inherit;white-space:normal}.coordinate-panel.large-title .panel-title{font-size:1.1rem}.coordinate-panel.large-title .panel-title .segment-highlight{font-size:1.1rem;display:block}.panel-button-row{gap:.3rem;min-height:30px}.panel-button-row .right-buttons{min-height:30px;gap:.3rem}.axis-note{font-size:.7rem}}.survey-data-toggle-container{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.toggle-buttons-left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex:1}.survey-data-toggle-btn{padding:6px 12px;font-size:.8rem;font-weight:500;min-width:80px;display:flex;align-items:center;gap:4px;justify-content:center;cursor:pointer;transition:all .2s ease;border-radius:4px;white-space:nowrap;border:1px solid rgba(215,159,255,.5);background:#d79fff33;color:#d79fff}.survey-data-toggle-btn:hover{background:#d79fff4d;border-color:#d79fffb3;transform:translateY(-1px);box-shadow:0 2px 8px #d79fff4d}.survey-data-toggle-btn.active{background:#d79fff66;border-color:#d79fffcc;color:#fff}.survey-data-toggle-btn.update-survey{background:#facc154d;border:2px solid rgba(250,204,21,.8);color:#fbbf24;font-weight:700;box-shadow:0 2px 4px #0000001a}.survey-data-toggle-btn.update-survey:hover{background:#facc1566;border-color:#facc15;color:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.survey-data-toggle-btn.update-survey.active{background:#facc1580;border-color:#facc15;color:#f59e0b;box-shadow:0 2px 4px #0000001a}.toggle-icon{font-size:.7rem;transition:transform .2s ease;line-height:1}.toggle-text{font-weight:inherit}.detail-button{padding:6px 12px;font-size:.8rem;font-weight:500;min-width:80px;display:flex;align-items:center;gap:4px;justify-content:center;cursor:pointer;transition:all .2s ease;border-radius:4px;white-space:nowrap;border:1px solid rgba(215,159,255,.5);background:#d79fff33;color:#d79fff;margin-left:auto}.detail-button:hover{background:#d79fff4d;border-color:#d79fffb3;transform:translateY(-1px);box-shadow:0 2px 8px #d79fff4d}.detail-icon{font-size:.9rem;display:none}[data-theme=light] .detail-button{background:#3b82f626;border-color:#3b82f666;color:#3b82f6}[data-theme=light] .detail-button:hover{background:#3b82f640;border-color:#3b82f699;color:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}[data-theme=dark] .detail-button{background:#d79fff33;border-color:#d79fff80;color:#d79fff}[data-theme=dark] .detail-button:hover{background:#d79fff4d;border-color:#d79fffb3;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #d79fff4d}.corrections-toggle-btn{padding:6px 12px;font-size:.8rem;font-weight:500;min-width:80px;display:flex;align-items:center;gap:4px;justify-content:center;cursor:pointer;transition:all .2s ease;border-radius:4px;white-space:nowrap;border:1px solid rgba(215,159,255,.5);background:#d79fff33;color:#d79fff}.corrections-toggle-btn:hover{background:#d79fff4d;border-color:#d79fffb3;transform:translateY(-1px);box-shadow:0 2px 8px #d79fff4d}.corrections-toggle-btn.active{background:#d79fff66;border-color:#d79fffcc;color:#fff}[data-theme=light] .survey-data-toggle-btn{background:#3b82f626;border-color:#3b82f666;color:#3b82f6}[data-theme=light] .survey-data-toggle-btn:hover{background:#3b82f640;border-color:#3b82f699;color:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}[data-theme=light] .survey-data-toggle-btn.active{background:#3b82f64d;border-color:#3b82f6b3;color:#1d4ed8}[data-theme=light] .survey-data-toggle-btn.update-survey{background:#facc1559;border:2px solid rgba(250,204,21,.9);color:#d97706;font-weight:700;box-shadow:0 2px 4px #0000001a}[data-theme=light] .survey-data-toggle-btn.update-survey:hover{background:#facc1573;border-color:#facc15;color:#b45309;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}[data-theme=light] .survey-data-toggle-btn.update-survey.active{background:#facc1580;border-color:#facc15;color:#b45309;box-shadow:0 2px 4px #0000001a}[data-theme=dark] .survey-data-toggle-btn.update-survey{background:#facc154d;border:2px solid rgba(250,204,21,.8);color:#fbbf24;font-weight:700;box-shadow:0 2px 4px #0003}[data-theme=dark] .survey-data-toggle-btn.update-survey:hover{background:#facc1566;border-color:#facc15;color:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}[data-theme=dark] .survey-data-toggle-btn.update-survey.active{background:#facc1580;border-color:#facc15;color:#f59e0b;box-shadow:0 2px 4px #0003}[data-theme=light] .corrections-toggle-btn{background:#3b82f626;border-color:#3b82f666;color:#3b82f6}[data-theme=light] .corrections-toggle-btn:hover{background:#3b82f640;border-color:#3b82f699;color:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}[data-theme=light] .corrections-toggle-btn.active{background:#3b82f64d;border-color:#3b82f6b3;color:#1d4ed8}[data-theme=dark] .corrections-toggle-btn{background:#d79fff33;border-color:#d79fff80;color:#d79fff}[data-theme=dark] .corrections-toggle-btn:hover{background:#d79fff4d;border-color:#d79fffb3;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #d79fff4d}[data-theme=dark] .corrections-toggle-btn.active{background:#d79fff66;border-color:#d79fffcc;color:#fff}@media (max-width: 768px){.survey-data-toggle-btn,.corrections-toggle-btn{padding:5px 8px;font-size:.75rem;min-width:auto}.toggle-icon{font-size:.65rem}.detail-button{min-width:auto;padding:5px 8px;width:auto;font-size:.75rem}.detail-button .toggle-text{display:none}.detail-button .detail-icon{display:inline-block;font-size:.9rem;font-weight:700}}@media (max-width: 480px){.survey-data-toggle-btn,.corrections-toggle-btn{padding:4px 8px;font-size:.7rem;min-width:50px}.toggle-icon{font-size:.6rem}.detail-button{min-width:50px;padding:4px 8px;font-size:.7rem}.detail-button .detail-icon{font-size:.85rem}}.signature-section{margin-top:1.5rem;padding:.5rem 1rem;background:#d79fff14;border:1px solid rgba(215,159,255,.2);border-radius:8px}.panel-button-row .signature-section{margin-top:0;margin-bottom:0;padding:.25rem .75rem}[data-theme=light] .signature-section{background:#3b82f60d;border-color:#3b82f633}[data-theme=dark] .signature-section{background:#d79fff14;border-color:#d79fff33}.signature-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.signature-column{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:80px}.signature-row-inline{justify-content:center}.signature-column-inline{flex-direction:row;align-items:center;gap:.5rem;text-align:left;justify-content:center}.signature-title{color:#d79fff;font-size:.8rem;font-weight:500;margin-bottom:.1rem;text-transform:none;letter-spacing:0;white-space:nowrap}[data-theme=light] .signature-title{color:#3b82f6;font-weight:600}[data-theme=dark] .signature-title{color:#d79fff}.signature-value{color:#fff;font-size:.8rem;font-weight:500;white-space:nowrap}[data-theme=light] .signature-value{color:#1e293b;font-weight:600}[data-theme=dark] .signature-value{color:#fff}.waiting-message{display:flex;justify-content:center;align-items:center;padding:.5rem 1rem}.panel-button-row .waiting-message{padding:0;justify-content:flex-start}.display-options-section.inline-container:has(.waiting-message){min-height:auto!important}.waiting-text{color:#f59e0b;font-size:.9rem;font-weight:500;text-align:center;padding:.25rem .75rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px}.panel-button-row .waiting-text{font-size:.75rem;padding:.2rem .5rem;text-align:left}[data-theme=light] .waiting-text{color:#d97706;background:#d977061a;border-color:#d977064d}[data-theme=dark] .waiting-text{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b4d}@media (max-width: 768px){.signature-section{padding:.4rem .75rem}.signature-row{gap:1rem}.signature-title,.signature-value{font-size:.8rem}.waiting-text{font-size:.8rem;padding:.2rem .6rem}.panel-button-row .signature-section{padding:.15rem .5rem}.panel-button-row .signature-title,.panel-button-row .signature-value{font-size:.7rem}.panel-button-row .waiting-text{font-size:.7rem;padding:.15rem .4rem}}@media (min-width: 769px){.signature-row{gap:2rem}.signature-column{min-width:100px}}.waiting-container{display:flex;justify-content:center;align-items:center;min-height:200px;padding:2rem}.waiting-content{text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2rem;max-width:400px}.waiting-icon{font-size:2rem;margin-bottom:1rem;animation:pulse 2s infinite}.waiting-content h3{color:#fbbf24;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.waiting-content p{color:#9ca3af;margin:0 0 1.5rem;font-size:.9rem;line-height:1.4}.request-approval-button{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem;box-shadow:0 4px 6px #fbbf244d}.request-approval-button:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-2px);box-shadow:0 6px 12px #fbbf2466}.request-approval-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #fbbf244d}.request-approval-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.waiting-dots{display:flex;justify-content:center;gap:4px}.waiting-dots span{width:8px;height:8px;border-radius:50%;background:#fbbf24;animation:bounce 1.5s infinite ease-in-out}.waiting-dots span:nth-child(1){animation-delay:-.32s}.waiting-dots span:nth-child(2){animation-delay:-.16s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--background-color);border:1px solid rgba(128,128,128,.3);border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;color:var(--text-color);box-shadow:0 10px 30px #00000080;transition:all .3s ease}[data-theme=light] .modal-content{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}[data-theme=dark] .modal-content{background:linear-gradient(135deg,#1e293b,#334155)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(128,128,128,.2);background:#8080801a}.modal-header:active{cursor:grabbing}.modal-header h2{margin:0;color:#d79fff;font-size:1.2rem;-webkit-user-select:none;user-select:none;pointer-events:none}.close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.close-btn:hover:not(:disabled){background:#80808033}.close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:1.5rem}.signature-inputs-section{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(128,128,128,.2)}.signature-inputs-section h3{color:#d79fff;margin:0 0 1rem;font-size:1rem}.signature-inputs-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.input-group{display:flex;flex-direction:column}.input-group label{color:#fff;margin-bottom:.5rem;font-size:.9rem;font-weight:500}.signature-input{padding:.5rem;border:1px solid rgba(128,128,128,.3);border-radius:4px;background:#ffffff0d;color:#fff;font-size:.9rem;transition:border-color .2s ease}.signature-input:focus{outline:none;border-color:gray;background:#ffffff1a}.signature-input:disabled{opacity:.5;cursor:not-allowed}.signature-input::placeholder{color:#ffffff80}.survey-modal-input-table{margin-top:1rem;overflow-x:auto}.survey-modal-coordinate-table{width:100%;border-collapse:collapse;background:transparent;border:2px solid var(--border-color);border-radius:6px;overflow:hidden;font-size:.8rem;transition:border-color .3s ease}[data-theme=light] .survey-modal-coordinate-table{border-color:#3b82f6;background:transparent}[data-theme=dark] .survey-modal-coordinate-table{border-color:#8080804d;background:transparent}.survey-modal-coordinate-table th{background:var(--card-background);color:var(--text-color);padding:.5rem .3rem;text-align:center;font-weight:600;border:1px solid var(--border-color);font-size:.8rem;transition:all .3s ease}[data-theme=light] .survey-modal-coordinate-table th{background:#ffffffe6;color:#1e293b;border-color:#e2e8f0}[data-theme=dark] .survey-modal-coordinate-table th{background:#ffffff1a;color:#fff;border-color:#80808033}.survey-modal-coordinate-table td{padding:.4rem .3rem;text-align:center;color:var(--text-color);border:1px solid var(--border-color);background:transparent;font-size:.8rem;transition:all .3s ease}[data-theme=light] .survey-modal-coordinate-table td{color:#1e293b;border-color:#e2e8f0}[data-theme=dark] .survey-modal-coordinate-table td{color:#fff;border-color:#80808033}.survey-modal-coordinate-table tbody tr:nth-child(2n){background:var(--hover-color)}.survey-modal-coordinate-table tbody tr:nth-child(odd){background:transparent}[data-theme=light] .survey-modal-coordinate-table tbody tr:nth-child(2n){background:#3b82f60d}[data-theme=dark] .survey-modal-coordinate-table tbody tr:nth-child(2n){background:#8080801a}.survey-modal-label-cell{color:var(--text-color)!important;font-weight:600;text-align:center;position:relative}[data-theme=light] .survey-modal-label-cell{color:#1e293b!important}[data-theme=dark] .survey-modal-label-cell{color:#fff!important}.survey-modal-coordinate-input{width:100%;padding:.25rem .5rem;border:none;background:transparent;color:var(--text-color);font-size:.8rem;text-align:center;transition:none;box-sizing:border-box}.survey-modal-coordinate-input[type=number]::-webkit-inner-spin-button,.survey-modal-coordinate-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.survey-modal-coordinate-input[type=number]{-moz-appearance:textfield}.survey-modal-coordinate-input:focus{outline:none;background:transparent;border:none}[data-theme=light] .survey-modal-coordinate-input{color:#1e293b}[data-theme=light] .survey-modal-coordinate-input:focus{background:transparent;border:none}[data-theme=dark] .survey-modal-coordinate-input{color:#fff}[data-theme=dark] .survey-modal-coordinate-input:focus{background:transparent;border:none}.survey-modal-coordinate-input:disabled{opacity:.5;cursor:not-allowed;background:transparent;color:#ffffff80}.survey-modal-coordinate-input::placeholder{color:#ffffff4d;font-style:italic}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;border-top:1px solid rgba(128,128,128,.2);background:#8080800d}.modal-footer .left-buttons,.modal-footer .right-buttons{display:flex;gap:.5rem}.btn-cancel,.btn-save,.btn-clear{padding:.4rem .8rem;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-cancel{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-cancel:hover:not(:disabled){background:#fff3}.btn-save{background:#808080cc;color:#fff;border:1px solid rgba(128,128,128,.6)}.btn-save:hover:not(:disabled){background:gray;transform:translateY(-1px)}.btn-clear{background:#dc3545;color:#fff;border:1px solid #dc3545}.btn-clear:hover:not(:disabled){background:#c82333;border-color:#c82333;transform:translateY(-1px)}.btn-save.update-survey{background:#3b82f6cc;border:1px solid rgba(59,130,246,.6)}.btn-save.update-survey:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6}.btn-cancel:disabled,.btn-save:disabled,.btn-clear:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.modal-content{width:95%;margin:1rem}.signature-inputs-row{grid-template-columns:1fr}.survey-modal-coordinate-table{font-size:.8rem}.survey-modal-coordinate-input{font-size:.8rem;padding:4px 6px}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-spinner-fullscreen{position:fixed;inset:0;background:#ffffffe6;z-index:9999}.loading-spinner{position:relative}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-small .spinner{width:24px;height:24px;border-width:2px}.loading-spinner-medium .spinner{width:40px;height:40px;border-width:4px}.loading-spinner-large .spinner{width:60px;height:60px;border-width:6px}.loading-message{margin-top:1rem;color:#666;font-size:.9rem;text-align:center}[data-theme=dark] .loading-spinner-fullscreen{background:#000000e6}[data-theme=dark] .loading-message{color:#ccc}[data-theme=dark] .spinner{border-color:#444;border-top-color:#3498db}.error-display{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;border-radius:8px;padding:1.5rem;margin:1rem 0;box-shadow:0 2px 4px #f871711a}.error-display.dark{background:linear-gradient(135deg,#450a0a,#7f1d1d);border-color:#dc2626;color:#fecaca}.error-header{display:flex;align-items:center;margin-bottom:1rem}.error-icon{font-size:1.5rem;margin-right:.75rem;color:#dc2626}.error-title{font-size:1.25rem;font-weight:600;color:#991b1b;margin:0}.dark .error-title{color:#fecaca}.error-message{margin:.75rem 0;color:#7f1d1d;font-size:.95rem;line-height:1.5}.dark .error-message{color:#f9a8a8}.error-actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.error-button{background:#dc2626;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.375rem}.error-button:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 8px #dc26264d}.error-button:active{transform:translateY(0)}.error-button.secondary{background:transparent;color:#dc2626;border:1px solid #dc2626}.error-button.secondary:hover{background:#dc2626;color:#fff}.dark .error-button.secondary{color:#fecaca;border-color:#fecaca}.dark .error-button.secondary:hover{background:#fecaca;color:#450a0a}.error-details{background:#ffffffb3;border:1px solid #f87171;border-radius:6px;padding:1rem;margin-top:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.dark .error-details{background:#0000004d;border-color:#dc2626;color:#fecaca}.error-details h4{margin:0 0 .5rem;color:#991b1b;font-size:.9rem;font-weight:600;font-family:inherit}.dark .error-details h4{color:#fecaca}.error-stack{background:#f8fafc;border-left:4px solid #dc2626;padding:.75rem;margin:.5rem 0;border-radius:0 4px 4px 0}.dark .error-stack{background:#1e293b;border-left-color:#fecaca}.error-boundary{min-height:200px;display:flex;align-items:center;justify-content:center;text-align:center}.error-boundary .error-display{max-width:600px;width:100%}@media (max-width: 480px){.error-display{padding:1rem;margin:.5rem}.error-actions{flex-direction:column}.error-button{width:100%;justify-content:center}.error-details{font-size:.8rem;padding:.75rem}}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error-display{animation:errorSlideIn .3s ease-out}.error-button:focus{outline:2px solid #dc2626;outline-offset:2px}.dark .error-button:focus{outline-color:#fecaca}@media (prefers-contrast: high){.error-display{border-width:2px}.error-button{font-weight:700}}.correction-component{width:100%;margin-top:1rem}.correction-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:1rem}.expand-button{background:#d79fff33;border:1px solid rgba(215,159,255,.5);color:#d79fff;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:4px;white-space:nowrap}[data-theme=light] .expand-button{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#1e40af;font-weight:600}[data-theme=light] .expand-button:hover{background:#3b82f633;border-color:#3b82f680;color:#1d4ed8}[data-theme=light] .expand-button.expanded{background:#3b82f64d;border-color:#3b82f6b3;color:#1d4ed8}[data-theme=dark] .expand-button:hover{background:#d79fff4d;border-color:#d79fffb3}[data-theme=dark] .expand-button.expanded{background:#d79fff66;border-color:#d79fffcc;color:#fff}.expand-button:active{transform:translateY(0)}.correction-grid{display:flex;flex-direction:column;gap:1rem;width:100%}.correction-row{display:flex;gap:1rem;width:100%;margin-bottom:1rem}.correction-section{flex:1;min-width:0;background:var(--card-background);border:2px solid var(--border-color);border-radius:12px;padding:1rem 10px;height:auto;min-height:200px;transition:all .3s ease;width:100%;box-sizing:border-box}.correction-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-left:0;padding-right:0;gap:8px;position:relative;flex-wrap:wrap}.action-buttons-group{display:flex;gap:10px;align-items:center;flex-wrap:nowrap;flex-shrink:0}.approve-cast-button{background:#2563eb;border:1px solid #2563eb;color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;line-height:1.2;transition:all .3s ease;display:flex;align-items:center;gap:6px;box-sizing:border-box}.approve-cast-button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 6px #3b82f666}.approve-cast-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #3b82f64d}.approve-cast-button:focus{outline:none;box-shadow:0 0 0 2px #3b82f64d}.approve-cast-button:focus:not(:focus-visible){outline:none;box-shadow:0 1px 3px #3b82f64d}.cancel-approval-button{background:#d97706;border:1px solid #d97706;color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;line-height:1.2;transition:all .3s ease;display:flex;align-items:center;gap:6px;box-sizing:border-box}.cancel-approval-button:hover:not(:disabled){background:#b45309;transform:translateY(-1px);box-shadow:0 2px 6px #f59e0b66}.cancel-approval-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #f59e0b4d}.cancel-approval-button:focus{outline:none;box-shadow:0 0 0 2px #f59e0b4d}.cancel-approval-button:focus:not(:focus-visible){box-shadow:none}.cancel-approval-button:disabled{background:#6b7280;border-color:#6b7280;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.export-buttons-group-placeholder{width:1px;flex-shrink:0}.action-buttons-group .email-button{min-width:200px;padding:6px 16px}.export-buttons-below-separator{display:flex;gap:8px;align-items:center;justify-content:flex-end;padding-right:0;margin-top:10px;margin-bottom:15px}.export-buttons-group{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;flex-shrink:0}.export-button{padding:6px 10px;border:1px solid rgba(215,159,255,.5);border-radius:4px;font-size:.8rem;font-weight:500;line-height:1.2;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;min-width:60px;justify-content:center;background:#d79fff33;color:#d79fff;position:relative;z-index:1;box-sizing:border-box}[data-theme=light] .export-button{background:#3b82f626;border-color:#3b82f666;color:#3b82f6}[data-theme=light] .export-button:hover{background:#3b82f640;border-color:#3b82f699;color:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}[data-theme=light] .excel-button:hover{background:#22c55e33;border-color:#22c55e80;color:#16a34a;box-shadow:0 2px 8px #22c55e4d}[data-theme=light] .pdf-button:hover{background:#ef444433;border-color:#ef444480;color:#dc2626;box-shadow:0 2px 8px #ef44444d}[data-theme=light] .email-button:hover{background:#a855f733;border-color:#a855f780;color:#7c3aed;box-shadow:0 2px 8px #a855f74d}[data-theme=light] .email-button:disabled{background:#6b7280;border-color:#6b7280;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}[data-theme=light] .email-button:disabled:hover{background:#6b7280;border-color:#6b7280;color:#9ca3af;transform:none;box-shadow:none}[data-theme=dark] .export-button{background:#d79fff33;border-color:#d79fff80;color:#d79fff}.export-button:hover{background:#d79fff4d;border-color:#d79fffb3;transform:translateY(-1px);box-shadow:0 2px 8px #d79fff4d}.export-button:active{background:#d79fff26;transform:translateY(0)}.excel-button:hover{background:#22c55e33;border-color:#22c55e80;color:#22c55e;box-shadow:0 2px 8px #22c55e4d}.pdf-button:hover{background:#ef444433;border-color:#ef444480;color:#ef4444;box-shadow:0 2px 8px #ef44444d}.email-button:hover{background:#a855f733;border-color:#a855f780;color:#a855f7;box-shadow:0 2px 8px #a855f74d}.email-button:disabled{background:#6b7280;border-color:#6b7280;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.email-button:disabled:hover{background:#6b7280;border-color:#6b7280;color:#9ca3af;transform:none;box-shadow:none}.export-button:focus{outline:none}.export-button:focus:not(:focus-visible){outline:none}.approve-cast-button:disabled{background:#9ca3af4d;border-color:#9ca3af4d;color:#9ca3afb3;cursor:not-allowed;box-shadow:none}.prepare-people-inputs{display:flex;gap:5px;align-items:center}.prepare-people-input{padding:6px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff1a;color:var(--text-color);font-size:.8rem;transition:all .2s ease;outline:none;min-width:100px}.prepare-people-input:focus{border-color:var(--accent-color);background:#ffffff26;box-shadow:0 0 0 2px #d79fff33}.prepare-people-input::placeholder{color:#ffffff80;font-style:italic}[data-theme=light] .prepare-people-input{background:#fffc;border-color:#3b82f64d;color:#1e293b}[data-theme=light] .prepare-people-input:focus{border-color:#3b82f6;background:#fffffff2;box-shadow:0 0 0 2px #3b82f633}[data-theme=light] .prepare-people-input::placeholder{color:#1e293b80}[data-theme=dark] .prepare-people-input{background:#ffffff1a;border-color:#d79fff4d;color:#fff}[data-theme=dark] .prepare-people-input:focus{border-color:#d79fff;background:#ffffff26;box-shadow:0 0 0 2px #d79fff33}[data-theme=dark] .prepare-people-input::placeholder{color:#ffffff80}.email-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.email-dialog{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.email-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.email-dialog-header h3{margin:0;color:#1f2937;font-size:18px;font-weight:600}.close-button{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.close-button:hover{background:#f3f4f6;color:#374151}.email-dialog-content{padding:24px}.email-info{background:#f8fafc;padding:16px;border-radius:8px;margin-bottom:20px}.email-info p{margin:0;color:#374151}.email-info-highlight{color:#d79fff!important;font-size:15px;font-weight:600}.email-input-group{margin-bottom:20px}.email-input-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.email-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box;font-family:inherit}.email-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.email-textarea{resize:vertical;min-height:80px;line-height:1.5}.email-help{display:block;margin-top:4px;color:#6b7280;font-size:12px}.email-dialog-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb}.cancel-button{padding:10px 20px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.cancel-button:hover{background:#f9fafb;border-color:#9ca3af}.send-button{padding:10px 20px;border:none;background:#3b82f6;color:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.send-button:hover:not(:disabled){background:#2563eb}.send-button:disabled{background:#9ca3af;cursor:not-allowed}[data-theme=dark] .email-dialog{background:#1f2937;border:1px solid #374151}[data-theme=dark] .email-dialog-header{border-bottom-color:#374151}[data-theme=dark] .email-dialog-header h3{color:#f9fafb}[data-theme=dark] .close-button{color:#9ca3af}[data-theme=dark] .close-button:hover{background:#374151;color:#f9fafb}[data-theme=dark] .email-info{background:#374151}[data-theme=dark] .email-info p{color:#f9fafb}[data-theme=dark] .email-info-highlight{color:#d79fff!important}[data-theme=dark] .email-input-group label{color:#f9fafb}[data-theme=dark] .email-input{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .email-input:focus{border-color:#3b82f6}[data-theme=dark] .email-textarea{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .email-help{color:#9ca3af}[data-theme=dark] .email-dialog-actions{border-top-color:#374151}[data-theme=dark] .cancel-button{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .cancel-button:hover{background:#4b5563}@media (max-width: 768px){.prepare-people-inputs{gap:6px}.prepare-people-input{padding:4px 8px;font-size:.75rem;min-width:100px}}.correction-separator{width:100%;height:1px;background:linear-gradient(90deg,#ffffff4d,#ffffff1a,#ffffff4d);margin-bottom:15px}.casting-mode-switch{display:flex;gap:0;background:#d79fff33;border:1px solid rgba(215,159,255,.5);border-radius:4px;padding:0;overflow:hidden;min-width:60px;position:relative;z-index:1;align-items:center;height:auto}.casting-mode-option{display:flex;align-items:center;justify-content:center;padding:6px 10px;cursor:pointer;transition:all .2s ease;position:relative;background:transparent;border:1px solid transparent;color:#d79fff;font-size:.8rem;font-weight:500;line-height:1.2;min-width:50px;z-index:1;box-sizing:border-box;white-space:nowrap}.casting-mode-option input[type=radio]{display:none}.casting-mode-option.active{background:#d79fff;color:#fff;font-weight:600;box-shadow:0 2px 6px #d79fff80;border:1px solid rgba(215,159,255,.8);margin:0;padding:6px 10px}.casting-mode-option:hover:not(.active):not(.disabled){background:#d79fff4d;border-color:#d79fffb3;transform:translateY(-1px);box-shadow:0 2px 8px #d79fff4d}.casting-mode-option:active{background:#d79fff26;transform:translateY(0)}.casting-mode-option.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.casting-mode-option input[type=radio]:disabled{cursor:not-allowed}[data-theme=light] .casting-mode-switch{background:#3b82f626;border-color:#3b82f666}[data-theme=light] .casting-mode-option{color:#3b82f6}[data-theme=light] .casting-mode-option.active{background:#3b82f6;color:#fff;font-weight:600;box-shadow:0 2px 6px #3b82f680;border:1px solid rgba(59,130,246,.8)}[data-theme=light] .casting-mode-option:hover:not(.active):not(.disabled){background:#3b82f640;border-color:#3b82f699;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}[data-theme=light] .correction-separator{background:linear-gradient(90deg,#3b82f64d,#3b82f61a,#3b82f64d)}[data-theme=light] .correction-section{background:#e2e8f0;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}[data-theme=dark] .correction-section{background:#ffffff1a;border-color:#d79fff33}.correction-section h3{color:var(--accent-color);margin:0 0 1rem;font-size:1.25rem;font-weight:600;transition:color .3s ease;text-align:center}[data-theme=light] .correction-section h3{color:#1d4ed8;font-weight:700}[data-theme=dark] .correction-section h3{color:#d79fff}.correction-content{color:var(--text-color);transition:color .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:150px}[data-theme=light] .correction-content{color:#1e293b}[data-theme=dark] .correction-content{color:#fff}.no-selection{text-align:center;padding:2rem;color:var(--text-color)}.no-selection h3{color:var(--accent-color);margin-bottom:1rem}.no-selection p{color:var(--text-color-secondary);font-size:1rem}.correction-data{width:100%;max-width:300px}.data-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.data-row:last-child{border-bottom:none}.data-row .label{font-weight:500;color:var(--text-color);flex:1;text-align:left}.data-row .value{font-weight:600;color:var(--accent-color);flex:1;text-align:right}[data-theme=light] .data-row .label{color:#1e293b}[data-theme=light] .data-row .value{color:#1d4ed8}[data-theme=light] .data-row{border-bottom-color:#cbd5e1}[data-theme=dark] .data-row .label{color:#fff}[data-theme=dark] .data-row .value{color:#d79fff}[data-theme=dark] .data-row{border-bottom-color:#d79fff33}@media (min-width: 769px) and (max-width: 1024px){.correction-section-header{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding-left:0;padding-right:0;margin-bottom:15px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(215,159,255,.5) transparent;padding-bottom:.5rem;flex-wrap:nowrap;width:100%}.correction-section-header::-webkit-scrollbar{height:8px}.correction-section-header::-webkit-scrollbar-track{background:#d79fff1a;border-radius:4px}.correction-section-header::-webkit-scrollbar-thumb{background:#d79fff80;border-radius:4px}.correction-section-header::-webkit-scrollbar-thumb:hover{background:#d79fffb3}.action-buttons-group{display:flex;gap:10px;flex-wrap:nowrap;flex-shrink:0}.export-buttons-group{display:flex;gap:8px;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-start}.approve-cast-button,.cancel-approval-button,.action-buttons-group .email-button,.export-button{white-space:nowrap;flex-shrink:0}.casting-mode-switch{flex-shrink:0}}@media (max-width: 768px){.expand-button{width:100%;min-width:auto}.correction-row{margin-bottom:.75rem}.correction-section{min-height:150px;padding:1rem 8px}.correction-data{max-width:100%}.correction-section-header{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding-left:0;padding-right:0;margin-bottom:10px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(215,159,255,.5) transparent;padding-bottom:.5rem;flex-wrap:nowrap;width:100%}.correction-section-header::-webkit-scrollbar{height:6px}.correction-section-header::-webkit-scrollbar-track{background:#d79fff1a;border-radius:3px}.correction-section-header::-webkit-scrollbar-thumb{background:#d79fff80;border-radius:3px}.correction-section-header::-webkit-scrollbar-thumb:hover{background:#d79fffb3}.action-buttons-group{display:flex;gap:8px;flex-wrap:nowrap;flex-shrink:0}.export-buttons-group{display:flex;gap:6px;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-start}.approve-cast-button,.cancel-approval-button{padding:5px 10px;font-size:.75rem;gap:4px;white-space:nowrap;flex-shrink:0}.action-buttons-group .email-button{min-width:160px;padding:5px 12px;font-size:.75rem;white-space:nowrap;flex-shrink:0}.export-button{padding:5px 8px;font-size:.75rem;min-width:50px;white-space:nowrap;flex-shrink:0}.casting-mode-switch{min-width:100px;flex-shrink:0}.casting-mode-option{padding:5px 8px;font-size:.75rem;min-width:45px}}@media (max-width: 480px){.correction-section{padding:1rem 4px}.correction-section-header{padding-left:0;padding-right:0;gap:6px;margin-bottom:8px;padding-bottom:.6rem}.correction-section-header::-webkit-scrollbar{height:8px}.correction-section-header::-webkit-scrollbar-thumb{background:#d79fff99}.action-buttons-group{gap:6px}.export-buttons-group{gap:5px}.approve-cast-button,.cancel-approval-button{padding:4px 8px;font-size:.7rem;gap:3px}.action-buttons-group .email-button{min-width:140px;padding:4px 10px;font-size:.7rem}.export-button{padding:4px 6px;font-size:.7rem;min-width:45px}.casting-mode-switch{min-width:90px}.casting-mode-option{padding:4px 6px;font-size:.7rem;min-width:40px}}.chart-section{margin-top:1rem;padding:1rem;background:#d79fff0d;border-radius:8px;border:1px solid rgba(215,159,255,.2);box-shadow:0 2px 8px #d79fff1a}.chart-section h4{margin:0 0 1rem;color:#d79fff;font-size:1.1rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.chart-container{width:100%;overflow-x:auto;background:#ffffffe6;border-radius:6px;padding:1rem;box-shadow:inset 0 2px 4px #0000001a;border:1px solid rgba(215,159,255,.3)}.chart-container svg{display:block;margin:0 auto;min-width:100%}@media (max-width: 768px){.chart-container{padding:.5rem}.chart-container svg{height:250px}}.setting-out-points{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-top:1rem}.setting-out-points h4{color:var(--accent-color);margin:0 0 1rem;font-size:1.1rem;font-weight:600;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.75rem}.point-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;transition:all .2s ease}.point-item:hover{background:#ffffff14;border-color:#fff3}.point-item strong{color:var(--accent-color);font-size:.9rem;font-weight:600}.point-item span{color:var(--text-color);font-size:.85rem;font-family:Courier New,monospace}.point-label{color:var(--accent-color)!important;font-style:italic;font-size:.8rem!important}[data-theme=light] .setting-out-points{background:#f8f9fa;border-color:#e9ecef}[data-theme=light] .setting-out-points h4{color:#1d4ed8;border-bottom-color:#e9ecef}[data-theme=light] .point-item{background:#fff;border-color:#e9ecef}[data-theme=light] .point-item:hover{background:#f8f9fa;border-color:#dee2e6}[data-theme=light] .point-item strong{color:#1d4ed8}[data-theme=light] .point-item span{color:#495057}[data-theme=light] .point-label{color:#1d4ed8!important}@media (max-width: 768px){.points-grid{grid-template-columns:1fr;gap:.5rem}.point-item{padding:.5rem}.point-item strong{font-size:.85rem}.point-item span{font-size:.8rem}}.pdf-attachments-section{margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}[data-theme=dark] .pdf-attachments-section{background:#374151;border-color:#4b5563}.pdf-attachments-label{display:block;margin-bottom:12px;font-weight:500;color:#374151;font-size:14px}[data-theme=dark] .pdf-attachments-label{color:#f9fafb}.pdf-checkbox-group{display:flex;flex-direction:column;gap:4px}.pdf-checkbox-item{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background-color .2s;margin-bottom:2px}.pdf-checkbox-item:hover{background:#3b82f61a}[data-theme=dark] .pdf-checkbox-item:hover{background:#3b82f633}.pdf-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.pdf-link{color:#3b82f6;text-decoration:none;font-weight:500;font-size:14px;transition:color .2s}.pdf-link:hover{color:#2563eb;text-decoration:underline}[data-theme=dark] .pdf-link{color:#60a5fa}[data-theme=dark] .pdf-link:hover{color:#3b82f6}.pdf-attachments-help{display:block;margin-top:8px;color:#6b7280;font-size:12px;font-style:italic}[data-theme=dark] .pdf-attachments-help{color:#9ca3af}.email-sent-indicator{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#d1fae5;border:1px solid #10b981;border-radius:6px;margin-top:16px;animation:slideIn .3s ease-out}[data-theme=dark] .email-sent-indicator{background:#10b98133;border-color:#10b981}.sent-icon{font-size:18px}.sent-message{color:#065f46;font-weight:500;font-size:14px}[data-theme=dark] .sent-message{color:#6ee7b7}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chart-container{width:98%!important;min-width:100px;background:transparent!important;overflow-x:auto;overflow-y:hidden;border-radius:8px;padding:10px!important;margin:0!important;box-shadow:none!important;border:2px solid rgba(255,255,255,.1)!important}@media (max-width: 1500px){.chart-container{min-width:600px}}@media (min-width: 769px) and (max-width: 1024px){.chart-wrapper{width:100%;padding:15px;min-height:200px;max-height:250px}.chart-container{width:100%!important;max-width:100%!important;min-width:0!important;padding:10px!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;box-sizing:border-box}.chart-container>div{min-width:600px;width:auto;height:100%!important;max-height:100%;overflow:hidden}.chart-container::-webkit-scrollbar{height:12px!important;display:block!important}.chart-container::-webkit-scrollbar-track{background:#ffffff26!important;border-radius:6px;margin:2px}.chart-container::-webkit-scrollbar-thumb{background:#d79fffb3!important;border-radius:6px;transition:background .2s ease;border:2px solid rgba(255,255,255,.1)}.chart-container::-webkit-scrollbar-thumb:hover{background:#d79fffe6!important}.chart-container::-webkit-scrollbar-thumb:active{background:#d79fff!important}.chart-container{scrollbar-width:auto!important;scrollbar-color:rgba(215,159,255,.7) rgba(255,255,255,.15)!important}}@media (max-width: 768px){.chart-wrapper{width:100%;padding:15px;min-height:200px;max-height:250px}.chart-container{width:100%!important;max-width:100%!important;min-width:0!important;padding:10px!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;box-sizing:border-box}.chart-container>div{min-width:600px;width:auto;height:100%!important;max-height:100%;overflow:hidden}.chart-container::-webkit-scrollbar{height:12px!important;display:block!important}.chart-container::-webkit-scrollbar-track{background:#ffffff26!important;border-radius:6px;margin:2px}.chart-container::-webkit-scrollbar-thumb{background:#d79fffb3!important;border-radius:6px;transition:background .2s ease;border:2px solid rgba(255,255,255,.1)}.chart-container::-webkit-scrollbar-thumb:hover{background:#d79fffe6!important}.chart-container::-webkit-scrollbar-thumb:active{background:#d79fff!important}.chart-container{scrollbar-width:auto!important;scrollbar-color:rgba(215,159,255,.7) rgba(255,255,255,.15)!important}}.chart-loading{display:flex;justify-content:center;align-items:center;height:300px;color:#fff;font-size:16px}.chart-error{display:flex;justify-content:center;align-items:center;height:300px;color:#ff6b6b;font-size:16px;text-align:center}.hz-correction-wrapper{display:flex;flex-direction:column;gap:5px;width:100%;border:none;background:transparent;box-shadow:none}.hz-correction-wrapper .correction-input-section{width:80%;margin:0 auto 2px}.hz-correction-wrapper .correction-input-section .data-row{display:block;width:auto}.hz-correction-wrapper .correction-input-section .data-label{font-size:.9rem;font-weight:500;color:var(--text-color);white-space:nowrap;display:inline;margin-right:5px}.hz-correction-wrapper .correction-input-section .correction-input{width:70px;padding:6px 8px;border:1px solid rgba(128,128,128,.3);border-radius:4px;background:transparent;color:#ff0;font-size:.85rem;font-weight:700;text-align:center;cursor:text;pointer-events:auto;-webkit-user-select:text;user-select:text;display:inline-block;margin-right:5px}.hz-correction-wrapper .correction-input-section .correction-input:focus{outline:none;border-color:#d79fff;box-shadow:0 0 0 2px #d79fff33}.hz-correction-wrapper .correction-input-section .correction-input:disabled{border:none;-moz-appearance:textfield;-webkit-appearance:none}.hz-correction-wrapper .correction-input-section .correction-input:disabled::-webkit-outer-spin-button,.hz-correction-wrapper .correction-input-section .correction-input:disabled::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;display:none}.hz-correction-wrapper .correction-input-section .unit{font-size:.8rem;color:var(--text-color);display:inline}@media (max-width: 768px){.hz-correction-wrapper{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.hz-correction-wrapper .correction-input-section{width:90%}}.length-chart-container{background:transparent;border-radius:8px;padding:10px}.chart-container{width:97%!important;min-width:100px;background:transparent!important;overflow-x:auto;overflow-y:hidden;border-radius:8px;border:2px solid rgba(255,255,255,.1)!important;padding:10px;margin:0!important;height:200px;box-shadow:none!important;transition:border-color .3s ease,box-shadow .3s ease}.chart-container:hover{border-color:#ffffff4d;box-shadow:0 4px 12px #00000026}.chart-container::-webkit-scrollbar{height:8px}.chart-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.chart-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.chart-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.chart-tooltip{background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000004d;font-weight:500}.chart-tooltip strong{color:#fff;font-weight:600}@media (max-width: 1200px){.chart-container{min-width:600px}}@media (min-width: 769px) and (max-width: 1024px){.length-chart-container{padding:5px;width:100%;max-width:100%;box-sizing:border-box}.chart-container{width:100%!important;max-width:100%!important;min-width:0!important;padding:10px;height:200px;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;box-sizing:border-box}.chart-container>div{min-width:800px;width:auto;height:100%!important;max-height:100%;overflow:hidden}.chart-container::-webkit-scrollbar{height:12px!important;display:block!important}.chart-container::-webkit-scrollbar-track{background:#ffffff26!important;border-radius:6px;margin:2px}.chart-container::-webkit-scrollbar-thumb{background:#d79fffb3!important;border-radius:6px;transition:background .2s ease;border:2px solid rgba(255,255,255,.1)}.chart-container::-webkit-scrollbar-thumb:hover{background:#d79fffe6!important}.chart-container::-webkit-scrollbar-thumb:active{background:#d79fff!important}.chart-container{scrollbar-width:auto!important;scrollbar-color:rgba(215,159,255,.7) rgba(255,255,255,.15)!important}}@media (max-width: 768px){.length-chart-container{padding:5px;width:100%;max-width:100%;box-sizing:border-box}.chart-container{width:100%!important;max-width:100%!important;min-width:0!important;padding:10px;height:200px;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;box-sizing:border-box}.chart-container>div{min-width:800px;width:auto;height:100%!important;max-height:100%;overflow:hidden}.chart-container::-webkit-scrollbar{height:12px!important;display:block!important}.chart-container::-webkit-scrollbar-track{background:#ffffff26!important;border-radius:6px;margin:2px}.chart-container::-webkit-scrollbar-thumb{background:#d79fffb3!important;border-radius:6px;transition:background .2s ease;border:2px solid rgba(255,255,255,.1)}.chart-container::-webkit-scrollbar-thumb:hover{background:#d79fffe6!important}.chart-container::-webkit-scrollbar-thumb:active{background:#d79fff!important}.chart-container{scrollbar-width:auto!important;scrollbar-color:rgba(215,159,255,.7) rgba(255,255,255,.15)!important}}.correction-panel{width:100%;margin:10px 0}.correction-panel-content{display:flex;flex-direction:column;gap:20px;padding:15px 0;background:transparent;border:none;box-shadow:none}.correction-item{width:100%}.correction-row-layout{display:flex;align-items:center;justify-content:space-between;gap:0;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;padding-left:10px;padding-right:10px}.horizontal-header-container,.vertical-header-container,.twist-header-container,.length-header-container{width:23%;max-width:100%;flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;height:220px;box-sizing:border-box;overflow:hidden}.hz-correction-wrapper,.length-chart-container{width:75%;min-width:0;height:220px;box-sizing:border-box;display:flex;flex-direction:column}@media (min-width: 769px) and (max-width: 1024px){.correction-row-layout{flex-direction:column;align-items:stretch;gap:15px;padding-left:10px;padding-right:10px}.horizontal-header-container,.vertical-header-container,.twist-header-container,.length-header-container{width:100%;max-width:100%;height:auto;min-height:80px;padding:10px;box-sizing:border-box;overflow:hidden}.hz-correction-wrapper,.length-chart-container{width:100%;max-width:100%;height:auto;min-height:200px;max-height:250px;box-sizing:border-box;overflow:hidden}.correction-panel-content{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;padding-left:0;padding-right:0}.correction-item{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}}@media (max-width: 768px){.correction-row-layout{flex-direction:column;align-items:stretch;gap:15px}.horizontal-header-container,.vertical-header-container,.twist-header-container,.length-header-container{width:100%;max-width:100%;height:auto;min-height:80px;padding:2px;box-sizing:border-box;overflow:hidden}.hz-correction-wrapper,.length-chart-container{height:auto;min-height:200px;max-height:250px;overflow:hidden}.twist-header-container{gap:4px}.twist-radio-group{gap:4px;margin-top:2px}.hz-correction-wrapper,.length-chart-container{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.correction-panel-content{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;padding-left:0;padding-right:0}.correction-item{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}}.correction-item .hz-correction-wrapper{border:none;background:transparent;box-shadow:none}.twist-header-container{display:flex;flex-direction:column;gap:15px}.twist-radio-group{display:flex;gap:15px;justify-content:center;margin-top:10px}.radio-label{display:flex;align-items:center;gap:5px;color:#fff;font-size:.9rem;cursor:pointer}.radio-label input[type=radio]{margin:0}.horizontal-header-container .correction-input-section,.vertical-header-container .correction-input-section,.twist-header-container .correction-input-section,.length-header-container .correction-input-section{width:auto;margin:0}.horizontal-header-container .correction-input-section .data-row,.vertical-header-container .correction-input-section .data-row,.twist-header-container .correction-input-section .data-row,.length-header-container .correction-input-section .data-row{display:flex;flex-direction:row;gap:10px;width:100%;align-items:center}.twist-header-container .twist-trackbar-container{margin-top:10px;width:100%}.horizontal-header-container .correction-input-section .data-label,.vertical-header-container .correction-input-section .data-label,.twist-header-container .correction-input-section .data-label,.length-header-container .correction-input-section .data-label{font-size:.9rem;font-weight:500;color:var(--text-color);text-align:left;display:block;margin:0;line-height:1.2;flex:1}.horizontal-header-container .correction-input-section .input-with-unit,.vertical-header-container .correction-input-section .input-with-unit,.twist-header-container .correction-input-section .input-with-unit,.length-header-container .correction-input-section .input-with-unit{display:flex;align-items:center;gap:5px;justify-content:flex-end}.horizontal-header-container .correction-input-section .unit,.vertical-header-container .correction-input-section .unit,.twist-header-container .correction-input-section .unit,.length-header-container .correction-input-section .unit{display:none}.horizontal-header-container .correction-input-section .correction-input,.vertical-header-container .correction-input-section .correction-input,.twist-header-container .correction-input-section .correction-input,.length-header-container .correction-input-section .correction-input{width:70px;padding:6px 8px;border:1px solid rgba(128,128,128,.3);border-radius:4px;background:transparent;color:#ff0;font-size:.85rem;font-weight:700;text-align:center;cursor:text;pointer-events:auto;-webkit-user-select:text;user-select:text}.horizontal-header-container .correction-input-section .unit,.vertical-header-container .correction-input-section .unit,.twist-header-container .correction-input-section .unit,.length-header-container .correction-input-section .unit{color:#fff;font-size:.85rem;font-weight:500}.horizontal-header-container .correction-input-section .correction-input:focus,.vertical-header-container .correction-input-section .correction-input:focus,.twist-header-container .correction-input-section .correction-input:focus,.length-header-container .correction-input-section .correction-input:focus{outline:none;border-color:#d79fff;box-shadow:0 0 0 2px #d79fff33}.horizontal-header-container .correction-input-section .correction-input:disabled,.vertical-header-container .correction-input-section .correction-input:disabled,.twist-header-container .correction-input-section .correction-input:disabled,.length-header-container .correction-input-section .correction-input:disabled{border:none;appearance:none;-moz-appearance:textfield;-webkit-appearance:none}.horizontal-header-container .correction-input-section .correction-input:disabled::-webkit-outer-spin-button,.horizontal-header-container .correction-input-section .correction-input:disabled::-webkit-inner-spin-button,.vertical-header-container .correction-input-section .correction-input:disabled::-webkit-outer-spin-button,.vertical-header-container .correction-input-section .correction-input:disabled::-webkit-inner-spin-button,.twist-header-container .correction-input-section .correction-input:disabled::-webkit-outer-spin-button,.twist-header-container .correction-input-section .correction-input:disabled::-webkit-inner-spin-button,.length-header-container .correction-input-section .correction-input:disabled::-webkit-outer-spin-button,.length-header-container .correction-input-section .correction-input:disabled::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;display:none}.horizontal-header-container .correction-input-section .unit,.vertical-header-container .correction-input-section .unit,.twist-header-container .correction-input-section .unit,.length-header-container .correction-input-section .unit{font-size:.8rem;color:var(--text-color);display:inline}.twist-trackbar-container{width:100%;margin-top:10px;display:flex;justify-content:center;align-items:center}.twist-trackbar{width:120px;height:6px;border-radius:3px;background:#8080804d;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.twist-trackbar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#d79fff;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0003}.twist-trackbar::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#d79fff;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px #0003}.twist-trackbar:disabled{opacity:.5;cursor:not-allowed}.twist-trackbar:disabled::-webkit-slider-thumb{cursor:not-allowed}.twist-trackbar:disabled::-moz-range-thumb{cursor:not-allowed}.twist-radio-group{display:flex;gap:15px;align-items:center}.radio-label{display:flex;align-items:center;gap:5px;font-size:12px;color:#ccc;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-label input[type=radio]{margin:0;cursor:pointer}.radio-label:hover{color:#fff}@media (max-width: 768px){.correction-panel-content{padding:10px;gap:30px}.horizontal-header-container,.vertical-header-container,.twist-header-container,.length-header-container{flex-direction:column;align-items:flex-start;gap:10px}.twist-radio-group{align-self:flex-end}}.survey-inspection-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.survey-inspection-modal{background:var(--card-background);border:2px solid var(--border-color);border-radius:12px;width:auto;max-width:800px;min-width:600px;max-height:90vh;height:auto;min-height:400px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d}[data-theme=light] .survey-inspection-modal{background:#fff;border-color:#3b82f6;box-shadow:0 8px 32px #3b82f633}[data-theme=dark] .survey-inspection-modal{background:#1e293bf2;border-color:#d79fff4d}.survey-inspection-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.survey-inspection-modal-header h3{margin:0;color:var(--text-color);font-size:1.1rem;font-weight:600}.survey-inspection-modal-close{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.survey-inspection-modal-close:hover{background:var(--hover-color)}.survey-inspection-modal-content{padding:.75rem 1.5rem 1.5rem;flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1rem}.survey-inspection-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem;border-radius:4px;font-size:.9rem}.survey-inspection-textarea-container{display:flex;gap:1rem;flex:1;min-height:0}.survey-inspection-node-selection-wrapper{display:flex;flex-direction:column;min-width:120px}.survey-inspection-node-selection-spacer{height:40px;flex-shrink:0;margin-bottom:0}.survey-inspection-node-selection-column{display:flex;flex-direction:column;gap:0;flex:1;padding-top:1rem}.survey-inspection-node-selection-row{display:flex;gap:.5rem;align-items:center;min-height:0;height:1.5rem;padding:0;margin:0}.survey-inspection-node-radio-label{display:flex;align-items:center;gap:.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.survey-inspection-node-radio-label:has(input:disabled){opacity:.5;cursor:not-allowed}.survey-inspection-node-radio-input{cursor:pointer;accent-color:var(--accent-color)}.survey-inspection-node-radio-input:disabled{cursor:not-allowed}.survey-inspection-node-radio-text{color:var(--text-color);font-size:.85rem;font-weight:500}.survey-inspection-area-panel{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.survey-inspection-column-mapping-container{display:flex;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color);margin-bottom:.5rem;overflow-x:auto;flex-shrink:0}.survey-inspection-column-mapping-select{min-width:80px;max-width:100px;width:auto;padding:.3rem .4rem;border:1px solid var(--border-color);border-radius:4px;background:var(--card-background);color:var(--text-color);font-size:.8rem;cursor:pointer}.survey-inspection-textarea{flex:1;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--card-background);color:var(--text-color);font-family:monospace;font-size:.9rem;resize:none;overflow-y:auto;overflow-x:hidden;min-height:200px;line-height:1.5rem;white-space:pre;max-width:500px;width:100%;outline:none;tab-size:8;-moz-tab-size:8}.survey-inspection-textarea:focus{outline:none;border-color:var(--border-color);box-shadow:none}.survey-inspection-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.survey-inspection-modal-cancel,.survey-inspection-modal-update{padding:.4rem 2rem;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;height:32px;min-width:120px;display:flex;align-items:center;justify-content:center}.survey-inspection-modal-cancel{background:transparent;color:var(--text-color);border:1px solid var(--border-color)}.survey-inspection-modal-cancel:hover:not(:disabled){background:var(--hover-color)}.survey-inspection-modal-update{background:#3b82f6;color:#fff}.survey-inspection-modal-update:hover:not(:disabled){background:#2563eb;opacity:1}.survey-inspection-modal-cancel:disabled,.survey-inspection-modal-update:disabled{opacity:.5;cursor:not-allowed}.theo-as-cast-section{background:var(--card-background);border:2px solid var(--border-color);border-top:none;border-radius:0 0 12px 12px;padding:1rem 10px;width:100%;box-sizing:border-box;margin-top:0}.theo-as-cast-section:has(.theo-as-cast-controls:empty){background:transparent!important;border:none!important;padding:0}.summary-design-container .theo-as-cast-section{background:transparent!important;border:none!important;padding:0;box-shadow:none!important}.summary-design-container .theo-as-cast-coordinate-table,.summary-design-container .theo-as-cast-coordinate-table td{background:transparent!important}.summary-design-container .theo-as-cast-coordinate-table tbody tr:nth-child(2n){background:var(--card-background)!important}.summary-design-container .theo-as-cast-coordinate-table tbody tr:nth-child(2n) td{background:var(--card-background)!important}.summary-design-container .theo-as-cast-coordinate-table tbody tr:hover,.summary-design-container .theo-as-cast-coordinate-table tbody tr:hover td{background:var(--hover-color)!important}[data-theme=light] .summary-design-container .theo-as-cast-coordinate-table td{background:#fff!important}[data-theme=light] .summary-design-container .theo-as-cast-coordinate-table tbody tr:nth-child(2n){background:#f1f5f9!important}[data-theme=light] .summary-design-container .theo-as-cast-coordinate-table tbody tr:nth-child(2n) td{background:#f1f5f9!important}[data-theme=light] .summary-design-container .theo-as-cast-coordinate-table tbody tr:hover,[data-theme=light] .summary-design-container .theo-as-cast-coordinate-table tbody tr:hover td{background:#e0f2fe!important}[data-theme=dark] .summary-design-container .theo-as-cast-coordinate-table td{background:transparent!important}[data-theme=dark] .summary-design-container .theo-as-cast-coordinate-table tbody tr:nth-child(2n){background:#ffffff0d!important}[data-theme=dark] .summary-design-container .theo-as-cast-coordinate-table tbody tr:nth-child(2n) td{background:#ffffff0d!important}[data-theme=dark] .summary-design-container .theo-as-cast-coordinate-table tbody tr:hover,[data-theme=dark] .summary-design-container .theo-as-cast-coordinate-table tbody tr:hover td{background:#d79fff1a!important}[data-theme=light] .theo-as-cast-section{background:#e2e8f0;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}[data-theme=dark] .theo-as-cast-section{background:#ffffff1a;border-color:#d79fff33}.theo-as-cast-controls{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.theo-as-cast-radio-group{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.theo-as-cast-controls-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.theo-as-cast-checkbox-container{margin-top:.5rem;min-height:24px}.theo-as-cast-radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.theo-as-cast-radio-input{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-color)}.theo-as-cast-radio-text{color:var(--text-color);font-size:.9rem;font-weight:500}.theo-as-cast-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;margin-left:0}.theo-as-cast-checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-color)}.theo-as-cast-checkbox-text{color:var(--text-color);font-size:.9rem;font-weight:500}.theo-as-cast-loading,.theo-as-cast-error,.theo-as-cast-empty{text-align:center;padding:2rem;color:var(--text-color);font-size:.9rem}.theo-as-cast-error{color:#ff6b6b}.theo-as-cast-table-container{overflow-x:auto;width:100%;min-width:0}.theo-as-cast-coordinate-table{width:100%;min-width:max-content;border-collapse:collapse;background:transparent;border:2px solid var(--border-color);border-radius:6px;overflow:hidden;font-size:.8rem;transition:border-color .3s ease}[data-theme=light] .theo-as-cast-coordinate-table{border-color:#3b82f6;background:transparent}[data-theme=dark] .theo-as-cast-coordinate-table{border-color:#d79fff4d;background:transparent}.theo-as-cast-coordinate-table th{background:var(--card-background);color:var(--text-color);padding:.5rem;text-align:center;font-weight:600;border:1px solid var(--border-color);font-size:.8rem;transition:all .3s ease}[data-theme=light] .theo-as-cast-coordinate-table th{background:#dbeafe;color:#1e293b;font-weight:700;border-color:#3b82f6}[data-theme=dark] .theo-as-cast-coordinate-table th{background:#d79fff33;color:#fff;border-color:#d79fff4d}.theo-as-cast-coordinate-table th:first-child{width:120px}.theo-as-cast-coordinate-table th:not(:first-child){width:100px}.theo-as-cast-coordinate-table td{padding:.45rem;text-align:center;color:var(--text-color);border:1px solid var(--border-color);background:transparent;font-size:.75rem;transition:all .3s ease}[data-theme=light] .theo-as-cast-coordinate-table td{color:#1e293b;border-color:#cbd5e1;background:#fff}[data-theme=dark] .theo-as-cast-coordinate-table td{color:#fff;border-color:#d79fff33;background:transparent}.theo-as-cast-coordinate-table tbody tr:nth-child(2n){background:var(--card-background)}[data-theme=light] .theo-as-cast-coordinate-table tbody tr:nth-child(2n){background:#f1f5f9}[data-theme=light] .theo-as-cast-coordinate-table tbody tr:nth-child(2n) td{background:#f1f5f9}[data-theme=dark] .theo-as-cast-coordinate-table tbody tr:nth-child(2n){background:#ffffff0d}.theo-as-cast-coordinate-table tbody tr:hover{background:var(--hover-color)}[data-theme=light] .theo-as-cast-coordinate-table tbody tr:hover,[data-theme=light] .theo-as-cast-coordinate-table tbody tr:hover td{background:#e0f2fe}[data-theme=dark] .theo-as-cast-coordinate-table tbody tr:hover{background:#d79fff1a}.theo-as-cast-table-container::-webkit-scrollbar{height:8px}.theo-as-cast-table-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.theo-as-cast-table-container::-webkit-scrollbar-thumb{background:#d79fff80;border-radius:4px}.theo-as-cast-table-container::-webkit-scrollbar-thumb:hover{background:#d79fffb3}.theo-as-cast-coordinate-table,.theo-as-cast-coordinate-table th,.theo-as-cast-coordinate-table td{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.sop-input-button{background:#d79fff33;border:1px solid rgba(215,159,255,.5);color:#d79fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.sop-input-button:hover{background:#d79fff4d;border-color:#d79fffb3;transform:translateY(-1px)}[data-theme=light] .sop-input-button{background:#3b82f61a;border-color:#3b82f64d;color:#1e40af;font-weight:600}[data-theme=light] .sop-input-button:hover{background:#3b82f633;border-color:#3b82f680;color:#1d4ed8}.elevation-chart-wrapper{width:100%;margin-bottom:1rem}.elevation-chart-title{margin:0;color:var(--accent-color);font-size:1rem;font-weight:600;text-align:center;margin-bottom:.5rem}[data-theme=light] .elevation-chart-title{color:#1d4ed8;font-weight:700}[data-theme=dark] .elevation-chart-title{color:#d79fff}.elevation-chart-container{width:95%;max-width:95%;background:var(--card-background);border-radius:6px;padding:.5rem;box-shadow:0 2px 4px #0000001a;margin:0 auto}[data-theme=light] .elevation-chart-container{background:#fff;box-shadow:0 2px 4px #0000001a}[data-theme=dark] .elevation-chart-container{background:#ffffff0d;box-shadow:0 2px 4px #0000004d}.elevation-charts-container{display:flex;gap:1rem;width:100%;max-width:100%;margin:0 auto 1rem}.elevation-charts-container .elevation-chart-wrapper{flex:1;min-width:0}.elevation-chart-container svg g.nivo-axis-top text{fill:#d79fff!important}@media (max-width: 1024px){.elevation-charts-container{flex-direction:column}}.summary-component{width:100%;margin:0}.summary-component .info-section{margin:0}.summary-header{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem;margin-bottom:0;padding:.75rem 1rem;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;transition:all .2s ease;background:transparent}.summary-header:hover{background:#d79fff1a}[data-theme=light] .summary-header:hover{background:#3b82f61a}.summary-header.expanded{border-bottom:2px solid rgba(215,159,255,.3);margin-bottom:.5rem;padding-bottom:.75rem}[data-theme=light] .summary-header.expanded{border-bottom-color:#3b82f64d}.summary-toggle-arrow-icon{color:#d79fff;font-size:.9rem;line-height:1;transition:transform .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.summary-header.expanded .summary-toggle-arrow-icon,.summary-header.collapsed .summary-toggle-arrow-icon{transform:rotate(0)}[data-theme=light] .summary-toggle-arrow-icon{color:#3b82f6}.summary-header:hover .summary-toggle-arrow-icon{color:#fff}[data-theme=light] .summary-header:hover .summary-toggle-arrow-icon{color:#1d4ed8}.summary-title{margin:0;padding:0;text-align:center;font-size:1.4rem;font-weight:600;color:#d79fff;transition:color .3s ease}[data-theme=light] .summary-title{color:#3b82f6;font-weight:700}[data-theme=dark] .summary-title{color:#d79fff}@media (max-width: 768px){.summary-title{font-size:1.1rem;letter-spacing:.5px}}@media (max-width: 480px){.summary-title{font-size:1rem;letter-spacing:.3px}}.under-development-message{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-color);font-style:italic;opacity:.8}[data-theme=light] .under-development-message{color:#64748b}[data-theme=dark] .under-development-message{color:#fff9}.summary-radio-group{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.summary-radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.summary-radio-input{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-color)}.summary-radio-text{color:var(--text-color);font-size:.9rem;font-weight:500}[data-theme=light] .summary-radio-text{color:#1e293b;font-weight:600}[data-theme=dark] .summary-radio-text{color:#fff}.summary-loading,.summary-error,.summary-empty{text-align:center;padding:2rem;color:var(--text-color);font-size:.9rem}.summary-error{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:4px;padding:1rem}.summary-empty{display:flex;flex-direction:column;align-items:center;gap:1rem}.summary-table-container{width:100%;display:flex;flex-direction:column;align-items:center}.summary-header-container{width:100%;max-width:70%;min-width:450px;display:flex;justify-content:center;align-items:center;margin-bottom:.5rem}.summary-table-title{margin:0;color:var(--accent-color);font-size:1rem;font-weight:600;text-align:center}[data-theme=light] .summary-table-title{color:#1d4ed8;font-weight:700}[data-theme=dark] .summary-table-title{color:#d79fff}.summary-table-header h4{margin:0;color:var(--accent-color);font-size:1rem;font-weight:600}[data-theme=light] .summary-table-header h4{color:#1d4ed8;font-weight:700}[data-theme=dark] .summary-table-header h4{color:#d79fff}.summary-button-container{width:100%;max-width:70%;min-width:450px;display:flex;justify-content:flex-end;align-items:center;margin-bottom:.5rem}.summary-table-wrapper{overflow-x:auto;width:100%;max-width:70%;min-width:450px}.summary-table-wrapper .coordinate-table{width:100%;min-width:auto}.summary-table-wrapper .coordinate-table th:first-child,.summary-table-wrapper .coordinate-table td:first-child{width:110px;min-width:110px}.summary-table-wrapper .coordinate-table th:not(:first-child),.summary-table-wrapper .coordinate-table td:not(:first-child){width:70px;min-width:70px}.summary-input-button{background:#d79fff33;border:1px solid rgba(215,159,255,.5);color:#d79fff;padding:6px 24px;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;width:auto;min-width:140px;height:28px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.summary-input-button:hover{background:#d79fff4d;border-color:#d79fffb3}[data-theme=light] .summary-input-button{background:#3b82f61a;border-color:#3b82f64d;color:#1e40af}[data-theme=light] .summary-input-button:hover{background:#3b82f633;border-color:#3b82f680}.actual-input-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.actual-input-modal{background:var(--card-background);border:2px solid var(--border-color);border-radius:12px;width:90%;max-width:800px;max-height:90vh;height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d}[data-theme=light] .actual-input-modal{background:#fff;border-color:#3b82f6;box-shadow:0 8px 32px #3b82f633}[data-theme=dark] .actual-input-modal{background:#1e293bf2;border-color:#d79fff4d}.actual-input-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.actual-input-modal-header h3{margin:0;color:var(--text-color);font-size:1.1rem;font-weight:600}.actual-input-modal-close{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.actual-input-modal-close:hover{background:var(--hover-color)}.actual-input-modal-content{padding:.75rem 1.5rem 1.5rem;flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:1rem}.actual-input-tensioning-selection{display:flex;align-items:center;gap:1.5rem;padding:.5rem 0;border-bottom:1px solid var(--border-color);margin-bottom:.5rem}.actual-input-method-selection{display:flex;align-items:center;gap:1.5rem;padding:.75rem 0;border-bottom:1px solid var(--border-color);margin-bottom:.5rem}.actual-input-radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.actual-input-radio-input{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-color)}.actual-input-radio-text{color:var(--text-color);font-size:.9rem;font-weight:500}.actual-input-instructions{color:var(--text-color);font-size:.9rem;margin:0;line-height:1.5}.actual-input-error{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;padding:.75rem;border-radius:4px;font-size:.85rem}.actual-input-column-mapping-container{display:flex;gap:.25rem;padding:.25rem;border:1px solid var(--border-color);border-radius:6px;background:#1e293b99;width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;white-space:nowrap;flex-shrink:0}.actual-input-column-mapping-select{padding:.25rem .4rem;border:1px solid var(--border-color);border-radius:4px;background:var(--card-background);color:var(--text-color);font-size:.7rem;cursor:pointer;min-width:90px;height:24px;transition:all .2s ease;flex-shrink:0}.actual-input-column-mapping-select:hover{border-color:var(--accent-color)}.actual-input-column-mapping-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #d79fff33}.actual-input-column-mapping-container::-webkit-scrollbar{height:8px}.actual-input-column-mapping-container::-webkit-scrollbar-track{background:transparent}.actual-input-column-mapping-container::-webkit-scrollbar-thumb{background:#d79fff4d;border-radius:4px}.actual-input-column-mapping-container::-webkit-scrollbar-thumb:hover{background:#d79fff80}.actual-input-textarea::-webkit-scrollbar{width:8px;height:8px}.actual-input-textarea::-webkit-scrollbar-track{background:transparent}.actual-input-textarea::-webkit-scrollbar-thumb{background:#d79fff4d;border-radius:4px}.actual-input-textarea::-webkit-scrollbar-thumb:hover{background:#d79fff80}[data-theme=light] .actual-input-column-mapping-container{background:#f1f5f9cc;border-color:#cbd5e1}[data-theme=light] .actual-input-column-mapping-select{background:#fff;border-color:#cbd5e1}[data-theme=light] .actual-input-column-mapping-select:hover{border-color:#3b82f6}[data-theme=light] .actual-input-column-mapping-select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.actual-input-textarea-container{display:flex;gap:1rem;align-items:stretch;flex:1;min-height:0}.actual-input-area-panel{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow:visible;min-width:0;max-width:100%;width:100%;position:relative;box-sizing:border-box;height:100%;align-items:stretch}.actual-input-node-selection-wrapper{display:flex;flex-direction:column;gap:.5rem;min-width:180px;flex-shrink:0}.actual-input-node-selection-spacer{height:40px;flex-shrink:0}.actual-input-node-selection-column{display:flex;flex-direction:column;gap:0;padding:.75rem .5rem;border:1px solid var(--border-color);border-radius:6px;background:#1e293b99;flex:1 1 auto;min-height:450px;height:100%;box-sizing:border-box}.actual-input-node-selection-row{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:0;margin:0;height:1.275rem;line-height:1.5}.actual-input-node-radio-label{display:flex;align-items:center;gap:.3rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.8rem;white-space:nowrap}.actual-input-node-radio-input{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-color)}.actual-input-node-radio-text{color:var(--text-color);font-size:.75rem;font-weight:400}.actual-input-textarea{flex:1 1 auto;min-height:450px;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--card-background);color:var(--text-color);font-family:Courier New,monospace;font-size:.85rem;resize:vertical;line-height:1.5;overflow-x:auto;overflow-y:auto;white-space:pre;word-wrap:normal;width:100%;max-width:100%;box-sizing:border-box;height:100%}.actual-input-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #d79fff33}[data-theme=light] .actual-input-textarea{background:#fff;border-color:#cbd5e1}[data-theme=light] .actual-input-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}[data-theme=light] .actual-input-node-selection-column{background:#f1f5f9cc;border-color:#cbd5e1}.actual-input-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.actual-input-modal-cancel,.actual-input-modal-update,.actual-input-modal-partial-update{padding:.5rem 1.5rem;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid var(--border-color)}.actual-input-modal-cancel{background:transparent;color:var(--text-color)}.actual-input-modal-cancel:hover:not(:disabled){background:var(--hover-color)}.actual-input-modal-update{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.actual-input-modal-update:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.actual-input-modal-update:disabled,.actual-input-modal-cancel:disabled,.actual-input-modal-partial-update:disabled{opacity:.5;cursor:not-allowed}.actual-input-modal-partial-update{background:#10b981;color:#fff;border-color:#10b981}.actual-input-modal-partial-update:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}[data-theme=light] .actual-input-modal-partial-update{background:#10b981;border-color:#10b981;color:#fff}[data-theme=light] .actual-input-modal-partial-update:hover:not(:disabled){background:#059669;border-color:#059669}[data-theme=light] .actual-input-modal-update{background:#3b82f6;border-color:#3b82f6;color:#fff}[data-theme=light] .actual-input-modal-update:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.actual-coordinate-section{background:var(--card-background);border:2px solid var(--border-color);border-top:none;border-radius:0 0 12px 12px;padding:1rem 10px;width:100%;box-sizing:border-box;margin-top:0}[data-theme=light] .actual-coordinate-section{background:#e2e8f0;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}[data-theme=dark] .actual-coordinate-section{background:#ffffff1a;border-color:#d79fff33}.actual-coordinate-controls{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.actual-coordinate-controls-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.actual-coordinate-button-group{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.actual-coordinate-checkbox-container{margin-top:.5rem;min-height:24px}.actual-coordinate-radio-group{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.actual-coordinate-radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.actual-coordinate-radio-input{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-color)}.actual-coordinate-radio-text{color:var(--text-color);font-size:.9rem;font-weight:500}.actual-coordinate-input-button{background:#d79fff33;border:1px solid rgba(215,159,255,.5);color:#d79fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.actual-coordinate-input-button:hover{background:#d79fff4d;border-color:#d79fffb3;transform:translateY(-1px)}.actual-coordinate-input-button.update-survey{background:#facc154d;border:2px solid rgba(250,204,21,.8);color:#fbbf24;font-weight:700;box-shadow:0 2px 4px #0000001a}.actual-coordinate-input-button.update-survey:hover{background:#facc1566;border-color:#facc15;color:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}[data-theme=light] .actual-coordinate-input-button{background:#3b82f61a;border-color:#3b82f64d;color:#1e40af;font-weight:600}[data-theme=light] .actual-coordinate-input-button:hover{background:#3b82f633;border-color:#3b82f680;color:#1d4ed8}[data-theme=light] .actual-coordinate-input-button.update-survey{background:#facc154d;border:2px solid rgba(250,204,21,.8);color:#f59e0b;font-weight:700}[data-theme=light] .actual-coordinate-input-button.update-survey:hover{background:#facc1566;border-color:#facc15;color:#d97706}.actual-coordinate-loading,.actual-coordinate-error,.actual-coordinate-empty{text-align:center;padding:2rem;color:var(--text-color);font-size:.9rem}.actual-coordinate-error{color:#ff6b6b}.actual-coordinate-table-container{overflow-x:auto;width:100%;min-width:0}.actual-coordinate-table{width:100%;min-width:max-content;border-collapse:collapse;background:transparent;border:2px solid var(--border-color);border-radius:6px;overflow:hidden;font-size:.8rem;transition:border-color .3s ease}[data-theme=light] .actual-coordinate-table{border-color:#3b82f6;background:transparent}[data-theme=dark] .actual-coordinate-table{border-color:#d79fff4d;background:transparent}.actual-coordinate-table th{background:var(--card-background);color:var(--text-color);padding:.5rem;text-align:center;font-weight:600;border:1px solid var(--border-color);font-size:.8rem;transition:all .3s ease}[data-theme=light] .actual-coordinate-table th{background:#dbeafe;color:#1e293b;font-weight:700;border-color:#3b82f6}[data-theme=dark] .actual-coordinate-table th{background:#d79fff33;color:#fff;border-color:#d79fff4d}.actual-coordinate-table th:first-child{width:120px}.actual-coordinate-table th:not(:first-child){width:100px}.actual-coordinate-table td{padding:.45rem;text-align:center;color:var(--text-color);border:1px solid var(--border-color);background:transparent;font-size:.75rem;transition:all .3s ease}[data-theme=light] .actual-coordinate-table td{color:#1e293b;border-color:#cbd5e1;background:#fff}[data-theme=dark] .actual-coordinate-table td{color:#fff;border-color:#d79fff33;background:transparent}.actual-coordinate-table tbody tr:nth-child(2n){background:var(--card-background)}[data-theme=light] .actual-coordinate-table tbody tr:nth-child(2n){background:#f1f5f9}[data-theme=light] .actual-coordinate-table tbody tr:nth-child(2n) td{background:#f1f5f9}[data-theme=dark] .actual-coordinate-table tbody tr:nth-child(2n){background:#ffffff0d}.actual-coordinate-table tbody tr:hover{background:var(--hover-color)}[data-theme=light] .actual-coordinate-table tbody tr:hover,[data-theme=light] .actual-coordinate-table tbody tr:hover td{background:#e0f2fe}[data-theme=dark] .actual-coordinate-table tbody tr:hover{background:#d79fff1a}.actual-coordinate-table-container::-webkit-scrollbar{height:8px}.actual-coordinate-table-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.actual-coordinate-table-container::-webkit-scrollbar-thumb{background:#d79fff80;border-radius:4px}.actual-coordinate-table-container::-webkit-scrollbar-thumb:hover{background:#d79fffb3}.actual-coordinate-table,.actual-coordinate-table th,.actual-coordinate-table td{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.chart-erection-hoz{width:100%;padding:1rem;box-sizing:border-box}.chart-erection-hoz:not(:last-child){margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:2rem}.chart-input-button-container{margin-bottom:1rem;display:flex;justify-content:flex-start}.chart-container-wrapper{width:100%;margin-top:1rem}.chart-loading,.chart-error,.chart-no-data,.chart-placeholder{text-align:center;padding:2rem;color:var(--text-color);font-size:.9rem}.chart-error{color:#ef4444}.chart-placeholder{font-style:italic;opacity:.7}[data-theme=light] .chart-loading,[data-theme=light] .chart-no-data,[data-theme=light] .chart-placeholder{color:#1e293b}[data-theme=dark] .chart-loading,[data-theme=dark] .chart-no-data,[data-theme=dark] .chart-placeholder{color:#e2e8f0}.overview-container{padding:2rem;background:var(--background-color);min-height:100vh;color:var(--text-color);transition:background .3s ease,color .3s ease}[data-theme=light] .overview-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1e293b}[data-theme=dark] .overview-container{background:linear-gradient(135deg,#1e293b,#334155);color:#e2e8f0}.overview-header{margin-bottom:2rem}.overview-header h1{font-size:2.5rem;font-weight:700;color:inherit;margin-bottom:.5rem}.overview-header .subtitle{font-size:1.1rem;color:#94a3b8}.overview-loading,.overview-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:inherit;color:inherit}.spinner{width:50px;height:50px;border:4px solid #1e293b;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.metric-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:none;transition:transform .2s,box-shadow .2s,border-color .2s}[data-theme=light] .metric-card{background:#fffffff2;border-color:#e2e8f0}[data-theme=dark] .metric-card{background:#ffffff14;border-color:#d79fff26}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a26;border-color:var(--accent-color);background:var(--hover-color)}.metric-card.highlight-green{background:linear-gradient(135deg,#065f46,#10b981)}.metric-icon{font-size:3rem;line-height:1}.metric-content{flex:1}.metric-content h3{font-size:.875rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.highlight-green .metric-content h3{color:#d1fae5}.metric-value{font-size:2.5rem;font-weight:700;color:#f1f5f9;line-height:1}.metric-sub{font-size:.875rem;color:#94a3b8;margin-top:.25rem}.highlight-green .metric-sub{color:#d1fae5}.charts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.chart-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:none;transition:border-color .2s ease}[data-theme=light] .chart-card{background:#fffffff2;border-color:#e2e8f0}[data-theme=dark] .chart-card{background:#ffffff14;border-color:#d79fff26}.chart-card:hover{border-color:var(--accent-color)}.chart-card.wide{margin-top:2rem}.chart-card.wide{grid-column:1 / -1}.histogram-grid{margin-top:2rem}.histogram-chart{height:320px}.chart-card h2{font-size:1.35rem;font-weight:600;color:inherit;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.chart-total{color:#cbd5f5;font-size:.95rem;margin:-.5rem 0 1.25rem}.pie-chart-container{height:350px;margin:1rem 0}.state-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.state-stat{background:var(--card-background);border-radius:8px;padding:1rem;border:1px solid var(--border-color);border-left-width:4px;display:flex;flex-direction:column;gap:.5rem}[data-theme=light] .state-stat{background:#fffffff2;border-color:#e2e8f0}[data-theme=dark] .state-stat{background:#ffffff14;border-color:#d79fff26}.state-label{font-size:.875rem;color:#94a3b8;font-weight:500}.state-value{font-size:2rem;font-weight:700;color:inherit}.length-distribution{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin:1rem 0}.length-item{background:var(--card-background);border-radius:8px;padding:1rem;text-align:center;border:1px solid var(--border-color)}[data-theme=light] .length-item{background:#fffffff2;border-color:#e2e8f0}[data-theme=dark] .length-item{background:#ffffff14;border-color:#d79fff26}.length-label{font-size:.875rem;color:#94a3b8;font-weight:500;margin-bottom:.5rem}.length-count{font-size:1.75rem;font-weight:700;color:#f1f5f9}.length-total{font-size:.75rem;color:#94a3b8;margin-top:.25rem}.timeline-info{margin-bottom:1.5rem;padding:1rem;background:var(--card-background);border-radius:8px;border:1px solid var(--border-color);border-left:4px solid #3b82f6}[data-theme=light] .timeline-info{background:#fffffff2;border-color:#e2e8f0}[data-theme=dark] .timeline-info{background:#ffffff14;border-color:#d79fff26}.pie-wrapper{height:320px}.pie-legend{margin-top:1.25rem;display:flex;flex-direction:column;gap:.5rem;max-height:180px;overflow-y:auto}.pie-legend-row{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#cbd5f5}.pie-legend-swatch{width:14px;height:14px;border-radius:3px;flex-shrink:0}.pie-legend-label{flex:1}.pie-legend-value{color:#f8fafc;font-variant-numeric:tabular-nums}.timeline-chart{height:360px}.timeline-info p{color:#94a3b8;margin:0}.timeline-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.timeline-item{display:grid;grid-template-columns:120px 1fr 100px;gap:1rem;align-items:center;background:var(--card-background);padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border-color);transition:background .2s,border-color .2s}[data-theme=light] .timeline-item{background:#fffffff2;border-color:#e2e8f0}[data-theme=dark] .timeline-item{background:#ffffff14;border-color:#d79fff26}.timeline-item:hover{border-color:var(--accent-color);background:var(--hover-color)}.timeline-date{font-size:.875rem;color:#94a3b8;font-weight:500}.timeline-bar{height:8px;background:#334155;border-radius:4px;overflow:hidden}.timeline-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;min-width:20px;max-width:100%}.timeline-count{font-size:.875rem;color:#f1f5f9;font-weight:600;text-align:right}.no-data{text-align:center;color:#64748b;padding:2rem;font-style:italic}@media (max-width: 768px){.overview-container{padding:1rem}.overview-header h1{font-size:2rem}.metrics-grid,.charts-container{grid-template-columns:1fr}}.span-network-graph-container{width:100%;margin-top:2rem;padding:1.5rem;background:var(--card-background, #ffffff);border:2px solid var(--border-color, #e1e5e9);border-radius:12px;box-shadow:0 4px 12px #0000001a}.span-network-graph-container h2{margin:0 0 .5rem;color:var(--text-color, #1e293b);font-size:1.5rem;font-weight:600}.graph-description{margin:0 0 1rem;color:var(--text-color-secondary, #64748b);font-size:.9rem}.graph-legend{display:flex;gap:1.5rem;margin-bottom:1rem;padding:.75rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-color, #1e293b)}.legend-color{width:16px;height:16px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a}.graph-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem;background:var(--background-color, #f8fafc);border-radius:8px}.zoom-button{padding:.5rem 1rem;border:1px solid var(--border-color, #e1e5e9);background:var(--card-background, #ffffff);color:var(--text-color, #1e293b);border-radius:4px;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .2s ease;min-width:40px}.zoom-button:hover{background:var(--primary-color, #667eea);color:#fff;border-color:var(--primary-color, #667eea)}.zoom-level{margin-left:auto;font-size:.875rem;color:var(--text-color-secondary, #64748b);font-weight:500}.graph-wrapper{width:100%;height:600px;border:1px solid var(--border-color, #e1e5e9);border-radius:8px;overflow:hidden;background:var(--background-color, #ffffff);position:relative;touch-action:none}.network-graph-svg{width:100%;height:100%;display:block;transition:outline .2s ease}.network-graph-svg.active{outline:2px solid var(--primary-color, #667eea);outline-offset:-2px}.graph-loading,.graph-error,.graph-no-data{padding:2rem;text-align:center;color:var(--text-color-secondary, #64748b);font-size:1rem}.graph-error{color:#ef4444}.graph-info{margin-top:1rem;padding:.75rem;background:var(--background-color, #f8fafc);border-radius:8px;font-size:.875rem;color:var(--text-color, #1e293b)}[data-theme=light] .span-network-graph-container{background:#fff;border-color:#e1e5e9}[data-theme=light] .graph-wrapper{background:#f8fafc;border-color:#e1e5e9}[data-theme=dark] .span-network-graph-container{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .graph-wrapper{background:#0003;border-color:#ffffff1a}[data-theme=dark] .graph-info{background:#ffffff0d}.correction-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;width:100%}.correction-panel-header h4{color:var(--accent-color);margin:0;font-size:1rem;font-weight:600;text-align:left;flex:1;transition:color .3s ease}[data-theme=light] .correction-panel-header h4{color:#1d4ed8;font-weight:700}[data-theme=dark] .correction-panel-header h4{color:#d79fff}.correction-panel-header .pdf-btn{padding:6px 12px;font-size:.8rem;font-weight:500;min-width:60px;display:flex;align-items:center;gap:4px;justify-content:center;cursor:pointer;transition:all .2s ease;border-radius:4px;white-space:nowrap;border:1px solid var(--border-color);background:var(--section-background);color:var(--text-color)}.correction-panel-header .pdf-btn:hover{background:var(--accent-color);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #d79fff4d}[data-theme=light] .correction-panel-header .pdf-btn{border-color:#3b82f666;background:#3b82f626;color:#3b82f6}[data-theme=light] .correction-panel-header .pdf-btn:hover{background:#3b82f64d;border-color:#3b82f6b3;color:#1d4ed8}[data-theme=dark] .correction-panel-header .pdf-btn{border-color:#d79fff80;background:#d79fff33;color:#d79fff}[data-theme=dark] .correction-panel-header .pdf-btn:hover{background:#d79fff66;border-color:#d79fffcc;color:#fff}@media (max-width: 768px){.correction-panel-header .pdf-btn{min-width:auto;padding:5px 8px;font-size:.75rem}}@media (max-width: 480px){.correction-panel-header .pdf-btn{min-width:50px;padding:4px 8px;font-size:.7rem}}.setting-out-data-page{padding:2rem;max-width:900px;margin:0 auto;min-height:100vh;background:transparent;color:var(--text-color);transition:all .3s ease}[data-theme=light] .setting-out-data-page,[data-theme=dark] .setting-out-data-page{background:transparent}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.filters-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:1rem 1.5rem;margin-bottom:.5rem;max-width:100%;transition:padding .3s ease}.filters-section.collapsed{padding:.5rem 1rem}.filters-header{margin-bottom:1rem;transition:margin .3s ease;display:flex;justify-content:center;align-items:center}.filters-section.collapsed .filters-header{margin-bottom:0}.filters-toggle-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--text-color);font-size:1rem;font-weight:600;cursor:pointer;padding:0;transition:all .2s ease}.filters-toggle-btn:hover{color:var(--accent-color)}.filters-toggle-text{-webkit-user-select:none;user-select:none}.filters-toggle-icon{font-size:.75rem;transition:transform .3s ease;display:inline-block}.filters-toggle-icon.expanded{transform:rotate(180deg)}.radio-group{display:flex;flex-direction:row;gap:2rem;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);transition:all .3s ease;overflow:hidden;max-height:100px;opacity:1}.radio-group.collapsed{max-height:0;margin-bottom:0;padding-bottom:0;opacity:0;border-bottom:none}.radio-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9375rem;color:var(--text-color);-webkit-user-select:none;user-select:none}.radio-group input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:var(--accent-color)}.radio-group span{-webkit-user-select:none;user-select:none}.filters-container{display:flex;flex-direction:row;gap:1.5rem;align-items:flex-start;width:100%;transition:all .3s ease;overflow:hidden;max-height:500px;opacity:1}.filters-container.collapsed{max-height:0;opacity:0;margin:0;padding:0}.filter-panel{display:flex;flex-direction:column;gap:.5rem;flex:1 1 0;min-width:0}.date-panel,.span-panel{flex:1 1 0}.checkbox-panel{flex:0 0 auto;justify-content:center}.filter-panel-labels{display:flex;flex-direction:row;gap:1rem;align-items:center}.filter-panel-labels label{font-size:.875rem;font-weight:500;color:var(--text-color);flex:1 1 0;min-width:0}.filter-panel-inputs{display:flex;flex-direction:row;gap:1rem;align-items:center}.filter-panel-inputs input,.filter-panel-inputs select{flex:1 1 0;min-width:0;padding:.3rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--card-background);color:var(--text-color);font-size:.875rem;transition:all .2s ease;box-sizing:border-box;line-height:1.4}.filter-panel-inputs input:focus,.filter-panel-inputs select:focus{outline:none;border-color:#d79fff;box-shadow:0 0 0 3px #d79fff26}.filter-panel-checkboxes{display:flex;flex-direction:row;gap:1.5rem;align-items:center;padding-top:1.625rem}.checkbox-group{display:flex;flex-direction:row;align-items:center;gap:.5rem}.checkbox-group label{font-size:.875rem;font-weight:500;color:var(--text-color);cursor:pointer;margin:0}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#d79fff;margin:0}.checkbox-group input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.checkbox-group label:has(input[type=checkbox]:disabled){cursor:not-allowed;opacity:.6}[data-theme=light] .filters-section{background:#fffffff2;border-color:#3b82f640}[data-theme=light] .filter-panel-inputs input,[data-theme=light] .filter-panel-inputs select{background:#fff;border-color:#3b82f64d;color:#1e293b}[data-theme=light] .filter-panel-inputs input:focus,[data-theme=light] .filter-panel-inputs select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}[data-theme=light] .filter-panel-inputs select option{background:#fff;color:#1e293b}[data-theme=dark] .filter-panel-inputs input,[data-theme=dark] .filter-panel-inputs select{background:#1e293bcc;border-color:#d79fff4d;color:#e2e8f0}[data-theme=dark] .filter-panel-inputs input:focus,[data-theme=dark] .filter-panel-inputs select:focus{border-color:#d79fff;box-shadow:0 0 0 3px #d79fff26}[data-theme=dark] .filter-panel-inputs select option{background:#1e293b;color:#e2e8f0}.navigation-labels-section{background:transparent;border:none;border-radius:0;padding:.5rem 0;margin-bottom:1rem;max-width:100%}.navigation-labels-container{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.navigation-label{padding:.4rem;border:1px solid var(--border-color);border-radius:4px;background:var(--card-background);color:var(--text-color);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;line-height:1.2;width:85px;text-align:center;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.navigation-label-separator{white-space:pre;margin:0 .1rem}.navigation-label-segment{color:#d79fff}[data-theme=light] .navigation-label-segment{color:#9333ea}[data-theme=dark] .navigation-label-segment,.navigation-label.active .navigation-label-segment{color:#d79fff}.navigation-label:hover{background:#d79fff33;border-color:#d79fff80;transform:translateY(-1px)}.navigation-label:hover .navigation-label-segment{color:#d79fff}[data-theme=light] .navigation-label:hover .navigation-label-segment{color:#9333ea}.navigation-label.active{background:#d79fff4d;border-color:#d79fff;color:#d79fff;font-weight:600;box-shadow:0 2px 8px #d79fff4d}[data-theme=light] .navigation-labels-section{background:transparent;border:none}[data-theme=light] .navigation-label{background:#e2e8f0;border-color:#3b82f64d;color:#1e293b}[data-theme=light] .navigation-label:hover{background:#3b82f626;border-color:#3b82f680}[data-theme=light] .navigation-label.active{background:#3b82f640;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d}[data-theme=light] .navigation-label.active .navigation-label-segment{color:#9333ea}[data-theme=dark] .navigation-labels-section{background:transparent;border:none}[data-theme=dark] .navigation-label{background:#ffffff1a;border-color:#d79fff4d;color:#e2e8f0}[data-theme=dark] .navigation-label:hover{background:#d79fff33;border-color:#d79fff80}[data-theme=dark] .navigation-label:hover .navigation-label-segment{color:#d79fff}[data-theme=dark] .navigation-label.active{background:#d79fff4d;border-color:#d79fff;box-shadow:0 2px 8px #d79fff4d}[data-theme=dark] .navigation-label.active .navigation-label-segment{color:#d79fff}[data-theme=light] .filter-group input[type=date]:focus,[data-theme=light] .filter-group input[type=text]:focus,[data-theme=light] .filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}[data-theme=dark] .filters-section{background:#ffffff0d;border-color:#d79fff33}[data-theme=dark] .filter-group input[type=date],[data-theme=dark] .filter-group input[type=text],[data-theme=dark] .filter-group select{background:#1e293bcc;border-color:#d79fff4d;color:#fff}[data-theme=dark] .filter-group select option{background:#1e293b;color:#fff}.loading-state,.error-state,.empty-state{text-align:center;padding:3rem;color:var(--text-color)}.loading-spinner{font-size:1.1rem;opacity:.8}.error-state p{margin-bottom:1rem;color:#ef4444}.error-state button{margin-top:1rem;padding:.5rem 1rem;background:#d79fff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.error-state button:hover{background:#c084fc;transform:translateY(-1px)}.empty-state p{opacity:.8;font-size:1rem}.pagination-info{margin-bottom:1rem;color:var(--text-color);opacity:.8;font-size:.9rem}.setting-out-list{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.setting-out-item{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .2s ease;max-width:100%}.setting-out-item .coordinate-panel{max-width:100%}.setting-out-item .coordinate-table-container{max-width:100%;overflow-x:auto}.setting-out-item .coordinate-table{width:100%;max-width:100%;font-size:.85rem}.setting-out-item:hover{box-shadow:0 4px 12px #d79fff1a}[data-theme=light] .setting-out-item{background:#e2e8f0;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}[data-theme=light] .setting-out-item:hover{box-shadow:0 4px 12px #3b82f633}[data-theme=dark] .setting-out-item{background:#ffffff1a;border-color:#d79fff33}[data-theme=dark] .setting-out-item:hover{box-shadow:0 4px 12px #d79fff26}.survey-data-panel{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}[data-theme=light] .survey-data-panel{border-top-color:#3b82f64d}[data-theme=dark] .survey-data-panel{border-top-color:#d79fff4d}.survey-data-loading,.survey-data-empty{text-align:center;padding:1.5rem;color:var(--text-color);opacity:.8;font-size:.9rem}.survey-data-panel .survey-message{text-align:center;color:var(--text-color);background:#ffffff0d;border:2px dashed var(--border-color);border-radius:12px;padding:2rem;max-width:400px;margin:0 auto;transition:all .3s ease;cursor:pointer}.survey-data-panel .survey-message:hover{background:#ffffff14;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #d79fff33}.survey-data-panel .survey-message h3{color:var(--accent-color);margin:0 0 1rem;font-size:1.25rem;font-weight:600}.survey-data-panel .survey-message p{margin:0 0 1.5rem;opacity:.8;line-height:1.5}.survey-data-panel .survey-input-prompt{background:#d79fff1a;border:1px solid var(--accent-color);border-radius:8px;padding:.75rem 1rem;font-size:.9rem;color:var(--accent-color);font-weight:500}[data-theme=light] .survey-data-panel .survey-message{background:#3b82f60d;border-color:#3b82f64d;color:#1e293b}[data-theme=light] .survey-data-panel .survey-message:hover{background:#3b82f61a;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}[data-theme=light] .survey-data-panel .survey-message h3{color:#1d4ed8}[data-theme=light] .survey-data-panel .survey-input-prompt{background:#3b82f61a;border-color:#3b82f6;color:#1d4ed8}[data-theme=dark] .survey-data-panel .survey-message{background:#ffffff0d;border-color:#d79fff4d}[data-theme=dark] .survey-data-panel .survey-message:hover{background:#ffffff14;border-color:#d79fff;box-shadow:0 4px 12px #d79fff33}[data-theme=dark] .survey-data-panel .survey-message h3{color:#d79fff}[data-theme=dark] .survey-data-panel .survey-input-prompt{background:#d79fff1a;border-color:#d79fff;color:#d79fff}.corrections-panel{margin-top:1rem}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.pagination-btn{padding:.5rem 1rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;font-size:.8rem;transition:all .2s ease;min-width:100px}.pagination-btn:hover:not(:disabled){background:#d79fff33;border-color:#d79fff;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-page-info{color:var(--text-color);font-size:.9rem;font-weight:500;min-width:120px;text-align:center}.pagination-controls-compact{margin-top:.5rem;padding-top:.5rem;margin-bottom:.5rem;gap:.5rem;border-top:none}.pagination-btn-compact{padding:.15rem .35rem;font-size:.6rem;min-width:45px;line-height:1.1}.pagination-page-info-compact{font-size:.75rem;min-width:90px;line-height:1}[data-theme=light] .pagination-btn{background:#ffffffe6;border-color:#3b82f64d}[data-theme=light] .pagination-btn:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f6}[data-theme=dark] .pagination-btn{background:#ffffff0d;border-color:#d79fff4d}@media (max-width: 768px){.navigation-labels-section{padding:.4rem 0;margin-bottom:.75rem}.navigation-labels-container{gap:.1rem}.navigation-label{padding:.35rem .3rem;font-size:.65rem;width:70px;white-space:nowrap}}@media (max-width: 768px){.setting-out-data-page{padding:1rem}.page-header h1{font-size:1.5rem}.radio-group{flex-direction:row;gap:1rem;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem}.radio-group label,.radio-group span{font-size:.8rem}.filters-section{padding:.75rem .5rem;font-size:.85rem}.filters-section.collapsed{padding:.4rem .5rem}.filters-header{margin-bottom:.75rem}.filters-section.collapsed .filters-header{margin-bottom:0}.filters-toggle-btn{font-size:.85rem;gap:.4rem}.filters-toggle-icon{font-size:.7rem}.filters-container{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.filter-panel{width:100%;flex:0 0 auto}.filter-panel-labels{display:flex;flex-direction:row;gap:1rem;width:100%}.filter-panel-labels label{flex:1;font-size:.8rem;font-weight:500;color:var(--text-color);margin:0;padding:0;min-width:0}.filter-panel-inputs{display:flex;flex-direction:row;gap:1rem;width:100%}.filter-panel-inputs input,.filter-panel-inputs select{flex:1;min-width:0;padding:.35rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--card-background);color:var(--text-color);font-size:.8rem;box-sizing:border-box;transition:all .2s ease;line-height:1.4}.filter-panel-inputs input:focus,.filter-panel-inputs select:focus{outline:none;border-color:#d79fff;box-shadow:0 0 0 3px #d79fff26}[data-theme=light] .filter-panel-inputs input,[data-theme=light] .filter-panel-inputs select{background:#fff;border-color:#3b82f64d;color:#1e293b}[data-theme=light] .filter-panel-inputs input:focus,[data-theme=light] .filter-panel-inputs select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}[data-theme=light] .filter-panel-inputs select option{background:#fff;color:#1e293b}[data-theme=dark] .filter-panel-inputs input,[data-theme=dark] .filter-panel-inputs select{background:#1e293bcc;border-color:#d79fff4d;color:#e2e8f0}[data-theme=dark] .filter-panel-inputs input:focus,[data-theme=dark] .filter-panel-inputs select:focus{border-color:#d79fff;box-shadow:0 0 0 3px #d79fff26}[data-theme=dark] .filter-panel-inputs select option{background:#1e293b;color:#e2e8f0}.checkbox-panel{width:100%}.filter-panel-checkboxes{display:flex;flex-direction:row;gap:1.5rem;align-items:center;justify-content:flex-start;padding-top:0;width:100%}.checkbox-group{display:flex;flex-direction:row;align-items:center;gap:.5rem}.checkbox-group label{font-size:.8rem;font-weight:500;color:var(--text-color);cursor:pointer;margin:0}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#d79fff;margin:0}.setting-out-item{padding:1rem}.pagination-controls{flex-direction:row;gap:.5rem;justify-content:center;align-items:center}.pagination-btn{padding:5px 8px;font-size:.7rem;min-width:50px;width:auto}.pagination-page-info{font-size:.75rem;min-width:auto}.pagination-controls-compact{gap:.4rem}.pagination-controls-compact .pagination-btn-compact{padding:.2rem .4rem!important;font-size:.6rem!important;min-width:35px!important;line-height:1.1}.pagination-page-info-compact{font-size:.75rem;min-width:auto;line-height:1}}@media (max-width: 480px){.setting-out-data-page{padding:.75rem}.page-header h1{font-size:1.25rem}.filters-section,.setting-out-item{padding:.75rem}.pagination-btn{padding:4px 8px;font-size:.65rem;min-width:50px}.pagination-page-info{font-size:.7rem}.pagination-controls-compact .pagination-btn-compact{padding:.3rem!important;font-size:.8rem!important;min-width:30px!important;line-height:1.1}.pagination-page-info-compact{font-size:.7rem;line-height:1}}.deflection-type-nav .deflection-add-type-btn{width:100%;margin-top:.5rem;padding:6px 12px;border:1px solid rgba(215,159,255,.5);border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;min-width:80px;justify-content:center;background:#d79fff33;color:#d79fff;position:relative;z-index:1}[data-theme=light] .deflection-type-nav .deflection-add-type-btn{background:#3b82f626;border-color:#3b82f666;color:#3b82f6}[data-theme=light] .deflection-type-nav .deflection-add-type-btn:hover{background:#3b82f640;border-color:#3b82f699;color:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}[data-theme=dark] .deflection-type-nav .deflection-add-type-btn{background:#d79fff33;border-color:#d79fff80;color:#d79fff}.deflection-type-nav .deflection-add-type-btn:hover{background:#d79fff4d;border-color:#d79fffb3;transform:translateY(-1px);box-shadow:0 2px 8px #d79fff4d;z-index:2}.deflection-type-nav .deflection-add-type-btn:active{background:#d79fff26;transform:translateY(0)}.deflection-type-item{position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-right:.5rem}.delete-confirmation-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.delete-confirmation-modal-content{background:var(--card-background);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:500px;width:90%;display:flex;flex-direction:column;overflow:hidden}[data-theme=light] .delete-confirmation-modal-content{background:#fff;border-color:#3b82f6;box-shadow:0 8px 32px #3b82f633}[data-theme=dark] .delete-confirmation-modal-content{background:#1e293bf2;border-color:#d79fff4d}.delete-confirmation-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.delete-confirmation-modal-header h3{margin:0;color:var(--text-color);font-size:1.1rem;font-weight:600}.delete-confirmation-modal-close{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.delete-confirmation-modal-close:hover{background:var(--hover-color)}.delete-confirmation-modal-body{padding:1.5rem}.delete-confirmation-message{color:var(--text-color);font-size:1rem;margin:0 0 1rem;font-weight:500}.delete-confirmation-instruction{color:var(--text-color);font-size:.9rem;margin:0 0 1rem}.delete-confirmation-instruction strong{color:var(--accent-color)}.delete-confirmation-input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--card-background);color:var(--text-color);font-size:1rem;box-sizing:border-box}.delete-confirmation-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #d79fff33}[data-theme=light] .delete-confirmation-input{background:#fff;border-color:#cbd5e1}[data-theme=light] .delete-confirmation-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.delete-confirmation-input:disabled{opacity:.5;cursor:not-allowed}.delete-confirmation-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.delete-confirmation-cancel,.delete-confirmation-delete{padding:.4rem .8rem;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-confirmation-cancel{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.delete-confirmation-cancel:hover:not(:disabled){background:#fff3}.delete-confirmation-delete{background:#dc3545;color:#fff;border:1px solid #dc3545}.delete-confirmation-delete:hover:not(:disabled){background:#c82333;border-color:#c82333;transform:translateY(-1px)}.delete-confirmation-delete:disabled{opacity:.5;cursor:not-allowed;transform:none}.delete-confirmation-cancel:disabled{opacity:.5;cursor:not-allowed}.deflection-type-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.deflection-type-modal-content{background:var(--card-background);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:600px;width:90%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}[data-theme=light] .deflection-type-modal-content{background:#fff;border-color:#3b82f6;box-shadow:0 8px 32px #3b82f633}[data-theme=dark] .deflection-type-modal-content{background:#1e293bf2;border-color:#d79fff4d}.deflection-type-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.deflection-type-modal-header h2{margin:0;color:var(--text-color);font-size:1.5rem}.deflection-type-modal-close{background:none;border:none;font-size:2rem;color:var(--text-color-secondary);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.deflection-type-modal-close:hover{background:var(--hover-color);color:var(--text-color)}.deflection-type-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.deflection-type-modal-error{background:#ef44441a;color:#ef4444;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.deflection-type-modal-field{margin-bottom:1.5rem}.deflection-type-modal-field label{display:block;margin-bottom:.5rem;color:var(--text-color);font-weight:500}.deflection-type-modal-field input[type=text]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--card-background);color:var(--text-color);font-size:1rem;box-sizing:border-box}.deflection-type-modal-field input[type=text]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #d79fff33}[data-theme=light] .deflection-type-modal-field input[type=text]{background:#fff;border-color:#cbd5e1}[data-theme=light] .deflection-type-modal-field input[type=text]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.deflection-type-modal-data-label{display:block;margin-bottom:.5rem;color:var(--text-color);font-weight:500;font-size:.9rem}.deflection-type-modal-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--card-background);color:var(--text-color);font-size:.9rem;font-family:monospace;resize:vertical;box-sizing:border-box;min-height:200px}.deflection-type-modal-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #d79fff33}[data-theme=light] .deflection-type-modal-textarea{background:#fff;border-color:#cbd5e1}[data-theme=light] .deflection-type-modal-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.deflection-type-modal-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color)}.deflection-type-modal-footer-right{display:flex;gap:1rem;margin-left:auto}.deflection-type-modal-cancel,.deflection-type-modal-submit,.deflection-type-modal-delete{padding:.4rem .8rem;border:none;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.deflection-type-modal-delete{background:#dc3545;color:#fff;border:1px solid #dc3545}.deflection-type-modal-delete:hover:not(:disabled){background:#c82333;border-color:#c82333;transform:translateY(-1px)}.deflection-type-modal-delete:disabled{opacity:.5;cursor:not-allowed;transform:none}.deflection-type-modal-cancel{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.deflection-type-modal-cancel:hover:not(:disabled){background:#fff3}.deflection-type-modal-submit{background:#3b82f6cc;color:#fff;border:1px solid rgba(59,130,246,.6)}.deflection-type-modal-submit:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;transform:translateY(-1px)}.deflection-type-modal-submit:disabled,.deflection-type-modal-cancel:disabled,.deflection-type-modal-delete:disabled{opacity:.5;cursor:not-allowed;transform:none}.deflection-chart-wrapper{width:100%;max-width:100%;margin-top:2rem;margin-bottom:0;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:visible;box-sizing:border-box}.deflection-chart-title{color:var(--accent-color);margin:0 0 1rem;font-size:1rem;font-weight:600;text-align:center;transition:color .3s ease}[data-theme=light] .deflection-chart-title{color:#1d4ed8;font-weight:700}[data-theme=dark] .deflection-chart-title{color:#d79fff}.deflection-chart-wrapper .deflection-chart-container{width:100%!important;max-width:100%!important;min-width:0!important;min-height:320px!important;background:transparent!important;overflow-x:hidden!important;overflow-y:hidden!important;border-radius:8px;padding:10px!important;margin:0!important;box-shadow:none!important;border:2px solid rgba(255,255,255,.1)!important;box-sizing:border-box}.deflection-chart-wrapper .deflection-chart-container>div{width:100%!important;max-width:100%!important;min-height:300px!important;overflow:hidden!important;height:100%!important;max-height:100%!important}[data-theme=light] .deflection-chart-wrapper .deflection-chart-container{border-color:#cbd5e1!important}[data-theme=dark] .deflection-chart-wrapper .deflection-chart-container{border-color:#ffffff1a!important}.deflection-chart-wrapper .deflection-chart-container::-webkit-scrollbar{height:8px}.deflection-chart-wrapper .deflection-chart-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.deflection-chart-wrapper .deflection-chart-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.deflection-chart-wrapper .deflection-chart-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}[data-theme=light] .deflection-chart-wrapper .deflection-chart-container::-webkit-scrollbar-track{background:#0000001a}[data-theme=light] .deflection-chart-wrapper .deflection-chart-container::-webkit-scrollbar-thumb{background:#0000004d}[data-theme=light] .deflection-chart-wrapper .deflection-chart-container::-webkit-scrollbar-thumb:hover{background:#00000080}@media (min-width: 1025px){.deflection-chart-wrapper{overflow-x:hidden!important;width:100%!important;max-width:100%!important}.deflection-chart-wrapper .deflection-chart-container{overflow-x:hidden!important;width:100%!important;max-width:100%!important;min-width:0!important}.deflection-chart-wrapper .deflection-chart-container>div{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}.deflection-chart-wrapper .deflection-chart-container::-webkit-scrollbar{display:none!important}}@media (min-width: 769px) and (max-width: 1024px){.deflection-chart-wrapper{width:100%;padding:15px}.deflection-chart-wrapper .deflection-chart-container{width:100%!important;max-width:100%!important;min-width:0!important;padding:10px!important;margin:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;box-sizing:border-box}.deflection-chart-wrapper .deflection-chart-container>div{min-width:600px;width:auto;height:100%!important;max-height:100%;overflow:hidden}.deflection-chart-wrapper .deflection-chart-container::-webkit-scrollbar{height:12px!important;display:block!important}.deflection-chart-wrapper .deflection-chart-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.deflection-chart-wrapper .deflection-chart-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.deflection-chart-wrapper .deflection-chart-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}}@media (max-width: 768px){.deflection-chart-wrapper{padding:10px}.deflection-chart-wrapper .deflection-chart-container{min-width:500px;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}.deflection-chart-wrapper .deflection-chart-container::-webkit-scrollbar{height:12px!important;display:block!important}.deflection-chart-wrapper .deflection-chart-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.deflection-chart-wrapper .deflection-chart-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.deflection-chart-wrapper .deflection-chart-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}}.deflection-loading,.deflection-error,.deflection-empty{text-align:center;padding:2rem;color:var(--text-color);background:var(--card-background);border:1px solid var(--border-color);border-radius:12px}[data-theme=light] .deflection-loading,[data-theme=light] .deflection-error,[data-theme=light] .deflection-empty{background:#e2e8f0;border:2px solid #3b82f6;box-shadow:0 4px 12px #3b82f626}[data-theme=dark] .deflection-loading,[data-theme=dark] .deflection-error,[data-theme=dark] .deflection-empty{background:#ffffff1a;border-color:#d79fff33}.deflection-placeholder{text-align:center;padding:3rem;color:var(--text-color-secondary);background:var(--card-background);border:1px solid var(--border-color);border-radius:12px}[data-theme=light] .deflection-placeholder{background:#e2e8f0;border:2px solid #3b82f6;box-shadow:0 4px 12px #3b82f626}[data-theme=dark] .deflection-placeholder{background:#ffffff1a;border-color:#d79fff33}.deflection-placeholder h2{margin-bottom:.5rem;color:var(--text-color)}.deflection-table-container{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.deflection-type-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;width:100%}.deflection-type-header h3{margin:0 0 .5rem;color:var(--accent-color);font-size:1rem;font-weight:600;text-align:center;transition:color .3s ease}[data-theme=light] .deflection-type-header h3{color:#1d4ed8;font-weight:700}[data-theme=dark] .deflection-type-header h3{color:#d79fff}.deflection-modify-btn-header{padding:6px 12px;border:1px solid rgba(215,159,255,.5);border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;min-width:80px;justify-content:center;background:#d79fff33;color:#d79fff;position:relative;z-index:1}[data-theme=light] .deflection-modify-btn-header{background:#3b82f626;border-color:#3b82f666;color:#3b82f6}[data-theme=light] .deflection-modify-btn-header:hover{background:#3b82f640;border-color:#3b82f699;color:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}[data-theme=dark] .deflection-modify-btn-header{background:#d79fff33;border-color:#d79fff80;color:#d79fff}.deflection-modify-btn-header:hover{background:#d79fff4d;border-color:#d79fffb3;transform:translateY(-1px);box-shadow:0 2px 8px #d79fff4d;z-index:2}.deflection-modify-btn-header:active{background:#d79fff26;transform:translateY(0)}.deflection-table-wrapper{width:auto;margin:0 auto;display:flex;justify-content:center}.deflection-table-wrapper .coordinate-table{width:auto;min-width:auto;margin:0 auto}.deflection-table-wrapper .coordinate-table th,.deflection-table-wrapper .coordinate-table td{padding:.5rem 1rem;white-space:nowrap}.deflection-back-button-container{display:flex;justify-content:flex-start;align-items:center;width:100%}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-form-container{background:var(--background-color, #ffffff);border-radius:12px;box-shadow:0 8px 32px #0000001a;padding:40px;width:100%;max-width:450px;border:1px solid var(--border-color, #e1e5e9)}.auth-form-container h2{text-align:center;margin-bottom:30px;color:var(--text-color, #333);font-size:24px;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label{font-weight:500;color:var(--text-color, #555);font-size:14px}.form-group input,.form-group select{padding:12px 16px;border:2px solid var(--border-color, #e1e5e9);border-radius:8px;font-size:16px;transition:all .3s ease;background:var(--input-background, #ffffff);color:var(--text-color, #333)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:var(--placeholder-color, #999)}.role-select{cursor:pointer}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-message{background:#fee;color:#c53030;padding:12px 16px;border-radius:8px;border:1px solid #feb2b2;font-size:14px;text-align:center}.auth-switch{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid var(--border-color, #e1e5e9)}.auth-switch p{margin:0;color:var(--text-color, #666);font-size:14px}.switch-button{background:none;border:none;color:var(--primary-color, #667eea);font-weight:600;cursor:pointer;text-decoration:underline;font-size:14px;padding:0;margin:0}.switch-button:hover{color:var(--primary-hover, #5a67d8)}@media (prefers-color-scheme: dark){.auth-form-container{--background-color: #1a1a1a;--border-color: #333;--text-color: #ffffff;--input-background: #2a2a2a;--placeholder-color: #666}}.profile-container{max-width:800px;margin:0 auto;padding:20px}.profile-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--border-color, #e1e5e9)}.profile-header h2{margin-bottom:15px;color:var(--text-color, #333)}.user-info p{margin:5px 0;color:var(--text-color, #666)}.profile-tabs{display:flex;gap:10px;margin-bottom:30px}.tab-button{padding:12px 24px;border:2px solid var(--border-color, #e1e5e9);background:var(--background-color, #ffffff);color:var(--text-color, #666);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.tab-button.active{background:var(--primary-color, #667eea);color:#fff;border-color:var(--primary-color, #667eea)}.tab-button:hover:not(.active){border-color:var(--primary-color, #667eea);color:var(--primary-color, #667eea)}.profile-form{max-width:500px}.message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}.message.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message.error{background:#fee;color:#c53030;border:1px solid #feb2b2}.profile-actions{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color, #e1e5e9)}.logout-button{background:#dc2626;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.logout-button:hover{background:#b91c1c;transform:translateY(-1px)}.user-management-container{max-width:1200px;margin:0 auto;padding:20px}.user-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.user-management-header h2{margin:0;color:var(--text-color, #333)}.refresh-button{background:var(--primary-color, #667eea);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.refresh-button:hover{background:var(--primary-hover, #5a67d8)}.users-table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color, #e1e5e9)}.users-table{width:100%;border-collapse:collapse;background:var(--background-color, #ffffff)}.users-table th,.users-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color, #e1e5e9)}.users-table th{background:var(--table-header-bg, #f8f9fa);font-weight:600;color:var(--text-color, #333)}.users-table tr:hover{background:var(--table-hover-bg, #f8f9fa)}[data-theme=dark] .users-table-container .users-table th{background:#374151;color:#f3f4f6;font-weight:600;border-bottom-color:#4b5563}[data-theme=dark] .users-table-container .users-table tr:hover{background:#ffffff0f}[data-theme=dark] .users-table-container .users-table tr:hover td{color:#f3f4f6}.role-badge{color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee;color:#c53030}.action-buttons{display:flex;gap:8px}.edit-button,.save-button,.cancel-button,.delete-button{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .3s ease}.edit-button{background:#2563eb;color:#fff}.edit-button:hover{background:#1d4ed8}.save-button{background:#059669;color:#fff}.save-button:hover{background:#047857}.cancel-button{background:#6b7280;color:#fff}.cancel-button:hover{background:#4b5563}.delete-button{background:#dc2626;color:#fff}.delete-button:hover{background:#b91c1c}.edit-row{display:flex;gap:8px}.edit-input,.edit-select{padding:6px 8px;border:1px solid var(--border-color, #e1e5e9);border-radius:4px;font-size:12px;background:var(--input-background, #ffffff);color:var(--text-color, #333)}.edit-input:focus,.edit-select:focus{outline:none;border-color:var(--primary-color, #667eea)}.status-toggle{position:relative;display:inline-block;width:40px;height:20px}.status-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:20px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#059669}input:checked+.toggle-slider:before{transform:translate(20px)}.loading{text-align:center;padding:40px;color:var(--text-color, #666);font-size:16px}@media (max-width: 480px){.auth-form-container{padding:30px 20px;margin:10px}.form-row{grid-template-columns:1fr;gap:20px}.auth-form-container h2{font-size:20px}.users-table-container{font-size:12px}.users-table th,.users-table td{padding:8px 10px}.action-buttons,.edit-row{flex-direction:column;gap:4px}}.notification-toast{background:var(--card-background);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);margin-bottom:12px;padding:16px;border-left:4px solid;min-width:380px;max-width:480px;animation:slideIn .3s ease-out;transition:all .3s ease}.notification-toast:hover{transform:translate(-4px);box-shadow:0 6px 16px var(--shadow-color)}.notification-toast.success{border-left-color:var(--success-color)}.notification-toast.error{border-left-color:var(--danger-color)}.notification-toast.warning{border-left-color:var(--warning-color)}.notification-toast.info{border-left-color:var(--accent-color)}.notification-header{display:flex;align-items:flex-start;gap:12px}.notification-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0}.notification-icon svg{width:18px;height:18px;color:inherit}.notification-toast.success .notification-icon{background-color:var(--success-color)}.notification-toast.error .notification-icon{background-color:var(--danger-color)}.notification-toast.warning .notification-icon{background-color:var(--warning-color)}.notification-toast.info .notification-icon{background-color:var(--accent-color)}.notification-toast.SegmentDataApproved .notification-icon{color:#10b981}.notification-toast.SurveyDataSubmitted .notification-icon{color:#3b82f6}.notification-toast.SurveyDataModified .notification-icon{color:#f59e0b}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;font-size:14px;color:var(--text-color);margin-bottom:4px;line-height:1.4}.notification-time{font-size:11px;color:var(--text-color);opacity:.6;margin-top:4px}.notification-close{background:none;border:none;font-size:18px;color:var(--text-color);opacity:.6;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0}.notification-close:hover{opacity:1;background-color:var(--hover-color)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.notification-container{position:fixed;top:80px;right:20px;z-index:1000;pointer-events:none}.notification-container>*{pointer-events:auto}@media (max-width: 768px){.notification-container{top:70px;right:16px;left:16px}.notification-toast{min-width:auto;max-width:none}}.notification-bell{position:relative}.bell-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease;position:relative;display:flex;align-items:center;justify-content:center}.bell-button:hover{background-color:var(--hover-color)}.bell-icon{font-size:18px;color:var(--navbar-text)}.notification-badge{position:absolute;top:2px;right:2px;background-color:var(--danger-color);color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.notification-dropdown{position:absolute;top:100%;right:0;width:400px;max-height:620px;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px var(--shadow-color);z-index:1000;overflow:hidden;margin-top:8px;display:flex;flex-direction:column}.notification-header{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--background-color)}.notification-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-color)}.notification-header-actions{display:flex;align-items:center;gap:8px}.mark-all-read-btn{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:11px;font-weight:500;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.mark-all-read-btn:hover{background-color:var(--hover-color)}.demo-btn{background:var(--accent-color);border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:4px 8px;border-radius:4px;transition:all .2s ease;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.demo-btn:hover{background-color:var(--hover-color);transform:scale(1.05)}.clear-all-btn{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.clear-all-btn:hover{background-color:var(--hover-color)}.notification-list{max-height:500px;overflow-y:auto;overflow-x:hidden}.notification-item{padding:2px 8px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:6px;transition:background-color .2s ease;cursor:pointer;background-color:var(--card-background, #2a2a2a);min-height:28px}.notification-item:hover{background-color:var(--hover-color, #3a3a3a)}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:#9333ea33;border-left:4px solid var(--accent-color)}.notification-item-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;flex-shrink:0}.notification-item-icon svg{width:14px;height:14px;color:inherit}.notification-item.success .notification-item-icon{background-color:var(--success-color)}.notification-item.error .notification-item-icon{background-color:var(--danger-color)}.notification-item.warning .notification-item-icon{background-color:var(--warning-color)}.notification-item.info .notification-item-icon{background-color:var(--accent-color)}.notification-item.SegmentDataApproved .notification-item-icon{background-color:#10b981}.notification-item.SurveyDataSubmitted .notification-item-icon{background-color:#3b82f6}.notification-item.SurveyDataModified .notification-item-icon{background-color:#f59e0b}.notification-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.notification-item-title{font-weight:500;font-size:12px!important;color:var(--accent-color, #007bff);margin-bottom:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item.unread .notification-item-title{color:#fbbf24}.notification-item-time{font-size:8px;color:#b0b0b0;opacity:.8;line-height:1}.no-notifications{padding:40px 20px;text-align:center}.no-notifications p{margin:0;color:var(--text-color);opacity:.6;font-size:14px}.notification-footer{padding:12px 20px;text-align:center;border-top:1px solid var(--border-color);background:var(--background-color)}.notification-footer p{margin:0;font-size:12px;color:var(--text-color);opacity:.6}.view-all-notifications-btn{background:#0056b3;border:none;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;border-radius:4px;transition:background-color .2s ease;width:100%}.view-all-notifications-btn:hover{background-color:var(--primary-hover, #672269)}@media (max-width: 768px){.bell-button{padding:6px}.bell-icon{font-size:16px}.notification-badge{min-width:16px;height:16px;font-size:9px;top:1px;right:1px}.notification-dropdown{width:calc(100vw - 24px);max-width:350px;right:-12px;left:auto}.notification-header{padding:12px 16px}.notification-header h3{font-size:14px}.notification-list{max-height:300px}.notification-item{padding:8px 12px}.notification-item-title{font-size:13px!important}.notification-item-time{font-size:8px}}@media (max-width: 480px){.bell-button{padding:5px}.bell-icon{font-size:14px}.notification-badge{min-width:14px;height:14px;font-size:8px}.notification-dropdown{width:calc(100vw - 20px);right:-10px}.notification-header{padding:10px 12px}.notification-header h3{font-size:13px}.notification-list{max-height:250px}.notification-item{padding:6px 10px}.notification-item-title{font-size:12px!important}}.profile-dropdown{position:relative;display:inline-block}.profile-icon-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--navbar-text);transition:all .3s ease;width:40px;height:40px}.profile-icon-btn:hover{background-color:var(--hover-color);transform:translateY(-1px)}.profile-icon-btn:focus{outline:none;background-color:var(--hover-color);box-shadow:0 0 0 2px var(--accent-color)}.profile-dropdown-menu{position:absolute;top:100%;right:0;background:var(--background-color);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:200px;z-index:1000;margin-top:8px;overflow:hidden;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{padding:12px 16px;background:var(--navbar-background);border-bottom:1px solid var(--border-color, #e5e7eb)}.profile-info{display:flex;flex-direction:column;gap:2px}.profile-name{font-weight:600;color:var(--text-color);font-size:14px}.profile-role{font-size:12px;color:var(--text-muted, #666);text-transform:capitalize}.profile-dropdown-divider{height:1px;background:var(--border-color, #e5e7eb);margin:4px 0}.profile-dropdown-items{padding:4px 0}.profile-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:none;border:none;color:var(--text-color);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.profile-dropdown-item:hover{background-color:var(--hover-bg, #f3f4f6);color:var(--primary-color, #667eea)}.profile-dropdown-item:focus{outline:none;background-color:var(--hover-bg, #f3f4f6)}.profile-dropdown-item.logout-item{color:#dc2626}.profile-dropdown-item.logout-item:hover{background-color:#fef2f2;color:#b91c1c}.profile-dropdown-item svg{flex-shrink:0}[data-theme=dark] .profile-dropdown-menu{background:var(--background-color);border-color:var(--border-color, #374151);box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}[data-theme=dark] .profile-dropdown-header{background:var(--navbar-background);border-bottom-color:var(--border-color, #374151)}[data-theme=dark] .profile-dropdown-item:hover{background-color:var(--hover-bg, #374151)}[data-theme=dark] .profile-dropdown-item.logout-item:hover{background-color:#7f1d1d}@media (max-width: 768px){.profile-dropdown-menu{right:-10px;min-width:180px;max-width:calc(100vw - 24px)}.profile-icon-btn{width:32px;height:32px;padding:6px}.profile-dropdown-header{padding:10px 12px}.profile-name{font-size:13px}.profile-role{font-size:11px}.profile-dropdown-item{padding:10px 14px;font-size:14px}}@media (max-width: 480px){.profile-dropdown-menu{right:-8px;min-width:160px;max-width:calc(100vw - 20px)}.profile-icon-btn{width:28px;height:28px;padding:5px}.profile-dropdown-header{padding:8px 10px}.profile-name{font-size:12px}.profile-role{font-size:10px}.profile-dropdown-item{padding:8px 12px;font-size:13px}}.notifications-page{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;background-color:var(--background-color, #f5f5f5)}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--border-color, #e0e0e0)}.notifications-header h1{margin:0;color:var(--text-primary, #333);font-size:2rem;font-weight:600}.notifications-count{margin:0;color:var(--text-secondary, #666);font-size:.9rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color, #e0e0e0);border-top:4px solid var(--primary-color, #007bff);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.error-message{color:var(--error-color, #dc3545);font-size:1.1rem;margin-bottom:20px}.retry-btn{background-color:var(--primary-color, #007bff);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .2s}.retry-btn:hover{background-color:var(--primary-hover, #0056b3)}.notifications-list{display:flex;flex-direction:column;gap:8px;margin-bottom:30px}.notification-item{background:var(--card-background, #2a2a2a);border-radius:6px;padding:6px;box-shadow:0 2px 4px #0003;border-left:4px solid var(--border-color, #e0e0e0);transition:all .2s ease;position:relative}.notification-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.notification-item.clickable:hover{cursor:pointer}.notification-item.success{border-left-color:var(--success-color, #28a745)}.notification-item.error{border-left-color:var(--error-color, #dc3545)}.notification-item.warning{border-left-color:var(--warning-color, #ffc107)}.notification-item.info{border-left-color:var(--info-color, #17a2b8)}.notification-item.unread{background:var(--unread-bg, #3a3a3a);border-left-width:6px}.notification-item.unread:before{content:"";position:absolute;top:50%;right:16px;transform:translateY(-50%);width:8px;height:8px;background-color:var(--primary-color, #007bff);border-radius:50%}.notification-item-icon{font-size:1.2rem;margin-right:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.notification-item-icon svg{width:1.2rem;height:1.2rem;color:inherit}.notification-item-content{flex:1;min-width:0}.notification-item-title{font-weight:600;font-size:.85rem;color:var(--accent-color, #007bff);margin-bottom:1px;line-height:1.1}.notification-item-meta{display:flex;align-items:center;gap:6px;font-size:.7rem;color:#b0b0b0}.notification-item-time{font-weight:500}.notification-item-datetime{color:#b0b0b0;font-size:.65rem}.notification-item-context{color:#b0b0b0}.unread-indicator{position:absolute;top:8px;right:8px;width:6px;height:6px;background-color:var(--primary-color, #007bff);border-radius:50%}.no-notifications{text-align:center;padding:60px 20px;color:var(--text-secondary, #666)}.no-notifications-icon{font-size:3rem;margin-bottom:20px;opacity:.5}.no-notifications h3{margin:0 0 10px;color:var(--text-primary, #333);font-size:1.5rem}.no-notifications p{margin:0;font-size:1rem}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px;padding:20px 0}.pagination-btn{background-color:var(--primary-color, #007bff);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .2s}.pagination-btn:hover:not(:disabled){background-color:var(--primary-hover, #0056b3)}.pagination-btn:disabled{background-color:var(--border-color, #e0e0e0);color:var(--text-muted, #999);cursor:not-allowed}.pagination-info{color:var(--text-secondary, #666);font-size:.9rem;font-weight:500}@media (max-width: 768px){.notifications-page{padding:15px}.notifications-header{flex-direction:column;align-items:flex-start;gap:10px}.notifications-header h1{font-size:1.5rem}.notification-item{padding:12px}.notification-item-title{font-size:.9rem}.pagination{flex-direction:column;gap:15px}}