:root{--bg-primary: #FFFFFF;--bg-secondary: #F7F9FC;--bg-card: #FFFFFF;--bg-input: #F7F9FC;--bg-overlay: rgba(0,0,0,.3);--text-primary: #1B3A5C;--text-secondary: #666666;--text-muted: #94a3b8;--text-link: #2E75B6;--text-heading: #1B3A5C;--border: #E5E7EB;--border-subtle: #F0F0F0;--accent-blue: #2E75B6;--accent-green: #2D8F4E;--accent-red: #DC2626;--accent-amber: #C07D1A;--accent-purple: #7C3AED;--accent-gray: #6b7280;--accent-emerald: #10b981;--accent-blue-bg: rgba(46,117,182,.13);--accent-green-bg: rgba(45,143,78,.13);--accent-red-bg: rgba(220,38,38,.13);--accent-amber-bg: rgba(192,125,26,.13);--accent-purple-bg: rgba(124,58,237,.13);--accent-gray-bg: rgba(107,114,128,.13);--accent-emerald-bg: rgba(16,185,129,.13);--error-bg: #fef2f2;--error-text: #dc2626;--success-text: #16a34a;--checkbox-accent: #2E75B6;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.1)}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-input: #0f172a;--bg-overlay: rgba(0,0,0,.5);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-link: #3b82f6;--text-heading: #f1f5f9;--border: #334155;--border-subtle: #1e293b;--accent-blue: #3b82f6;--accent-green: #22c55e;--accent-red: #ef4444;--accent-amber: #f59e0b;--accent-purple: #8b5cf6;--accent-gray: #6b7280;--accent-emerald: #10b981;--accent-blue-bg: rgba(59,130,246,.13);--accent-green-bg: rgba(34,197,94,.13);--accent-red-bg: rgba(239,68,68,.13);--accent-amber-bg: rgba(245,158,11,.13);--accent-purple-bg: rgba(139,92,246,.13);--accent-gray-bg: rgba(107,114,128,.13);--accent-emerald-bg: rgba(16,185,129,.13);--error-bg: #7f1d1d;--error-text: #fca5a5;--success-text: #a7f3d0;--checkbox-accent: #3b82f6;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.4)}@media print{nav,aside,header,.no-print{display:none!important}body{background:#fff!important;color:#000!important}*{color:#000!important;background:#fff!important;border-color:#ccc!important}a{color:#2e75b6!important;text-decoration:underline!important}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:system-ui,-apple-system,sans-serif;font-size:14px}.shell{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:16px 24px;max-width:1600px;margin:0 auto;width:100%}.topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between}.topbar-logo{font-size:18px;font-weight:700;color:var(--text-primary)}.topbar-title{font-size:14px;color:var(--text-secondary)}.topbar-user{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-secondary)}.btn-logout{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:4px 12px;border-radius:var(--radius);cursor:pointer;font-size:12px}.btn-logout:hover{border-color:var(--accent-red);color:var(--accent-red)}.feed-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:border-color .15s}.feed-card:hover{border-color:var(--accent-blue)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-headline{font-size:18px;font-weight:700;color:var(--text-primary)}.card-subtitle{font-size:12px;color:var(--text-secondary)}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.card-date{font-size:11px;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.badge-green{background:var(--accent-green-bg);color:var(--accent-green)}.badge-red{background:var(--accent-red-bg);color:var(--accent-red)}.badge-amber{background:var(--accent-amber-bg);color:var(--accent-amber)}.badge-blue{background:var(--accent-blue-bg);color:var(--accent-blue)}.badge-gray{background:var(--accent-gray-bg);color:var(--accent-gray)}.cat-badge{font-size:10px;padding:2px 6px;border-radius:4px;background:var(--accent-blue-bg);color:var(--accent-blue)}.feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}@media(max-width:1200px){.feed-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.feed-grid{grid-template-columns:1fr}}.category-nav{display:flex;gap:4px;flex-wrap:wrap;margin:16px 0 0;border-bottom:1px solid var(--border);padding-bottom:0}.cat-tab{padding:8px 16px;font-size:13px;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap;display:flex;align-items:center;gap:6px}.cat-tab:hover{color:var(--text-primary)}.cat-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.cat-tab .alert-dot{background:var(--accent-red);color:#fff;font-size:10px;padding:1px 5px;border-radius:8px;font-weight:700}.summary-bar{display:flex;gap:24px;padding:16px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.summary-stat{display:flex;flex-direction:column;gap:2px}.summary-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.summary-value{font-size:20px;font-weight:700;color:var(--text-primary)}.alert-banner{background:var(--accent-red-bg);border:1px solid var(--accent-red);border-radius:var(--radius);padding:10px 16px;margin:12px 0;color:var(--accent-red);font-size:13px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:40px;width:100%;max-width:400px}.login-title{font-size:22px;font-weight:700;margin-bottom:8px}.login-subtitle{color:var(--text-secondary);margin-bottom:28px;font-size:13px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase}.form-input{width:100%;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px;outline:none}.form-input:focus{border-color:var(--accent-blue)}.btn-primary{width:100%;padding:11px;background:var(--accent-blue);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;margin-top:8px}.btn-primary:hover{opacity:.9}.form-error{color:var(--accent-red);font-size:13px;margin-top:10px}.loading{color:var(--text-muted);padding:40px;text-align:center}.card-loading{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;height:120px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}