:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-bg: #f8fafc;--color-surface: #ffffff;--color-text: #1e293b;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-success: #22c55e;--color-warning: #f59e0b;--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--font: system-ui, -apple-system, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}.app-container{min-height:100vh}.main-content{max-width:960px;margin:0 auto;padding:24px 16px}.navbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow);position:sticky;top:0;z-index:100}.navbar-inner{max-width:960px;margin:0 auto;padding:0 16px;height:56px;display:flex;align-items:center;justify-content:space-between}.navbar-brand{font-size:1.25rem;font-weight:700;color:var(--color-primary);text-decoration:none}.navbar-links{display:flex;align-items:center;gap:16px}.navbar-links a{color:var(--color-text-muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .15s}.navbar-links a:hover{color:var(--color-primary)}.navbar-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text);padding:4px;line-height:1}.navbar-user{display:flex;align-items:center;gap:12px;font-size:.875rem;color:var(--color-text-muted)}@media (max-width: 768px){.navbar-inner{height:auto;min-height:56px;flex-wrap:wrap}.navbar-toggle{display:block}.navbar-links{display:none;flex-direction:column;width:100%;gap:0;padding:8px 0;background:var(--color-surface)}.navbar-links.open{display:flex}.navbar-links a{padding:12px 0;border-top:1px solid var(--color-border);width:100%}.navbar-user{padding:12px 0;border-top:1px solid var(--color-border);width:100%;justify-content:space-between}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.card-title{font-size:1rem;font-weight:600}.card-subtitle{font-size:.8125rem;color:var(--color-text-muted)}.card-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500;background:#dbeafe;color:var(--color-primary)}.form-card{max-width:400px;margin:60px auto}.form-title{font-size:1.5rem;font-weight:700;margin-bottom:24px;text-align:center}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:6px;color:var(--color-text)}.form-input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9375rem;font-family:var(--font);transition:border-color .15s;outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.form-error{color:var(--color-danger);font-size:.8125rem;margin-top:8px}.form-footer{margin-top:16px;text-align:center;font-size:.875rem;color:var(--color-text-muted)}.form-footer a{color:var(--color-primary);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;font-family:var(--font);cursor:pointer;transition:background .15s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.btn-full{width:100%}.btn-danger{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger);padding:4px 12px;font-size:.8125rem}.btn-danger:hover{background:var(--color-danger);color:#fff}.btn-sm{padding:4px 12px;font-size:.8125rem}.btn-outline{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.search-bar{display:flex;gap:8px;margin-bottom:24px}.search-bar .form-input{flex:1}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:16px 0;border-bottom:1px solid var(--color-border)}.notif-item:last-child{border-bottom:none}.notif-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);margin-top:8px;flex-shrink:0}.notif-dot.read{background:var(--color-border)}.notif-content{flex:1}.notif-company{font-size:.75rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.025em}.notif-title{font-size:.9375rem;margin-top:2px}.notif-title a{color:var(--color-text);text-decoration:none}.notif-title a:hover{color:var(--color-primary)}.notif-time{font-size:.75rem;color:var(--color-text-muted);margin-top:4px}.notif-actions{flex-shrink:0;margin-top:4px}.filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:.875rem;color:var(--color-text-muted)}.page-header{margin-bottom:24px}.page-title{font-size:1.5rem;font-weight:700}.page-subtitle{font-size:.875rem;color:var(--color-text-muted);margin-top:4px}.empty-state{text-align:center;padding:48px 16px;color:var(--color-text-muted)}.empty-state p{font-size:.9375rem}.message{padding:10px 16px;border-radius:var(--radius);font-size:.875rem;margin-bottom:16px}.message-success{background:#dcfce7;color:#166534}.message-error{background:#fee2e2;color:#991b1b}.message-info{background:#dbeafe;color:#1e40af}.loading{text-align:center;padding:48px;color:var(--color-text-muted)}.hero{text-align:center;padding:80px 16px 48px}.hero h1{font-size:2rem;font-weight:800;color:var(--color-text);margin-bottom:12px}.hero p{font-size:1.125rem;color:var(--color-text-muted);max-width:480px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--color-primary)}.stat-label{font-size:.875rem;color:var(--color-text-muted);margin-top:4px}.home-section{margin-top:40px}.home-section h2{font-size:1.25rem;font-weight:700;margin-bottom:16px}.news-list{display:flex;flex-direction:column;gap:12px}.news-item{display:flex;align-items:baseline;gap:12px;padding:12px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:.875rem}.news-company{font-weight:600;color:var(--color-primary);white-space:nowrap;flex-shrink:0}.news-title{color:var(--color-text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.news-title:hover{text-decoration:underline}.news-date{color:var(--color-text-muted);font-size:.75rem;white-space:nowrap;flex-shrink:0}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr}.news-item{flex-wrap:wrap}}