*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--surface:#080808;--card:#0f0f0f;--card-hover:#141414;--border:rgba(255,255,255,.06);--sidebar-bg:#fafafa;--sidebar-text:#171717;--sidebar-border:#e5e5e5;--sidebar-dim:#525252;--sidebar-muted:#a3a3a3;--sidebar-hover:#f5f5f5;--sidebar-active:#ececec;--accent:#df4c42;--accent-hover:#c93c32;--accent-bg:rgba(223,76,66,.08);--text:#fafafa;--text-dim:#a3a3a3;--text-muted:#525252;--mono:"IBM Plex Mono","JetBrains Mono","Fira Code",monospace;--sans:"IBM Plex Sans","Inter",system-ui,-apple-system,sans-serif;--sidebar-w:380px;--panel-max:1200px;--radius:8px;--radius-sm:4px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;overflow-x:hidden;height:100vh;font-size:14px;letter-spacing:.01em}a{color:inherit;text-decoration:none}em{font-style:normal;color:var(--accent)}::selection{background:var(--accent);color:#fff}.dashboard{display:flex;height:100vh}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);height:100vh;background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;overflow:hidden;font-family:var(--sans)}.sidebar-head{padding:28px 28px 20px;border-bottom:1px solid var(--sidebar-border)}.sidebar-label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sidebar-muted);margin-bottom:8px;font-weight:500}.sidebar-title{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--sidebar-text)}.sidebar-title em{font-style:normal;color:var(--accent)}.sidebar-sub{font-size:13px;color:var(--sidebar-dim);margin-top:6px;line-height:1.4}.sidebar-tabs{display:flex;border-bottom:1px solid var(--sidebar-border);flex-shrink:0;background:var(--sidebar-bg)}.sidebar-tab{flex:1;padding:12px 0;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--sidebar-muted);cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;font-weight:500}.sidebar-tab:hover{color:var(--sidebar-dim);background:var(--sidebar-hover)}.sidebar-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.sidebar-list{flex:1;overflow-y:auto;padding:4px 0}.sidebar-list::-webkit-scrollbar{width:4px}.sidebar-list::-webkit-scrollbar-track{background:transparent}.sidebar-list::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}.sidebar-list::-webkit-scrollbar-thumb:hover{background:#a3a3a3}.list-section{display:none}.list-section.active{display:block}.list-item{padding:14px 28px;border-bottom:1px solid var(--sidebar-border);cursor:pointer;transition:all .15s ease;position:relative}.list-item:hover{background:var(--sidebar-hover)}.list-item.active{background:var(--sidebar-active)}.list-item .li-title{font-size:13px;font-weight:600;line-height:1.4;color:var(--sidebar-text);letter-spacing:-.01em}.list-item .li-meta{font-family:var(--mono);font-size:11px;color:var(--sidebar-dim);margin-top:3px;letter-spacing:.02em}.list-item .li-tag{display:inline-block;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:var(--radius-sm);margin-top:6px;font-weight:600}.tag-crit{background:var(--accent);color:#fff}.tag-high{background:#fef2f2;color:#991b1b}.tag-med{background:#f0f4f8;color:#475569}.tag-low{background:#f0fdf4;color:#166534}.sidebar-foot{padding:16px 28px;border-top:1px solid var(--sidebar-border);flex-shrink:0;background:var(--sidebar-bg)}.sidebar-foot p{font-size:11px;color:var(--sidebar-muted);line-height:1.5;letter-spacing:.02em}.panel{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0}.panel::-webkit-scrollbar{width:4px}.panel::-webkit-scrollbar-track{background:transparent}.panel::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.panel-topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 56px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;background:#000000e6;backdrop-filter:blur(12px)}.panel-topbar-title{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:500}.panel-topbar-actions{display:flex;align-items:center;gap:8px}.panel-topbar-actions button{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:6px 14px;cursor:pointer;transition:all .15s ease}.panel-topbar-actions button:hover{border-color:#ffffff26;color:var(--text)}.dropdown{position:relative;display:inline-block}.dropdown-menu{display:none;position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:#1a1a1a;border:1px solid var(--border);border-radius:var(--radius);padding:6px 0;z-index:100;box-shadow:0 16px 48px #00000080}.dropdown-menu.show{display:block}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:13px;color:var(--text-dim);cursor:pointer;transition:all .12s ease}.dropdown-item:hover{background:#222;color:var(--text)}.dropdown-item svg{width:16px;height:16px;flex-shrink:0;opacity:.5}.dropdown-item:hover svg{opacity:1}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.panel-body{padding:48px 56px;flex:1}.panel-inner{max-width:var(--panel-max);width:100%;margin:0 auto;display:flex;flex-direction:column;gap:48px}.p-section{display:none}.p-section.active{display:block}.p-header{margin-bottom:40px}.p-label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-weight:500}.p-title{font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--text)}.p-title em{font-style:normal;color:var(--accent)}.p-desc{font-size:15px;color:var(--text-dim);margin-top:12px;line-height:1.6;max-width:640px}.detail-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s ease}.detail-card:hover{border-color:#ffffff1a}.detail-date{font-family:var(--mono);font-size:12px;color:var(--text-dim);letter-spacing:.02em}.detail-desc{font-size:14px;color:var(--text-dim);line-height:1.7}.detail-meta{display:flex;gap:24px;font-family:var(--mono);font-size:11px;color:var(--text-muted);padding-top:16px;border-top:1px solid var(--border);letter-spacing:.02em}.detail-meta span{display:flex;align-items:center;gap:6px}.detail-meta span:before{content:"";display:inline-block;width:4px;height:4px;background:var(--accent);border-radius:50%}.media-section{margin-top:8px}.media-label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px;font-weight:500}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.media-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.media-card:hover{border-color:#ffffff1a;background:var(--card-hover)}.media-card .m-source{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600}.media-card .m-title{font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-.01em}.media-card .m-summary{font-size:13px;color:var(--text-muted);line-height:1.5}.media-card .m-date{font-family:var(--mono);font-size:11px;color:var(--text-muted);margin-top:auto;padding-top:8px}.tl-detail{display:flex;flex-direction:column}.tl-row{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--border)}.tl-row:last-child{border-bottom:none}.tl-row .tl-date{font-family:var(--mono);font-size:12px;color:var(--text-muted);padding-top:2px;letter-spacing:.02em}.tl-row .tl-title{font-size:14px;font-weight:600;margin-bottom:4px;letter-spacing:-.01em}.tl-row .tl-desc{font-size:13px;color:var(--text-muted);line-height:1.5}.tl-row .tl-tags{display:flex;gap:6px;margin-top:8px}.tl-row .tl-tag{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);font-weight:500}.tl-row .tl-tag.hi{border-color:var(--accent);color:var(--accent)}.memorial{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.memorial-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center;display:flex;flex-direction:column;gap:6px;transition:all .2s ease}.memorial-card:hover{border-color:#ffffff1a;background:var(--card-hover)}.memorial-card .v-name{font-size:15px;font-weight:700;letter-spacing:-.01em}.memorial-card .v-age{font-family:var(--mono);font-size:12px;color:var(--text-dim)}.memorial-card .v-place{font-size:12px;color:var(--text-muted)}.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.legal-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.legal-card:hover{border-color:#ffffff1a;background:var(--card-hover)}.legal-card .l-type{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600}.legal-card .l-name{font-size:14px;font-weight:600;line-height:1.4}.legal-card .l-desc{font-size:12px;color:var(--text-muted);line-height:1.5}.empty{padding:56px 40px;text-align:center;font-family:var(--mono);font-size:12px;color:var(--text-muted);border:1px dashed rgba(255,255,255,.08);border-radius:var(--radius);background:var(--card);letter-spacing:.02em}.modal-overlay{display:none;position:fixed;inset:0;z-index:1000;background:#000c;backdrop-filter:blur(8px);align-items:center;justify-content:center}.modal-overlay.show{display:flex}.modal{background:#fff;max-width:500px;width:90%;border-radius:16px;overflow:hidden;box-shadow:0 32px 96px #0006}.card-preview{width:100%;aspect-ratio:1/1;overflow:hidden}.card-preview canvas{width:100%;height:100%;display:block}.card-actions{display:flex;gap:0;border-top:1px solid #E5E0DB}.card-actions button{flex:1;padding:18px 16px;border:none;border-right:1px solid #E5E0DB;font-family:var(--mono);font-size:12px;letter-spacing:.02em;cursor:pointer;transition:all .15s ease;font-weight:500;background:#fff;color:#1a1a1a}.card-actions button:last-child{border-right:none}.card-actions button:hover{background:#f5f0eb}.btn-download{font-weight:600}@media(max-width:1100px){.panel-topbar{padding:16px 32px}.panel-body{padding:32px}}@media(max-width:900px){.dashboard{flex-direction:column}.sidebar{width:100%;min-width:100%;height:auto;max-height:35vh;border-right:none;border-bottom:1px solid var(--sidebar-border)}.panel-topbar{padding:14px 16px}.panel-body{padding:24px 16px}.panel-inner{gap:32px}.media-grid,.legal-grid{grid-template-columns:1fr}.memorial{grid-template-columns:1fr 1fr}.p-title{font-size:24px}}@media(max-width:600px){.memorial{grid-template-columns:1fr}.detail-meta{flex-wrap:wrap;gap:12px}.card-actions{flex-direction:column}}