.nova-panel-demo{display:grid;grid-template-columns:140px minmax(0,1fr);width:100%;min-width:0;background:#101416;border:1px solid #394449;border-radius:8px;overflow:hidden;color:#f5f7f8;font-size:11px;text-align:left;box-shadow:0 16px 40px #0003}
.nova-panel-demo *{box-sizing:border-box;letter-spacing:0}
.nova-panel-demo .np-sidebar{display:flex;flex-direction:column;gap:6px;padding:18px 10px;background:#171d20;border-right:1px solid #344045}
.np-brand{display:flex;align-items:center;gap:7px;margin-bottom:18px}
.np-brand img{width:26px;height:26px;object-fit:contain}
.np-brand strong{font-size:13px}
.np-sidebar>small{margin:9px 8px 5px;color:#a0adb3;font-size:8px;text-transform:uppercase}
.np-sidebar>span{display:flex;align-items:center;gap:9px;min-height:29px;padding:7px 8px;color:#bac7ce;border-radius:4px;font-size:10px}
.np-sidebar i{width:14px;font-style:normal;text-align:center;color:#a0b1b8;font-size:14px;background:none;border:0}
.np-sidebar .np-active{background:#303b40;color:#fff}
.np-workspace{min-width:0}
.np-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;border-bottom:1px solid #344045;color:#96a8b0;font-size:9px}
.np-search{padding:5px 7px;border:1px solid #394449;border-radius:4px;white-space:nowrap}
.np-search kbd{margin-left:10px;color:#8c9da5;font:inherit}
.np-content{padding:18px 15px}
.np-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.np-heading>div{min-width:0}
.np-heading small{display:block;color:#9dafb7;font-size:8px;text-transform:uppercase}
.np-heading strong{display:block;font-size:24px;line-height:1.3;margin-top:4px}
.np-heading p{margin:4px 0 0;color:#a4b7c0;font-size:10px;line-height:1.4}
.np-create{padding:8px 10px;background:#f1f5f6;color:#11181c;border-radius:4px;font-size:9px;font-weight:700;white-space:nowrap}
.np-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #344045;border-radius:6px;overflow:hidden;margin-bottom:19px}
.np-summary>div{display:flex;flex-direction:column;gap:5px;padding:12px;background:#1b2327;min-width:0}
.np-summary>div:nth-child(odd){border-right:1px solid #344045}
.np-summary>div:nth-child(-n+2){border-bottom:1px solid #344045}
.np-summary span{color:#a9bbc3;font-size:9px}
.np-summary strong{font-size:21px;line-height:1.2;color:#f5f7f8}
.np-summary strong.np-date{font-size:16px}
.np-summary small{color:#a9bbc3;font-size:9px}
.np-summary>div:first-child small{color:#67e8dd}
.np-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.np-section-head strong{font-size:13px}
.np-section-head>span{font-size:9px;color:#9fc2ce}
.np-filters{display:flex;gap:5px;padding:8px;border:1px solid #344045;background:#1b2327;border-radius:5px 5px 0 0}
.np-filters span{padding:5px 7px;color:#adbdc5;font-size:9px;border-radius:3px}
.np-filters .np-selected{background:#344349;color:#fff}
.np-server{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #344045;border-top:0;padding:10px;background:#171e21}
.np-server:last-child{border-radius:0 0 5px 5px}
.np-server strong{display:block;font-size:10px;overflow-wrap:anywhere}
.np-server small{display:block;font-size:8px;color:#9eb2bd;margin-top:4px;line-height:1.4}
.np-status{padding:4px 6px;border:1px solid #327451;background:#19372b;color:#71efab;border-radius:4px;font-size:8px}
.np-footer{display:flex;justify-content:space-between;gap:10px;margin-top:15px;color:#d6e1e5;font-size:10px}
.np-footer small{color:#90a1aa;font-size:8px}
@media(max-width:600px){.nova-panel-demo{grid-template-columns:1fr}.nova-panel-demo .np-sidebar{display:none}.np-content{padding:16px 12px}.np-topbar{padding:10px 12px}.np-search kbd{display:none}.np-heading strong{font-size:22px}.np-create{padding:7px 8px}.np-server{padding:10px 8px}}