input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.tableToolbar{display:flex;align-items:center;gap:12px;background:var(--bg-header);height:52px;padding:0 20px;flex-shrink:0}.sectionTitle{color:var(--white);font-size:15px;font-weight:700;letter-spacing:.5px;flex:1}.sortBtn{height:30px;font-size:12px;font-weight:500;padding:0 10px;gap:6px;background:var(--bg-input);color:var(--muted);border-radius:4px}.sortBtnIcon{color:var(--blue)}.inputGrid{display:grid;grid-template-columns:48px 1fr 64px 56px 80px 80px 100px;column-gap:8px;align-content:start}.columnGrid{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;background:var(--bg-col-header);height:36px;align-items:center;padding:0 20px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-align:center;position:sticky;top:0;z-index:1}.columnGrid>*:nth-child(2){text-align:left}.characterGrid{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;padding:0 20px;height:52px;background:var(--bg-row-odd);border-left:4px solid var(--green)}.characterGrid:nth-child(2n){background:var(--bg-row-even)}.characterGrid+.characterGrid{border-top:1px solid var(--bg-divider)}.yellowBackground{background:var(--bg-row-bloodied)!important;border-left-color:var(--yellow-hl)!important}.redBackground{background:var(--bg-row-critical)!important;border-left-color:var(--red)!important}.nameInput{min-width:80px;width:100%;font-weight:600;font-size:14px;background:var(--bg-input);padding:0 8px;height:30px;border-radius:4px}.verySmallInput{width:40px;text-align:center;height:30px}.smallInput{width:56px;text-align:center;height:30px}.redBackground .hpInput{background:#400a0a;border:1px solid var(--red)}.npcBadge{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:6px;background:#0a1e0a;color:var(--green)}.yellowBackground .npcBadge{background:#320;color:var(--yellow-hl)}.redBackground .npcBadge{background:#330a0a;color:var(--red)}.nameCell{display:flex;align-items:center;gap:0;overflow:hidden}.rowIconGrid{display:flex;align-items:center;justify-content:center;gap:10px}.rowAction{cursor:pointer;color:var(--blue);font-size:14px;display:flex;align-items:center}.rowAction.danger{color:var(--red)}.healthLegend{display:flex;align-items:center;gap:16px;background:var(--bg-header);height:40px;padding:0 20px;flex-shrink:0;margin-top:auto}.legendLabel{color:var(--muted);font-size:11px;font-weight:500;margin-right:4px}.legendItem{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.legendDot{width:8px;height:8px;border-radius:4px;flex-shrink:0}.sortGrid{display:flex;align-items:center;gap:4px}.fa-stack{font-size:10px}.iconText{font-size:12px;color:#fff;margin-left:9px;margin-top:3px}.infinityIcon{margin-top:8px}hr{width:100%}.blackLine{color:var(--muted);background-color:var(--muted);height:2px}.grayLine{color:var(--muted)}.beastTable{display:flex;flex-direction:column;height:100%;background:var(--bg-beastiary);overflow:hidden}.beastContainer{display:flex;flex-direction:column;height:100%;overflow:hidden}.beastiaryHeader{display:flex;align-items:center;gap:10px;background:var(--bg-header);height:52px;padding:0 12px 0 20px;flex-shrink:0}.beastTable--collapsed .beastiaryHeader{padding:0;justify-content:center}.beastiaryCollapseBtn{background:transparent;border:none;color:var(--blue);font-size:13px;height:32px;width:32px;min-width:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;margin-left:auto;flex-shrink:0;transition:color .15s ease,background .15s ease}.beastiaryCollapseBtn:hover{background:var(--bg-input);color:var(--white);transform:scale(1.1)}.beastTable--collapsed .beastiaryCollapseBtn{margin-left:0}.beastiaryTitle{color:var(--white);font-size:15px;font-weight:700;letter-spacing:.5px;flex:1}.beastiaryIcon{color:var(--blue);font-size:18px}.countBadge{background:var(--bg-count-badge);color:var(--blue);font-size:11px;font-weight:500;height:22px;padding:0 10px;border-radius:11px;display:flex;align-items:center;white-space:nowrap}.beastSearchArea{background:var(--bg-app);padding:12px 16px;flex-shrink:0}.beastSearchBox{display:flex;align-items:center;gap:10px;background:var(--bg-search);height:40px;border-radius:6px;padding:0 12px;border:1px solid #3a4d58}.beastSearchBox .searchIcon{color:var(--muted);font-size:14px;flex-shrink:0}.beastInput{background:transparent;border:none;color:var(--white);font-size:13px;font-weight:400;width:100%;padding:0;outline:none}.beastInput::placeholder{color:var(--muted)}.beastList{flex:1;overflow-y:auto;overflow-x:hidden;background:var(--bg-app)}.beastRow{display:flex;align-items:center;justify-content:space-between;gap:8px;height:52px;padding:0 16px;background:var(--bg-row-odd);cursor:pointer;border-top:1px solid var(--bg-divider)}.beastRow:nth-child(2n){background:var(--bg-row-even)}.beastRow:hover{background:var(--bg-input)}.beastInfo{display:flex;flex-direction:column;gap:2px;overflow:hidden}.beastName{color:var(--white);font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beastStats{color:var(--blue);font-size:11px;font-weight:400}.beastAddBtn{width:32px;height:32px;min-width:32px;background:var(--green);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#12212a;font-size:16px;font-weight:700;flex-shrink:0;padding:0}.beastLoading{color:var(--muted);text-align:center;padding:16px;font-style:italic;font-size:13px;background:var(--bg-app)}.beastError{color:var(--red);text-align:center;padding:10px 16px;border:1px solid var(--red);border-radius:4px;background:#e639461a;margin:8px 16px;font-size:13px}.beastiaryButtonGrid{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-header);height:52px;padding:0 16px;flex-shrink:0}.pageInfo{color:var(--blue);font-size:12px;font-weight:500;flex:1;text-align:center}:root{--green: #5dd39e;--yellow-hl: #ffc600;--red: #e63946;--blue: #7798ab;--white: #e6e8e6;--muted: #99a4aa;--bg-app: #1a272e;--bg-header: #12212a;--bg-col-header: #233540;--bg-input: #2d3a42;--bg-row-odd: #1f2f38;--bg-row-even: #1a2830;--bg-divider: #253640;--bg-deeper: #0f191e;--bg-beastiary: #142128;--bg-count-badge: #1e303a;--bg-search: #233540;--bg-row-bloodied: #261f00;--bg-row-critical: #260a0a;--primary: #7798ab;--success: #5dd39e;--black: #272727;--yellow: #F5EE9E;--darkGreen: #5f634f}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;color:var(--white);background:var(--bg-app);margin:0;height:100vh;overflow:hidden}#root{height:100vh}.applicationGrid{display:grid;grid-template-columns:1fr 420px;grid-template-rows:60px 1fr;height:100vh;background:var(--bg-deeper);gap:1px;transition:grid-template-columns .2s ease}.applicationGrid.beastiary-collapsed{grid-template-columns:1fr 52px}.header{grid-column:1 / -1;grid-row:1}.beastRows{grid-column:1;grid-row:2;overflow-y:auto;background:var(--bg-app);display:flex;flex-direction:column}.beastTable{grid-column:2;grid-row:2;background:var(--bg-beastiary);overflow:hidden;display:flex;flex-direction:column}input{background-color:var(--bg-input);color:var(--white);border:none;border-radius:4px;font-family:inherit;font-size:14px;font-weight:700;padding:0 6px;display:inline-block;max-width:100%}input::placeholder{color:var(--muted);font-weight:400}input:focus{outline:1px solid var(--blue)}input:disabled{opacity:.5;cursor:not-allowed}button{font-family:Inter,sans-serif;font-size:13px;border:none;border-radius:4px;height:36px;padding:0 14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btn-primary{background:var(--green);color:#12122a;font-weight:700}.btn-secondary{background:var(--bg-input);color:var(--white);font-weight:600}.btn-accent{background:var(--blue);color:#12122a;font-weight:700}.btn-sm{height:32px;font-size:12px;padding:0 12px;gap:6px}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{visibility:hidden;width:140px;background-color:var(--bg-header);color:var(--white);text-align:center;border-radius:4px;padding:5px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-70px;opacity:0;transition:opacity .2s;font-size:12px}.tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--bg-header) transparent transparent transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.icon{cursor:pointer}.header{display:flex;align-items:center;gap:16px;background:var(--bg-header);height:60px;padding:0 24px;flex-shrink:0}.logoBox{width:36px;height:36px;background:var(--green);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.appTitleGroup{display:flex;flex-direction:column;gap:2px}.appTitle{color:var(--white);font-size:20px;font-weight:700;letter-spacing:1px;line-height:1}.appSubtitle{color:var(--blue);font-size:12px;font-weight:500;line-height:1}.headerSpacer{flex:1}.headerActions{display:flex;align-items:center;gap:8px}.saveMessage{color:var(--success);font-weight:600;font-size:13px;padding:5px 10px;border-radius:4px;background-color:#5dd39e1a;border:1px solid var(--success);animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}