:root{--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--font-sans: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--text-base: clamp(15px, 2vw, 16px);--text-sm: .875rem;--text-lg: 1.25rem;--weight-medium: 500;--weight-semibold: 600;--line-height: 1.4;--color-bg: #f8f9fa;--color-surface: #fff;--color-border: #dadce0;--color-border-light: #e8eaed;--color-text: #1f1f1f;--color-text-muted: #5f6368;--color-primary: #1a73e8;--color-primary-hover: #1765cc;--color-error: #c5221f;--color-focus-ring: rgba(26, 115, 232, .35);--radius-sm: 2px;--radius-md: 4px;--shadow-sm: 0 1px 2px rgba(60, 64, 67, .3);--color-chrome-bg: #1e293b;--color-chrome-text: #f1f5f9;--color-chrome-text-muted: #94a3b8;--color-chrome-border: #334155;--color-chrome-focus-ring: rgba(241, 245, 249, .35)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height);color:var(--color-text);background:var(--color-bg)}[data-theme=dark]{--color-bg: #1e293b;--color-surface: #334155;--color-border: #475569;--color-border-light: #475569;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-primary: #60a5fa;--color-primary-hover: #93c5fd;--color-focus-ring: rgba(96, 165, 250, .35);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3)}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.app-container{flex:1;display:flex;flex-direction:column;width:100%;margin:0;padding:0 var(--space-4)}@media (max-width: 639px){.app-container{padding:0 var(--space-2)}}.app-header{padding:var(--space-3) var(--space-4);background:var(--color-chrome-bg);border-bottom:1px solid var(--color-chrome-border)}.app-header h1{margin:0;font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--color-chrome-text)}.app-header-inner{display:flex;align-items:center;justify-content:space-between;flex-direction:row;width:100%}.app-header-brand{display:flex;align-items:center;gap:var(--space-3)}.app-header-logo{height:30px;width:30px;flex-shrink:0;filter:invert(1)}.app-header-actions{display:flex;align-items:center;gap:var(--space-2)}.app-header-btn{padding:var(--space-1) var(--space-3);min-height:36px;background:transparent;border:1px solid var(--color-chrome-border);border-radius:var(--radius-md);color:var(--color-chrome-text);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.app-header-btn:hover{background:#ffffff14;border-color:var(--color-chrome-text-muted);color:var(--color-chrome-text)}.app-header-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-chrome-focus-ring)}.app-footer{flex-shrink:0;padding:var(--space-2) var(--space-4);background:var(--color-surface);border-top:1px solid var(--color-border)}.app-footer-inner{display:flex;align-items:center;justify-content:center;width:100%}.app-footer-copy{font-size:var(--text-sm);color:var(--color-text-muted)}[data-theme=dark] .app-footer{background:var(--color-bg)}.app-body{flex:1;display:flex;min-height:0}.app-main-wrap{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:auto}.fishing-view{flex:1;display:flex;flex-direction:column;min-height:0;width:100%}.fishing-main{flex:1;display:flex;min-width:0;min-height:0}.fishing-main>.table-card{flex:1;min-width:0}.row-detail-panel{flex:0 0 380px;display:flex;flex-direction:column;min-width:0;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:-4px 0 12px #0000000f}.row-detail-panel-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.row-detail-panel-title{margin:0;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.row-detail-panel-close{padding:var(--space-1) var(--space-2);min-width:36px;min-height:36px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1.25rem;line-height:1;color:var(--color-text-muted);cursor:pointer;font-family:inherit}.row-detail-panel-close:hover{background:var(--color-bg);color:var(--color-text)}.row-detail-panel-close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}.row-detail-panel-body{flex:1;overflow:auto;padding:var(--space-4)}.row-detail-panel-table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4);font-size:var(--text-sm)}.row-detail-panel-table-th,.row-detail-panel-table-td{padding:var(--space-2) var(--space-3);text-align:left;vertical-align:middle;border-bottom:1px solid var(--color-border-light)}.row-detail-panel-table-th{font-weight:var(--weight-medium);color:var(--color-text-muted);width:40%}.row-detail-panel-table-td .row-detail-panel-value{font-size:var(--text-sm);color:var(--color-text)}.row-detail-panel-table-td .row-detail-panel-input{width:100%;min-width:0}.row-detail-panel-row-group{margin-bottom:var(--space-4)}.row-detail-panel-row-group-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);margin-bottom:var(--space-2)}.row-detail-panel-row-group-fields{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.row-detail-panel-inline-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);cursor:pointer}.row-detail-panel-inline-label .row-detail-panel-checkbox{margin:0}.row-detail-panel-field{margin-bottom:var(--space-4)}.row-detail-panel-field:last-child{margin-bottom:0}.row-detail-panel-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-1)}.row-detail-panel-value{font-size:var(--text-sm);color:var(--color-text)}.row-detail-panel-input,.row-detail-panel-textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;box-sizing:border-box}.row-detail-panel-input:focus,.row-detail-panel-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-focus-ring)}.row-detail-panel-textarea{min-height:72px;resize:vertical}.row-detail-panel-checkbox{width:20px;height:20px;accent-color:var(--color-primary);cursor:pointer}.app-page{padding-top:var(--space-6)}.app-placeholder{padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.app-placeholder h2{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-medium)}.app-placeholder p{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.dashboard{display:flex;flex-direction:column;gap:var(--space-6)}.dashboard__title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold)}.dashboard-widgets{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.dashboard-widget{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;min-height:160px}.dashboard-widget--wide{grid-column:1 / -1}.dashboard-widget__title{margin:0;padding:var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);border-bottom:1px solid var(--color-border-light)}.dashboard-widget__body{flex:1;padding:var(--space-4);min-height:80px}.dashboard-widget__placeholder{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.side-nav{width:220px;flex-shrink:0;min-height:0;display:flex;flex-direction:column;background:var(--color-chrome-bg);border-right:1px solid var(--color-chrome-border);transition:width .2s ease;overflow:hidden}.side-nav--collapsed{width:56px}.side-nav__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--color-chrome-border);min-height:52px}.side-nav__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-chrome-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav--collapsed .side-nav__title{display:none}.side-nav__toggle{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-chrome-border);border-radius:var(--radius-md);color:var(--color-chrome-text-muted);font-size:1.1rem;cursor:pointer}.side-nav__toggle:hover{background:#ffffff14;color:var(--color-chrome-text);border-color:var(--color-chrome-text-muted)}.side-nav__toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-chrome-focus-ring)}.side-nav__body{flex:1;display:flex;flex-direction:column;min-height:0}.side-nav__list{display:flex;flex-direction:column;padding:var(--space-2);gap:var(--space-1)}.side-nav__bottom{display:flex;flex-direction:column;padding:var(--space-2);gap:var(--space-1);margin-top:auto;border-top:1px solid var(--color-chrome-border)}.side-nav__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);text-decoration:none;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-chrome-text);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:inherit;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.side-nav__item:hover{background:#ffffff14;color:var(--color-chrome-text)}.side-nav__item--active{background:#ffffff1f;color:var(--color-chrome-text)}.side-nav__item--active:hover{background:#ffffff29;color:var(--color-chrome-text)}.side-nav__item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-chrome-focus-ring)}.side-nav__icon{flex-shrink:0;width:20px;display:flex;align-items:center;justify-content:center;font-size:1rem}.side-nav__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav--collapsed .side-nav__label{display:none}.side-nav--collapsed .side-nav__item{justify-content:center;padding:var(--space-2)}@media (max-width: 639px){.app-body{flex-direction:column}.side-nav{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:none;border-bottom:1px solid var(--color-chrome-border);padding:0 var(--space-2);position:relative;overflow:visible}.side-nav--collapsed{width:100%}.side-nav__header{border-bottom:none;padding:var(--space-2);flex:1;min-width:0}.side-nav__title{display:none}.side-nav__body{display:none;flex:none}.side-nav--mobile-open .side-nav__body{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--color-chrome-bg);border-bottom:1px solid var(--color-chrome-border);border-left:none;box-shadow:0 4px 12px #00000026;max-height:min(70vh,400px);overflow-y:auto}.side-nav--mobile-open .side-nav__list{flex-direction:column;flex:none;padding:var(--space-2);justify-content:flex-start;overflow:visible;border:none}.side-nav--mobile-open .side-nav__bottom{flex-direction:column;margin-top:0;border-top:1px solid var(--color-chrome-border);border-left:none;padding:var(--space-2)}.side-nav__item{flex-shrink:0}.side-nav--mobile-open .side-nav__label{display:inline}.side-nav__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#00000059}.side-nav--mobile-open{z-index:100}.side-nav--mobile-open .side-nav__header{position:relative;z-index:101}}.app-loading,.app-error{display:flex;align-items:center;justify-content:center;min-height:200px;padding:var(--space-6);text-align:center;font-size:var(--text-base)}.app-loading{color:var(--color-text-muted)}.app-error{color:var(--color-error);font-weight:var(--weight-medium)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.table-skeleton-wrap{position:relative;min-height:280px}.table-skeleton-spinner{position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;width:40px;height:40px;border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:loading-spin .8s linear infinite;z-index:2;pointer-events:none}.table-skeleton .table-skeleton-th,.table-skeleton .table-skeleton-td{position:relative;overflow:hidden}.table-skeleton-th .table-skeleton-shimmer{display:block;width:60%;height:14px;border-radius:var(--radius-sm)}.table-skeleton-td .table-skeleton-shimmer--cell{display:block;width:85%;height:12px;border-radius:var(--radius-sm)}.table-skeleton-shimmer{background:linear-gradient(90deg,var(--color-border-light) 0%,var(--color-border) 50%,var(--color-border-light) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.table-skeleton .table-skeleton-td{padding:var(--space-3) var(--space-2)}.toolbar{padding:var(--space-2) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);width:100%}.toolbar-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}@media (max-width: 639px){.toolbar-form{flex-direction:column;align-items:stretch;gap:var(--space-2)}.toolbar{padding:var(--space-2) var(--space-2)}}.toolbar-refresh{min-width:36px;min-height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1.25rem;line-height:1;color:var(--color-text-muted);cursor:pointer}.toolbar-refresh:hover:not(:disabled){background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.toolbar-refresh:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.toolbar-refresh:disabled{opacity:.6;cursor:not-allowed}.toolbar-search{min-width:200px;min-height:36px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit}@media (max-width: 639px){.toolbar-search{min-width:0;width:100%}}.toolbar-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.toolbar-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text)}@media (max-width: 639px){.toolbar-label{flex-direction:column;align-items:stretch}}.toolbar-select{min-height:36px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;background:var(--color-surface)}.toolbar-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}@media (max-width: 639px){.toolbar-select{width:100%}}.toolbar-update{min-height:36px;padding:var(--space-1) var(--space-4);background:var(--color-primary);color:var(--color-surface);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer}.toolbar-update:hover:not(:disabled){background:var(--color-primary-hover)}.toolbar-update:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.toolbar-update:disabled{background:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.toolbar-message{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.toolbar-wrap{width:100%;flex-shrink:0}.table-card{width:100%;aspect-ratio:1;max-height:100%;display:flex;flex-direction:column;padding-bottom:var(--space-4);background:var(--color-surface);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.table-wrap{flex:1;min-height:0;overflow:auto;width:100%;position:relative;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.table-wrap:after{content:"";position:sticky;right:0;top:0;bottom:0;width:20px;background:linear-gradient(to left,var(--color-surface) 0%,transparent 100%);pointer-events:none;opacity:.5}.data-table{width:100%;min-width:max-content;border-collapse:collapse;background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);overflow:hidden}.data-table-th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--weight-semibold);font-size:var(--text-sm);background:var(--color-bg);border-bottom:2px solid var(--color-border);border-right:1px solid var(--color-border-light);white-space:nowrap;position:sticky;top:0;z-index:1;box-shadow:0 1px 0 var(--color-border-light)}.data-table-th:last-child{border-right:none}.data-table-th.sticky-col{left:0;z-index:2;background:var(--color-bg);box-shadow:2px 0 4px #0000000f}.data-table-td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-light);border-right:1px solid var(--color-border-light);vertical-align:middle;font-size:var(--text-sm);line-height:1.4;min-height:32px;box-sizing:border-box}.data-table-td:last-child{border-right:none}.data-table-td-editable{background:#fff9}.data-table-row-odd .data-table-td-editable{background:#f8f9fae6}.data-table tbody tr:hover .data-table-td{background:#1a73e80a}.data-table tbody tr:hover .data-table-td-editable,.data-table tbody tr:hover .data-table-td.sticky-col{background:#1a73e80f}.data-table-row-clickable{cursor:pointer}.data-table-row-selected .data-table-td{background:#1a73e81a}.data-table-row-selected .data-table-td-editable,.data-table-row-selected .data-table-td.sticky-col{background:#1a73e81f}.data-table-td-checkbox{text-align:center;vertical-align:middle}.data-table-td-checkbox .data-table-checkbox{margin:0}.data-table-td.sticky-col{position:sticky;left:0;z-index:1;background:inherit;box-shadow:2px 0 4px #0000000a}.data-table-row-even .data-table-td.sticky-col{background:var(--color-surface)}.data-table-row-odd .data-table-td.sticky-col{background:var(--color-bg)}.data-table-td-readonly{color:var(--color-text-muted)}.data-table-td-inline-edit{padding:0;vertical-align:top}.data-table-cell-long{min-width:140px}.data-table-input,.data-table-textarea{width:100%;min-width:80px;min-height:28px;padding:0;border:1px solid transparent;border-radius:0;font-size:var(--text-sm);font-family:inherit;display:block;box-sizing:border-box}.data-table-input:hover,.data-table-textarea:hover{border-color:var(--color-border)}.data-table-input:focus,.data-table-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-focus-ring)}.data-table-textarea{resize:vertical;min-height:44px}.data-table-cell-long .data-table-textarea--long,.data-table-textarea--long{min-height:3em;padding:0;line-height:1.5;resize:vertical}.data-table-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.data-table-checkbox:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-focus-ring)}