*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f4f8;font-family:system-ui,sans-serif;font-size:14px}#setup-screen{background:#1a3a5c;justify-content:center;align-items:center;min-height:100vh;display:flex}.card{background:#fff;border-radius:10px;width:460px;padding:36px;box-shadow:0 6px 32px #00000059}.card h1{color:#1a3a5c;margin-bottom:6px;font-size:22px}.card p{color:#666;margin-bottom:24px;line-height:1.5}.fg{margin-bottom:16px}.fg label{color:#333;margin-bottom:5px;font-size:13px;font-weight:600;display:block}.fg input[type=number],.fg select{border:1px solid #ccc;border-radius:5px;width:100%;padding:8px 10px;font-size:14px}.chk-row{flex-wrap:wrap;gap:16px;display:flex}.chk-row label{cursor:pointer;align-items:center;gap:6px;font-weight:400;display:flex}.btn-go{color:#fff;cursor:pointer;background:#1a3a5c;border:none;border-radius:5px;width:100%;margin-top:8px;padding:11px;font-size:15px;font-weight:600}.btn-go:hover{background:#254d7a}.btn-load{color:#1a3a5c;cursor:pointer;background:0 0;border:1px solid #1a3a5c;border-radius:5px;width:100%;margin-top:8px;padding:8px;font-size:13px}.btn-load:hover{background:#1a3a5c12}#main-screen{flex-direction:column;height:100vh;display:flex}header{color:#fff;background:#1a3a5c;flex-shrink:0;justify-content:space-between;align-items:center;padding:7px 16px;display:flex}header h1{letter-spacing:.3px;font-size:15px;font-weight:700}.hctl{align-items:center;gap:10px;display:flex}.utog{border:1px solid #ffffff59;border-radius:4px;display:flex;overflow:hidden}.utog button{cursor:pointer;color:#ffffffa6;background:0 0;border:none;padding:3px 11px;font-size:12px}.utog button.on{color:#fff;background:#fff3}.hbtn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:4px;padding:3px 11px;font-size:12px}.hbtn:hover{background:#ffffff1a}.exp-wrap{position:relative}.exp-dd{z-index:100;background:#fff;border:1px solid #c8d4df;border-radius:6px;min-width:170px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 4px 16px #00000026}.exp-dd button{text-align:left;cursor:pointer;color:#222;background:0 0;border:none;border-bottom:1px solid #eef0f3;width:100%;padding:9px 14px;font-size:13px;display:block}.exp-dd button:last-child{border-bottom:none}.exp-dd button:hover{background:#f0f4f8}.exp-dd .exp-sep{color:#999;text-transform:uppercase;background:#f5f7fa;border-bottom:1px solid #eef0f3;padding:5px 14px;font-size:11px;font-weight:600}#drawing-container{background:#fff;border-bottom:2px solid #d0d8e0;flex:none;height:46vh}#profile-svg{width:100%;height:100%;display:block}#data-panel{background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.tabs{background:#eaeff4;border-bottom:1px solid #c8d4df;flex-shrink:0;display:flex}.tabs button{cursor:pointer;color:#555;background:0 0;border:none;border-bottom:3px solid #0000;padding:8px 15px;font-size:13px}.tabs button.on{color:#1a3a5c;background:#fff;border-bottom-color:#1a3a5c;font-weight:700}#tab-body{flex:1;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;white-space:nowrap;z-index:1;color:#333;background:#f5f7fa;border-bottom:2px solid #c8d4df;padding:6px 10px;position:sticky;top:0}td{vertical-align:middle;border-bottom:1px solid #eef0f3;padding:3px 8px}tr:hover td{background:#f9fbfd}td input[type=number],td input[type=text]{width:100%;color:inherit;background:0 0;border:1px solid #0000;border-radius:3px;padding:3px 5px;font-size:13px}td input:focus{background:#fff;border-color:#1a3a5c;outline:none}.ro{color:#666;font-size:12px}.lbl{color:#1a3a5c;white-space:nowrap;font-weight:700}.empty{text-align:center;color:#aaa;padding:20px}.auth-wrap{position:relative}.auth-dd{z-index:100;background:#fff;border:1px solid #c8d4df;border-radius:6px;width:280px;padding:16px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 4px 16px #00000026}.auth-dd h3{color:#1a3a5c;margin-bottom:12px;font-size:14px}.auth-dd input{border:1px solid #ccc;border-radius:4px;width:100%;margin-bottom:8px;padding:7px 10px;font-size:13px}.auth-dd .auth-err{color:#c62828;margin-bottom:8px;font-size:12px}.auth-dd .auth-msg{color:#2e7d32;margin-bottom:8px;font-size:12px}.auth-toggle{color:#1a3a5c;cursor:pointer;margin-top:4px;font-size:12px;text-decoration:underline;display:inline-block}.auth-user{color:#ffffffbf;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:11px;overflow:hidden}#upgrade-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upgrade-modal{text-align:center;background:#fff;border-radius:10px;width:380px;padding:28px;box-shadow:0 6px 32px #0000004d}.upgrade-modal h2{color:#1a3a5c;margin-bottom:8px;font-size:18px}.upgrade-modal p{color:#333;font-size:14px;line-height:1.5}.gated{opacity:.5;cursor:not-allowed;position:relative}.gate-badge{color:#fff;vertical-align:middle;background:#1a3a5c;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:9px}