:root{--notion-bg: #ffffff;--notion-bg-secondary: #f7f6f3;--notion-bg-hover: #efefef;--notion-bg-active: #e8e8e8;--notion-text: #37352f;--notion-text-secondary: #6b6b6b;--notion-text-tertiary: #9b9a97;--notion-border: #e8e8e8;--notion-border-light: #f1f1ef;--notion-blue: #2383e2;--notion-blue-bg: #e7f3ff;--notion-green: #0f7b6c;--notion-green-bg: #e6f4f2;--notion-red: #e03e3e;--notion-red-bg: #fce4e4;--notion-yellow: #dfab01;--notion-yellow-bg: #fdf6e3;--notion-orange: #d9730d;--notion-orange-bg: #fdf0e6;--notion-purple: #6940a5;--notion-purple-bg: #f3e8ff;--notion-pink: #ad1a72;--notion-pink-bg: #fce7f3;--notion-brown: #64473a;--notion-brown-bg: #f4ebe8;--notion-gray: #9b9a97;--notion-gray-bg: #ebeced;--notion-gold: #b8944f;--notion-gold-dark: #9a7a3f;--notion-gold-bg: #f5f0e6;--fervenza-gold: #b8944f;--fervenza-gold-light: #f5f0e6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--sidebar-width: 240px;--sidebar-collapsed-width: 0px;--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--notion-bg);color:var(--notion-text);line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--fervenza-gold);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--fervenza-gold-light);color:var(--notion-text)}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--notion-text);color:#fff;padding:10px 20px;border-radius:var(--radius-lg);font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);animation:toast-in .25s cubic-bezier(.16,1,.3,1),toast-out .2s ease 2.5s forwards;pointer-events:auto}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{to{opacity:0;transform:translateY(-4px) scale(.98)}}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--notion-bg);border-right:1px solid var(--notion-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:transform .25s cubic-bezier(.16,1,.3,1)}.sidebar-header{padding:12px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--notion-border-light);min-height:49px}.sidebar-logo{width:22px;height:22px;background:linear-gradient(135deg,var(--fervenza-gold) 0%,#c9a45f 100%);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;letter-spacing:-.5px;flex-shrink:0}.sidebar-title{font-size:14px;font-weight:600;color:var(--notion-text);letter-spacing:-.2px}.sidebar-nav{flex:1;padding:8px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar-nav:hover{scrollbar-color:var(--notion-border) transparent}.nav-section{margin-bottom:12px}.nav-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--notion-text-tertiary);padding:8px 10px 4px}.nav-item{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:var(--radius-md);font-size:14px;color:var(--notion-text-secondary);cursor:pointer;transition:all .08s ease;text-decoration:none;position:relative}.nav-item:hover{background:var(--notion-bg-hover);color:var(--notion-text)}.nav-item:active{background:var(--notion-bg-active);transform:scale(.99)}.nav-item.active{background:var(--fervenza-gold-light);color:var(--fervenza-gold);font-weight:500}.nav-item-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.nav-item-count{margin-left:auto;font-size:11px;color:var(--notion-text-tertiary);background:var(--notion-bg-secondary);padding:1px 6px;border-radius:10px;font-weight:500;min-width:20px;text-align:center}.nav-item.active .nav-item-count{background:#b8944f26;color:var(--fervenza-gold)}.sidebar-collapse-btn{margin-left:auto;background:none;border:none;color:var(--notion-text-tertiary);cursor:pointer;font-size:13px;padding:2px 6px;border-radius:var(--radius-sm);opacity:0;transition:opacity .15s ease,background .08s ease}.sidebar-header:hover .sidebar-collapse-btn{opacity:1}.sidebar-collapse-btn:hover{background:var(--notion-bg-hover);color:var(--notion-text)}.sidebar-search{padding:8px 10px}.sidebar-new-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:7px 12px;border-radius:var(--radius-md);font-size:13px;font-weight:500;background:var(--notion-bg);color:var(--notion-text-secondary);border:1px solid var(--notion-border);cursor:pointer;transition:all .12s ease;text-decoration:none}.sidebar-new-btn:hover{background:var(--notion-bg-secondary);color:var(--notion-text);border-color:var(--notion-text-tertiary);box-shadow:var(--shadow-sm)}.sidebar-new-btn:active{transform:scale(.98);box-shadow:none}.collections-title{display:flex;align-items:center;justify-content:space-between}.collections-add-btn{background:none;border:none;color:var(--notion-text-tertiary);cursor:pointer;font-size:16px;padding:0 4px;border-radius:var(--radius-sm);line-height:1;opacity:0;transition:opacity .15s ease}.nav-section:hover .collections-add-btn{opacity:1}.collections-add-btn:hover{background:var(--notion-bg-hover);color:var(--notion-text)}.collection-item{padding-left:14px;font-size:13px}.collection-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.dot-green{background:#2ecc71}.dot-yellow{background:#f1c40f}.dot-gray{background:#bdc3c7}.dot-blue{background:var(--notion-blue)}.dot-gold{background:var(--fervenza-gold)}.sidebar-footer{padding:8px;border-top:1px solid var(--notion-border-light)}.sidebar-footer .nav-item{font-size:13px;color:var(--notion-text-tertiary)}.main-wrapper{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.main-header{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--notion-border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;min-height:49px}.main-header-left{display:flex;align-items:center;gap:16px}.breadcrumb{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--notion-text-secondary)}.breadcrumb a:hover{color:var(--notion-text)}.breadcrumb-separator{color:var(--notion-text-tertiary)}.main-header-actions{display:flex;align-items:center;gap:8px}.main-content{flex:1;width:100%;padding:24px;max-width:1400px}.main-content:has(>.table-page){padding:0;max-width:none}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none;background:transparent;color:var(--notion-text-secondary);text-decoration:none}.btn:hover{background:var(--notion-bg-hover);color:var(--notion-text);text-decoration:none}.btn-primary{background:var(--notion-blue);color:#fff}.btn-primary:hover{background:#1a6fc4;color:#fff}.btn-gold{background:var(--fervenza-gold);color:#fff}.btn-gold:hover{background:#a68543;color:#fff}.btn-outline{border:1px solid var(--notion-border);background:var(--notion-bg)}.btn-outline:hover{background:var(--notion-bg-secondary)}.btn-danger{color:var(--notion-red)}.btn-danger:hover{background:var(--notion-red-bg);color:var(--notion-red)}.btn-sm{padding:4px 8px;font-size:13px}.btn-lg{padding:10px 20px;font-size:15px}.btn-icon{padding:6px;width:32px;height:32px;justify-content:center}.card{background:var(--notion-bg);border:1px solid var(--notion-border);border-radius:var(--radius-lg);padding:20px;transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-sm)}.card-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--notion-text-tertiary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;background:var(--notion-gray-bg);color:var(--notion-text-secondary)}.badge-blue{background:var(--notion-blue-bg);color:var(--notion-blue)}.badge-green{background:var(--notion-green-bg);color:var(--notion-green)}.badge-red{background:var(--notion-red-bg);color:var(--notion-red)}.badge-yellow{background:var(--notion-yellow-bg);color:var(--notion-yellow)}.badge-orange{background:var(--notion-orange-bg);color:var(--notion-orange)}.badge-purple{background:var(--notion-purple-bg);color:var(--notion-purple)}.badge-pink{background:var(--notion-pink-bg);color:var(--notion-pink)}.badge-brown{background:var(--notion-brown-bg);color:var(--notion-brown)}.badge-gold{background:var(--fervenza-gold-light);color:var(--fervenza-gold)}.status{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;letter-spacing:.2px}.status:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-draft{background:var(--notion-gray-bg);color:#787774}.status-draft:before{background:#bdc3c7}.status-classified{background:var(--notion-yellow-bg);color:#9a6700}.status-classified:before{background:#f1c40f}.status-reviewed{background:var(--notion-blue-bg);color:#1971c2}.status-reviewed:before{background:#339af0}.status-published{background:var(--notion-green-bg);color:#087f5b}.status-published:before{background:#2ecc71}.table-container{background:var(--notion-bg);border:1px solid var(--notion-border);border-radius:var(--radius-lg);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:10px 16px;font-size:12px;font-weight:500;color:var(--notion-text-tertiary);border-bottom:1px solid var(--notion-border);background:var(--notion-bg-secondary)}.table td{padding:12px 16px;font-size:14px;border-bottom:1px solid var(--notion-border-light);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--notion-bg-hover)}.table-link{color:var(--notion-text);font-weight:500}.table-link:hover{color:var(--notion-blue)}.input{width:100%;padding:8px 12px;border:1px solid var(--notion-border);border-radius:var(--radius-md);font-size:14px;font-family:inherit;background:var(--notion-bg);color:var(--notion-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--notion-blue);box-shadow:0 0 0 3px var(--notion-blue-bg)}.input::placeholder{color:var(--notion-text-tertiary)}.search-input{padding-left:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239b9a97' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center}.text-secondary{color:var(--notion-text-secondary)}.text-tertiary{color:var(--notion-text-tertiary)}.text-sm{font-size:13px}.text-xs{font-size:12px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.empty-state{text-align:center;padding:48px 24px;color:var(--notion-text-tertiary)}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:16px;font-weight:500;color:var(--notion-text-secondary);margin-bottom:8px}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-md);color:var(--notion-text-secondary);transition:all .12s ease;flex-shrink:0;padding:0}.mobile-menu-btn:hover{background:var(--notion-bg-hover);color:var(--notion-text)}.mobile-menu-btn svg{width:20px;height:20px}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:99;opacity:0;transition:opacity .25s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.visible{opacity:1}@media(max-width:768px){.mobile-menu-btn{display:flex}.sidebar-overlay{display:block;pointer-events:none}.sidebar-overlay.visible{pointer-events:auto}.sidebar{transform:translate(-100%);box-shadow:none;width:280px}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-xl)}.main-wrapper{margin-left:0}.main-header{padding:8px 16px;gap:8px}.main-header-left{gap:8px;min-width:0;flex:1}.breadcrumb{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-header-actions{gap:4px;flex-shrink:0}.main-header-actions .btn{padding:4px 8px;font-size:13px}.main-content,.card{padding:16px}.empty-state{padding:32px 16px}.toast-container{left:16px;right:16px;transform:none;bottom:16px}.toast{width:100%;text-align:center}}@media(max-width:480px){.main-content{padding:12px}.main-header{padding:8px 12px}}