:root{--color-brand-primary:#8c1c1c;--color-brand-primary-hover:#6f1616;--color-brand-accent:#d71920;--color-bg-page:#f8f8fb;--color-bg-surface:#fff;--color-text-primary:#212529;--color-text-secondary:#848484;--color-text-on-brand:#fff;--color-border-default:#dfdfdf;--color-danger:#dc3545;--color-badge-neutral-bg:#f0f0f0;--color-badge-neutral-fg:#212529;--color-badge-info-bg:#e8f1fb;--color-badge-info-fg:#1a4b8c;--color-badge-success-bg:#e6f4ea;--color-badge-success-fg:#1e7a3a;--color-badge-warning-bg:#fff4e5;--color-badge-warning-fg:#8a5a00;--color-badge-danger-bg:#fdecec;--color-badge-danger-fg:#a01b1b;--color-bg-sidebar:#141a23;--color-text-on-sidebar:#d9dde3;--color-text-muted-on-sidebar:#8d949e;--color-bg-readonly:#f4f4f6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:4px;--radius-input:5px;--radius-lg:24px;--shadow-auth-card:0 8px 24px #0000000f;--font-sans:Inter, system-ui, "Segoe UI", Roboto, sans-serif;--font-size-display:32px;--line-height-display:42px;--font-size-h1:24px;--line-height-h1:32px;--font-size-h2:18px;--line-height-h2:24px;--font-size-body:16px;--line-height-body:24px;--font-size-label:12px;--line-height-label:18px;--font-size-tab:14px;--line-height-tab:20px;--control-height-auth:55px;--control-height-app:44px}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-primary);background:var(--color-bg-page);-webkit-font-smoothing:antialiased}h1,h2{color:var(--color-text-primary);font-weight:500}h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1)}h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2)}a{color:var(--color-brand-primary)}p{margin:0}.jn-logo{align-items:center;gap:var(--space-3);display:inline-flex}.jn-logo__mark{flex-shrink:0;width:32px;height:32px}.jn-logo__text{flex-direction:column;line-height:1.1;display:flex}.jn-logo__wordmark{font-family:var(--font-sans);font-weight:700;font-size:var(--font-size-h2);color:var(--color-text-primary);text-transform:lowercase}.jn-logo__subtitle{font-family:var(--font-sans);font-size:var(--font-size-label);letter-spacing:.08em;color:var(--color-text-secondary)}.jn-logo--on-dark .jn-logo__wordmark{color:var(--color-text-on-sidebar)}.jn-logo--on-dark .jn-logo__subtitle{color:var(--color-text-muted-on-sidebar)}.jn-nav-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-body);border-left:3px solid #0000;text-decoration:none;display:flex}.jn-nav-item:hover{background:var(--color-bg-page)}.jn-nav-item--active{color:var(--color-brand-primary);border-left-color:var(--color-brand-primary);background:var(--color-bg-page);font-weight:500}.jn-nav-item__icon{display:inline-flex}.jn-app-shell{background:var(--color-bg-page);min-height:100vh;display:flex}.jn-app-shell__sidebar{background:var(--color-bg-surface);border-right:1px solid var(--color-border-default);width:260px;padding:var(--space-4);gap:var(--space-5);flex-direction:column;flex-shrink:0;display:flex}.jn-app-shell--jotanunes .jn-app-shell__sidebar{background:var(--color-bg-sidebar);border-right:none}.jn-app-shell__brand{gap:var(--space-3);padding:var(--space-2);flex-direction:column;display:flex}.jn-app-shell__context{font-size:var(--font-size-label);line-height:var(--line-height-label);color:var(--color-text-muted-on-sidebar);margin:0}.jn-app-shell__nav{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.jn-app-shell--jotanunes .jn-nav-item{color:var(--color-text-on-sidebar);border-left-color:#0000}.jn-app-shell--jotanunes .jn-nav-item:hover{background:#ffffff0f}.jn-app-shell--jotanunes .jn-nav-item--active{color:var(--color-text-on-brand);border-left-color:var(--color-brand-accent);background:#ffffff14}.jn-app-shell__user{padding:var(--space-3) var(--space-2);border-top:1px solid #ffffff14;margin-top:auto}.jn-app-shell__user-name{font-size:var(--font-size-tab);line-height:var(--line-height-tab);color:var(--color-text-on-sidebar);margin:0;font-weight:500}.jn-app-shell__user-role{margin:var(--space-1) 0 0;font-size:var(--font-size-label);line-height:var(--line-height-label);color:var(--color-text-muted-on-sidebar)}.jn-app-shell__main{flex-direction:column;flex:1;min-width:0;display:flex}.jn-app-shell__topbar{height:56px;padding:0 var(--space-5);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;display:flex}.jn-app-shell__topbar-label{color:var(--color-text-secondary);font-size:var(--font-size-tab)}.jn-app-shell__topbar-link{color:var(--color-brand-primary);font-size:var(--font-size-tab);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:none}.jn-app-shell__topbar-link:hover{text-decoration:underline}.jn-app-shell__content{padding:var(--space-5);flex:1}.jn-auth-layout{min-height:100vh;padding:var(--space-5);background:var(--color-bg-page);justify-content:center;align-items:center;display:flex}.jn-badge{font-family:var(--font-sans);font-size:var(--font-size-label);line-height:var(--line-height-label);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);align-items:center;font-weight:500;display:inline-flex}.jn-badge--neutral{background:var(--color-badge-neutral-bg);color:var(--color-badge-neutral-fg)}.jn-badge--info{background:var(--color-badge-info-bg);color:var(--color-badge-info-fg)}.jn-badge--success{background:var(--color-badge-success-bg);color:var(--color-badge-success-fg)}.jn-badge--warning{background:var(--color-badge-warning-bg);color:var(--color-badge-warning-fg)}.jn-badge--danger{background:var(--color-badge-danger-bg);color:var(--color-badge-danger-fg)}.jn-link{font-family:var(--font-sans);font-size:var(--font-size-tab);line-height:var(--line-height-tab);text-decoration:none}.jn-link:hover{text-decoration:underline}.jn-link--default{color:var(--color-brand-primary)}.jn-link--muted{color:var(--color-text-secondary)}.jn-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.jn-page-header__text{gap:var(--space-2);flex-direction:column;display:flex}.jn-page-header__title{font-size:var(--font-size-h1);line-height:var(--line-height-h1);margin:0;font-weight:500}.jn-page-header__subtitle{max-width:52rem;font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary);margin:0}.jn-page-header__action{align-items:center;display:inline-flex}.jn-metric-card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-4);min-height:112px}.jn-metric-card__value{margin:0 0 var(--space-2);font-size:var(--font-size-display);line-height:var(--line-height-display);color:var(--color-text-primary);font-weight:500}.jn-metric-card__label{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-primary);margin:0}.jn-metric-card__hint{margin:var(--space-2) 0 0;font-size:var(--font-size-label);line-height:var(--line-height-label);color:var(--color-text-secondary)}.jn-metric-card--warning{border-color:var(--color-badge-warning-fg);background:var(--color-badge-warning-bg)}.jn-metric-card--danger{border-color:var(--color-badge-danger-fg);background:var(--color-badge-danger-bg)}.jn-dashboard__metrics{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.jn-dashboard__panels{gap:var(--space-4);grid-template-columns:2fr 1fr;align-items:start;display:grid}.jn-dashboard__panel{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--space-4)}.jn-dashboard__panel-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.jn-dashboard__panel-title{font-size:var(--font-size-h2);line-height:var(--line-height-h2);margin:0;font-weight:500}.jn-dashboard__table-wrap{overflow-x:auto}.jn-dashboard__table{border-collapse:collapse;width:100%;font-size:var(--font-size-tab);line-height:var(--line-height-tab)}.jn-dashboard__table th,.jn-dashboard__table td{padding:var(--space-3) var(--space-2);text-align:left;border-bottom:1px solid var(--color-border-default)}.jn-dashboard__table th{color:var(--color-text-secondary);font-weight:500}.jn-dashboard__alerts{margin:0 0 var(--space-4);padding-left:var(--space-5);color:var(--color-text-primary);gap:var(--space-3);flex-direction:column;display:flex}@media (width<=1100px){.jn-dashboard__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.jn-dashboard__panels{grid-template-columns:1fr}}@media (width<=640px){.jn-dashboard__metrics{grid-template-columns:1fr}}.jn-button{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;padding:0 var(--space-5);border:1px solid #0000;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.jn-button--auth{height:var(--control-height-auth);font-size:var(--font-size-h2);width:100%}.jn-button--app{height:var(--control-height-app);font-size:var(--font-size-body)}.jn-button--primary{background:var(--color-brand-primary);color:var(--color-text-on-brand)}.jn-button--primary:hover:not(:disabled){background:var(--color-brand-primary-hover)}.jn-button--secondary{background:var(--color-bg-surface);color:var(--color-brand-primary);border-color:var(--color-brand-primary)}.jn-button--ghost{color:var(--color-brand-primary);background:0 0}.jn-button:disabled{opacity:.55;cursor:not-allowed}.jn-label{font-family:var(--font-sans);font-size:var(--font-size-label);line-height:var(--line-height-label);color:var(--color-text-secondary)}.jn-helper-text{font-family:var(--font-sans);font-size:var(--font-size-label);line-height:var(--line-height-label);color:var(--color-text-secondary);margin:0}.jn-error-text{font-family:var(--font-sans);font-size:var(--font-size-label);line-height:var(--line-height-label);color:var(--color-danger);margin:0}.jn-input{width:100%;font-family:var(--font-sans);font-size:var(--font-size-label);line-height:var(--line-height-label);color:var(--color-text-primary);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-input);padding:15px}.jn-input::placeholder{color:var(--color-text-secondary)}.jn-input:focus{outline:2px solid var(--color-brand-primary);outline-offset:1px}.jn-input--invalid{border-color:var(--color-danger)}.jn-form-field{gap:var(--space-2);flex-direction:column;display:flex}.jn-login-card{background:var(--color-bg-surface);border-radius:var(--radius-lg);width:100%;max-width:548px;box-shadow:var(--shadow-auth-card);padding:var(--space-6)}.jn-login-card__logo{margin-bottom:var(--space-5);justify-content:center;display:flex}.jn-login-card__eyebrow{margin:0 0 var(--space-2);font-size:var(--font-size-h2);line-height:var(--line-height-h2);color:var(--color-text-secondary)}.jn-login-card__title{margin:0 0 var(--space-4);font-size:var(--font-size-display);line-height:var(--line-height-display);color:var(--color-brand-primary);font-weight:500}.jn-login-card__tabs{gap:var(--space-4);width:100%;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-default);margin-bottom:var(--space-4);display:flex}.jn-login-card__tab{font-size:var(--font-size-tab);line-height:var(--line-height-tab);color:var(--color-text-secondary)}.jn-login-card__tab--active{color:var(--color-brand-primary);font-weight:500}.jn-login-card__hint{margin:0 0 var(--space-5);font-size:var(--font-size-tab);line-height:var(--line-height-tab);color:var(--color-text-secondary)}.jn-login-card__form{gap:var(--space-4);flex-direction:column;display:flex}