:root{--color-bg-primary:#000;--color-bg-rail:#1f2224;--color-bg-panel:#323436;--color-bg-inner:#24282b;--color-border:hsla(0,0%,100%,.06);--color-cta:#ae5543;--color-cta-text:#f2f2f2;--color-text-primary:hsla(0,0%,100%,.95);--color-text-secondary:hsla(0,0%,100%,.55);--color-accent:#4a90e2}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg-primary);color:var(--color-text-primary)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:20px}.nav{background:#fff;border-bottom:1px solid #ddd;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav h1{font-size:1.5rem;color:#06c}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:#06c;font-weight:500}.nav-links button{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:500}.nav-links button:hover{background:#c82333}.login-container{max-width:400px;margin:100px auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.login-container h2{margin-bottom:1.5rem;text-align:center;color:#06c}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.5rem}.login-container .form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background:#f5f8fa!important;color:#1a1a1a!important}.login-container .form-group input:focus{outline:none;border-color:#06c;background:#fff!important}.btn{width:100%;padding:.75rem;background:#06c;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer}.btn:hover{background:#0052a3}.btn:disabled{background:#ccc;cursor:not-allowed}.error-message{background:#f8d7da;color:#721c24;padding:.75rem;border-radius:4px;margin-bottom:1rem}.records-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.record-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;transition:transform .2s,box-shadow .2s}.record-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.record-card h3{color:#06c;margin-bottom:.5rem}.record-card .meta{color:#666;font-size:.9rem;margin-bottom:.5rem}.record-card .stats{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.record-card .stat{flex:1 1}.record-card .stat-label{font-size:.8rem;color:#999;text-transform:uppercase}.record-card .stat-value{font-size:1.25rem;font-weight:600;color:#333}.record-detail{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.record-detail h2{color:#06c;margin-bottom:1.5rem}.detail-layout{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:2rem;gap:2rem;align-items:start}.detail-left{min-width:0}.detail-right{min-width:0;position:-webkit-sticky;position:sticky;top:2rem}.video-player{background:#000;border-radius:8px;overflow:hidden;max-width:100%}.video-player video{width:100%;max-height:70vh;height:auto;display:block;object-fit:contain}.metrics-table{width:100%;border-collapse:collapse;margin:0}@media (max-width:900px){.detail-layout{grid-template-columns:1fr;gap:1.5rem}.detail-right{position:static;order:-1}.video-player video{max-height:50vh}}.metrics-table td,.metrics-table th{padding:.75rem;text-align:left;border-bottom:1px solid #eee}.metrics-table th{background:#f8f9fa;font-weight:600;color:#555}.loading{text-align:center;padding:4rem;color:#999}.back-link{display:inline-block;margin-bottom:1rem;color:#06c;font-weight:500}.back-link:hover{text-decoration:underline}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0;padding-bottom:0;overflow-x:auto}.tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#666;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s;white-space:nowrap}.tab:hover{color:#06c;background:#f5f5f5}.tab.active{color:#06c;border-bottom-color:#06c}@media (max-width:600px){.tabs{gap:0}.tab{padding:.75rem 1rem;font-size:.85rem}}.split-view-container{display:flex;height:100vh;background:var(--color-bg-primary)}.nav-rail{width:86px;background:var(--color-bg-rail);padding:20px 0;gap:8px}.nav-rail,.rail-item{display:flex;flex-direction:column;align-items:center}.rail-item{width:64px;height:64px;justify-content:center;border-radius:16px;cursor:pointer;transition:background .15s ease;color:var(--color-text-secondary);text-decoration:none;position:relative}.rail-item:hover{background:hsla(0,0%,100%,.05)}.rail-item.active{background:var(--color-bg-inner);color:var(--color-text-primary)}.rail-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--color-accent);border-radius:0 2px 2px 0}.rail-item svg{width:24px;height:24px;margin-bottom:4px}.rail-item-label{font-size:10px;font-weight:500;text-align:center}.rail-spacer{flex:1 1}.main-content{flex:1 1;gap:20px;padding:20px}.list-pane,.main-content{display:flex;overflow:hidden}.list-pane{width:360px;background:var(--color-bg-panel);border-radius:20px;flex-direction:column}.list-pane.longevity-wide{width:540px}.list-header{padding:24px 24px 16px;border-bottom:1px solid var(--color-border)}.list-title{font-size:22px;font-weight:600;margin-bottom:16px}.segmented-control{display:flex;background:var(--color-bg-inner);border-radius:10px;padding:4px;gap:4px}.segment-tab{flex:1 1;padding:8px 12px;border:none;background:transparent;color:var(--color-text-secondary);font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease;white-space:nowrap;text-align:center}.segment-tab.active,.segment-tab:hover{color:var(--color-text-primary)}.segment-tab.active{background:var(--color-bg-panel)}.list-content{flex:1 1;overflow-y:auto;padding:8px}.list-row{height:56px;padding:8px 16px;border-radius:10px;cursor:pointer;transition:background .15s ease;display:flex;flex-direction:column;justify-content:center;margin-bottom:4px;position:relative}.list-row:hover{background:hsla(0,0%,100%,.03)}.list-row.selected{background:hsla(0,0%,100%,.06)}.list-row.selected:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--color-accent);border-radius:0 2px 2px 0}.row-title{font-size:15px;font-weight:500;margin-bottom:2px;color:var(--color-text-primary)}.row-meta{margin-bottom:2px}.row-meta,.row-metrics{font-size:12px;color:var(--color-text-secondary)}.detail-pane{flex:1 1;background:var(--color-bg-panel);border-radius:20px;padding:24px;overflow-y:auto;display:flex;flex-direction:column}.detail-placeholder{flex:1 1;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:16px}.detail-header{margin-bottom:20px}.detail-title{font-size:22px;font-weight:600;margin-bottom:8px}.video-container{background:#000;border-radius:16px;overflow:visible;margin-bottom:20px;position:relative}.video-container video{width:100%;height:auto;display:block;object-fit:contain;border-radius:16px}.video-controls{position:absolute;top:16px;right:16px;display:flex;gap:8px}.video-control-btn{width:40px;height:40px;border-radius:20px;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.video-control-btn:hover{background:rgba(0,0,0,.8)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.metric-tile{background:var(--color-bg-inner);border-radius:12px;padding:12px}.metric-label{font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;font-weight:500;margin-bottom:6px}.metric-value{font-size:20px;font-weight:600;color:var(--color-text-primary)}.share-btn{align-self:flex-start;padding:12px 32px;background:#0a84ff;color:#fff;border:none;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease}.share-btn:hover{background:#0071e3;transform:translateY(-1px)}.profile-container{max-width:1000px;margin:0 auto;padding:40px 20px}.profile-section{background:var(--color-bg-panel);border-radius:20px;padding:24px;margin-bottom:20px}.section-title{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--color-text-primary)}.profile-list-item{padding:16px 20px;background:var(--color-bg-inner);border-radius:12px;margin-bottom:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .15s ease;text-decoration:none;color:var(--color-text-primary)}.profile-list-item:hover{background:hsla(0,0%,100%,.08);transform:translateX(4px)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--color-text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:var(--color-bg-inner);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);font-size:15px;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent)}.form-group select option{background:var(--color-bg-inner);color:var(--color-text-primary)}.form-group textarea{min-height:120px;resize:vertical}.btn-primary{padding:12px 32px;background:var(--color-cta);color:var(--color-cta-text);border:none;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-primary:hover{background:#c46350;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:1024px){.main-content{flex-direction:column}.list-pane{width:100%;max-height:400px}.nav-rail{width:100%;height:60px;flex-direction:row;padding:0 20px}.rail-item{width:50px;height:50px}}