:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#e0e5ec;background:linear-gradient(135deg,#2c3e50,#1a252f);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#8fa0b5;text-decoration:inherit;transition:color .2s ease}a:hover{color:#d1d8e0}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1;background:linear-gradient(to right,#cfd9df,#e2ebf0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}button{border-radius:8px;border:1px solid #4b5d6f;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background:linear-gradient(180deg,#3a4b5c,#2c3e50);color:#e0e5ec;cursor:pointer;transition:all .25s;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0003}button:hover{border-color:#7f95a8;background:linear-gradient(180deg,#44586b,#304356)}button:focus,button:focus-visible{outline:4px auto rgba(143,160,181,.5)}@media(prefers-color-scheme:light){:root{color:#2c3e50;background:linear-gradient(135deg,#e0e5ec,#bdc3c7)}h1{background:linear-gradient(to right,#2c3e50,#34495e);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}a{color:#34495e}a:hover{color:#1a252f}button{background:linear-gradient(180deg,#fff,#e0e5ec);border:1px solid #b0b8c0;color:#2c3e50;box-shadow:inset 0 1px #ffffffb3,0 2px 4px #0000001a}button:hover{background:linear-gradient(180deg,#f5f7fa,#d1d8e0);border-color:#8fa0b5}}*,*:before,*:after{box-sizing:border-box}body{background-color:transparent;color:#e0e5ec;overflow-x:hidden}.app{max-width:1400px;margin:0 auto;padding:2rem;width:100%}.app-header{margin-bottom:0;text-align:left;display:flex;flex-direction:column;gap:1rem}.header-top{display:flex;justify-content:space-between;align-items:center;width:100%}.brand-title{margin:0;font-size:2rem;font-weight:800;color:#e0e5ec;letter-spacing:-.03em}.header-controls{display:flex;align-items:center;gap:1.5rem}.refresh-container{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.last-refresh{font-size:.7rem;color:#5c6b7a;font-weight:500}.holdings-window{background:linear-gradient(145deg,#1e2a35,#243342);border:1px solid #3a4d60;border-radius:12px;box-shadow:0 4px 6px #0000004d,inset 0 1px #ffffff0d;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status{padding:2rem;margin:0;text-align:center;color:#8fa0b5;font-weight:500}.status.error{color:#ff6b6b;background:#ff6b6b1a;border-bottom:1px solid #3a4d60}.table-wrap{overflow-x:auto}.holdings-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem}.holdings-table th,.holdings-table td{padding:1rem 1.2rem;border-bottom:1px solid #2e3d4d}.holdings-table th{background:linear-gradient(180deg,#2b3a4a,#22303d);font-weight:600;color:#8fa0b5;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;box-shadow:0 1px 2px #0000001a;text-align:center}.holdings-table td{text-align:left;font-size:.9rem;color:#cfd9df}.holdings-table tbody tr{transition:background-color .2s ease}.holdings-table tbody tr:hover{background:#ffffff08}.holdings-table td[data-num=true]{text-align:right;font-variant-numeric:tabular-nums;font-family:inherit;font-weight:500}.holdings-total td{font-weight:700;color:#e2ebf0;padding-top:1rem;padding-bottom:1rem;background:#00000026}tbody .holdings-total td{border-bottom:2px solid #4a6177}tfoot .holdings-total td,.holdings-total:last-child td{border-top:2px solid #4a6177}@media(prefers-color-scheme:light){body{background-color:transparent;color:#2c3e50}.brand-title,h2{color:#2c3e50}.holdings-window{background:linear-gradient(145deg,#f5f7fa,#e8ecef);border:1px solid #cfd9df;box-shadow:0 4px 15px #0000000d,inset 0 1px #fffc}.status{color:#5c6b7a}.status.error{color:#d63031;background:#d630310d;border-bottom:1px solid #e0e5ec}.holdings-table th,.holdings-table td{border-bottom:1px solid #d1d8e0}.holdings-table td{color:#2c3e50}.holdings-table th{background:linear-gradient(180deg,#e0e5ec,#d1d8e0);color:#5c6b7a}.holdings-table tbody tr:hover{background:#fff9}.holdings-total td{color:#2c3e50;background:#fff6}tbody .holdings-total td{border-bottom:2px solid #8fa0b5}tfoot .holdings-total td,.holdings-total:last-child td{border-top:2px solid #8fa0b5}.tab-button{background:#fff;color:#333;border-color:#bdc3c7}.tab-button.active{background:#dfe6e9;color:#000}.tab-content{background:#f1f3f5;border-color:#bdc3c7}.ccy-select-container label{color:#2c3e50}}.tab-navigation{display:flex;margin-top:1rem}.tab-button{padding:.6rem 2.5rem;font-size:.9rem;font-weight:600;background:#1e2a35;border:1px solid #3a4d60;border-bottom:none;cursor:pointer;transition:all .2s ease;color:#8fa0b5;margin-right:-1px}.tab-button:first-child{border-top-left-radius:4px}.tab-button:last-child{border-top-right-radius:4px;margin-right:0}.tab-button.active{background:#2b3a4a;color:#fff;position:relative;z-index:1}.tab-content{background:#1e2a3580;border:1px solid #3a4d60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;min-height:400px}.placeholder-tab{padding:4rem;text-align:center;color:#5c6b7a}.refresh-btn{background:#fff;color:#1e2a35;border:none;padding:.5rem;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.refresh-btn:hover{background:#f1f3f5;color:#000}.refresh-icon{width:24px;height:24px;transition:transform .3s ease}.refresh-btn.syncing .refresh-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ccy-select-container{display:flex;align-items:center;background:#dfe6e9;padding:.3rem .5rem .3rem 1rem;border-radius:4px;border:1px solid #bdc3c7}.ccy-select-container label{font-size:.7rem;font-weight:800;margin-right:.5rem;color:#8fa0b5}.ccy-select{background:transparent;border:none;color:inherit;font-weight:700;font-size:.9rem;padding:.5rem 1.8rem .5rem .5rem;cursor:pointer;outline:none;appearance:none;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .5rem center}@media(prefers-color-scheme:dark){.ccy-select-container{background:#ffffff0d;border-color:#ffffff1a}}.layout-flex{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:start}.panel-flex-small,.panel-flex-large,.panel-flex-full{min-width:0;max-width:100%}.panel-flex-full{grid-column:1 / -1;margin-top:2rem}@media(max-width:768px){.app{padding:1rem .5rem}.header-top{flex-direction:column;align-items:stretch;gap:1rem}.header-controls{justify-content:space-between;width:100%}.tab-navigation{overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.tab-navigation::-webkit-scrollbar{display:none}.tab-button{white-space:nowrap;padding:.6rem 1.5rem}.tab-content{padding:1rem .5rem}.layout-flex{grid-template-columns:1fr;gap:1.5rem}.panel-flex-small,.panel-flex-large,.panel-flex-full{margin-top:0}.holdings-table th,.holdings-table td{padding:.75rem .6rem;font-size:.8rem}.holdings-table th:first-child,.holdings-table td:first-child{position:sticky;left:0;background:#1e2a35;z-index:2;box-shadow:2px 0 5px #0000001a}.holdings-table th:first-child{z-index:3;background:linear-gradient(180deg,#2b3a4a,#22303d)}.table-wrap{box-shadow:inset -10px 0 10px -10px #0003}.holdings-table tbody .holdings-total td:first-child,.holdings-table tfoot .holdings-total td:first-child{background:#1e2a35}}@media(max-width:768px)and (prefers-color-scheme:light){.holdings-table th:first-child,.holdings-table td:first-child,.holdings-table tbody .holdings-total td:first-child,.holdings-table tfoot .holdings-total td:first-child{background:#f1f3f5}.holdings-table th:first-child{background:linear-gradient(180deg,#e0e5ec,#d1d8e0)}}.pl-tab-wrapper{margin-top:0}.pl-header{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.pl-header h2{margin:0}.period-selector{display:flex;background:#dfe6e9;border-radius:6px;overflow:hidden;border:1px solid #bdc3c7}.period-btn{background:transparent;border:none;padding:.6rem 1.2rem;font-weight:700;color:#5c6b7a;cursor:pointer;transition:all .2s ease;font-size:.85rem}.period-btn:not(:last-child){border-right:1px solid #bdc3c7}.period-btn:hover{background:#ffffff80}.period-btn.active{background:#000;color:#fff}@media(prefers-color-scheme:dark){.period-selector{background:#1e2a35;border-color:#3a4d60}.period-btn{color:#8fa0b5}.period-btn:not(:last-child){border-right-color:#3a4d60}.period-btn:hover{background:#ffffff0d}.period-btn.active{background:#4a6177;color:#fff}}.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-color);padding:2rem}.login-box{background-color:var(--panel-bg);padding:3rem;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;align-items:center;gap:1.5rem;border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.login-box:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0003}.app-footer{margin-top:auto;padding:1rem 2rem;background-color:var(--panel-bg);border-top:1px solid var(--border-color);display:flex;justify-content:center}.footer-content{display:flex;align-items:center;gap:1.5rem;color:#a4b0be;font-size:.9rem}.logged-in-as strong{color:var(--text-color);font-weight:500}.logout-button{background-color:transparent;color:#ff4757;border:1px solid #ff4757;padding:.4rem 1rem;border-radius:4px;font-size:.85rem;cursor:pointer;transition:all .2s}.logout-button:hover{background-color:#ff4757;color:#fff}