.npo{--np-ink:oklch(25% .055 275);--np-muted:oklch(46% .055 275);--np-light:oklch(99% .005 285);--np-glass:oklch(97% .015 290/.56);--np-border:oklch(100% 0 0/.48);--np-nav:oklch(35% .075 275/.84);--np-violet:oklch(61% .18 300);--np-teal:oklch(59% .12 185);--np-orange:oklch(72% .15 55);--np-blue:oklch(62% .18 255);--np-shadow:inset 0 1px 1px oklch(100% 0 0/.85),inset 0 -1px 0 oklch(50% .08 285/.18),0 12px 35px oklch(28% .09 275/.17);--primary:var(--np-violet);--primary-foreground:var(--np-light);--accent:oklch(90% .04 290);--accent-foreground:var(--np-ink);--border:oklch(85% .04 290);--background:var(--np-light);--foreground:var(--np-ink);--popover:var(--np-light);--popover-foreground:var(--np-ink);--ring:var(--np-violet);color:var(--np-ink);font-family:var(--font-sans);isolation:isolate;letter-spacing:0;background:oklch(80% .05 280);min-height:100svh;position:relative}.npo h1,.npo h2,.npo h3{font-family:var(--font-sans);letter-spacing:0}.np-back{background:var(--np-nav);height:32px;color:var(--np-light);justify-content:space-between;align-items:center;padding:0 20px;font-size:10px;display:flex}.np-back a{align-items:center;gap:6px;display:flex}.np-back svg{width:12px}.np-landscape{object-fit:cover;object-position:center top;z-index:-2;width:100%;height:calc(100% - 32px);position:absolute;inset:32px 0 0}.npo:after{content:"";z-index:-1;background:linear-gradient(oklch(55% .07 275/.12),oklch(86% .04 285/.8) 65%);position:absolute;inset:32px 0 0}.np-shell{grid-template-columns:186px minmax(0,1fr);min-height:calc(100svh - 32px);display:grid}.np-nav{background:var(--np-nav);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-right:1px solid var(--np-border);flex-direction:column;min-width:0;padding:24px 12px;display:flex}.np-logo{background:var(--np-glass);border-radius:8px;margin-bottom:28px;padding:10px}.np-logo img{width:100%;height:auto}.np-nav nav{gap:5px;display:grid}.np-nav nav button{color:var(--np-light);justify-content:start;gap:12px;height:40px;padding:0 12px;font-size:12px;font-weight:400}.np-nav nav button.active{border:1px solid var(--np-border);background:oklch(80% .06 290/.4)}.np-nav svg{width:18px}.np-nav-note{color:var(--np-light);margin-top:auto;padding:30px 12px 10px;font-size:13px;line-height:1.7}.np-nav-note>svg{width:40px;height:40px;margin-bottom:16px}.np-main{min-width:0;padding:18px 22px 24px}.np-toolbar{align-items:center;gap:12px;margin-bottom:26px;display:flex}.np-search{background:var(--np-glass);border:1px solid var(--np-border);border-radius:24px;flex:1;align-items:center;gap:10px;min-width:0;max-width:470px;padding:9px 16px;display:flex}.np-search svg{flex-shrink:0;width:16px}.np-search input{background:0 0;outline:0;width:100%;min-width:0;font-size:11px}.np-toolbar>button{color:var(--np-ink)}.np-org{background:var(--np-glass);border:1px solid var(--np-border);border-radius:24px;align-items:center;gap:8px;margin-left:auto;padding:8px 14px;font-size:10px;display:flex}.np-org svg{color:var(--np-violet);width:24px;height:24px}.np-org small{color:var(--np-muted);font-size:9px;display:block}.np-greeting{color:var(--np-light);text-shadow:0 2px 12px oklch(20% .04 275/.6);min-height:142px;padding:2px 0 24px}.np-greeting h1{font-size:28px;font-weight:600;line-height:1.25}.np-greeting p{margin-top:12px;font-size:13px}.np-greeting small{font-size:11px}.np-body{grid-template-columns:minmax(0,1fr) 230px;gap:16px;display:grid}.np-center{min-width:0}.np-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.np-metrics article{background:var(--np-glass);border:1px solid var(--np-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;align-items:center;gap:10px;min-width:0;padding:15px 12px;display:flex}.np-tone{--tone:var(--np-teal)}.np-tone-1{--tone:var(--np-violet)}.np-tone-2{--tone:var(--np-orange)}.np-tone-3{--tone:var(--np-blue)}.np-icon{background:color-mix(in oklab,var(--tone) 20%,var(--np-light));width:40px;height:44px;color:var(--tone);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.np-icon svg{width:21px}.np-metrics strong{font-size:23px;font-weight:500;line-height:1}.np-metrics p{margin:4px 0;font-size:9px}.np-metrics small{color:var(--tone);font-size:9px}.np-panels{grid-template-columns:1.35fr 1fr;gap:14px;display:grid}.np-panel{background:var(--np-glass);border:1px solid var(--np-border);box-shadow:var(--np-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:8px;min-width:0;padding:16px}.np-panel header{justify-content:space-between;align-items:start;gap:8px;margin-bottom:14px;display:flex}.np-panel h2{font-size:13px;font-weight:600}.np-panel header p{color:var(--np-muted);margin-top:4px;font-size:10px}.np-panel button{color:var(--np-ink);font-size:10px}.np-panel header button{height:auto;padding:0}.np-panel select{background:var(--np-light);max-width:110px;color:var(--np-muted);border-radius:16px;padding:5px;font-size:9px}.np-pulse-grid{grid-template-columns:1fr minmax(110px,1.7fr) 1fr;align-items:center;gap:12px;min-height:194px;display:grid}.np-pulse-grid>div:not(.np-pulse-scene){gap:30px;display:grid}.np-pulse-grid button{text-align:left;white-space:normal;justify-content:start;gap:4px;height:auto;padding:8px;display:grid}.np-pulse-grid b{font-size:12px}.np-pulse-grid span{color:var(--np-muted);font-size:10px}.np-pulse-symbol{opacity:.85;width:100%;height:auto}.np-priority{border-bottom:1px solid var(--np-border);align-items:center;gap:8px;padding:10px 0;display:flex}.np-priority .np-icon{border-radius:5px;width:28px;height:28px}.np-priority .np-icon svg{width:15px}.np-priority>button{white-space:normal;text-align:left;flex:1;height:auto;padding:0;display:block}.np-priority strong{font-size:10px;display:block}.np-priority small{color:var(--np-muted);font-size:9px}.np-priority label{align-items:center;gap:6px;font-size:10px;display:flex}.np-lower{grid-template-columns:1.2fr 1.1fr .9fr;gap:14px;margin-top:14px;display:grid}.np-activity{text-align:left;white-space:normal;gap:8px;width:100%;display:flex;justify-content:start!important;height:auto!important;padding:9px 0!important}.np-activity strong{font-size:10px;font-weight:500;display:block}.np-activity small{color:var(--np-muted);font-size:9px}.np-activity .np-icon{width:24px;height:26px}.np-activity .np-icon svg{width:14px}.np-funding-bars{border-bottom:1px solid var(--np-border);justify-content:center;align-items:center;gap:0;height:100px;padding:0 4px;display:flex}.np-funding-bars meter{appearance:none;transform-origin:50%;width:100px;height:24px;transform:rotate(-90deg)}.np-funding-bars meter::-webkit-meter-bar{background:0 0;border:0}.np-funding-bars meter::-webkit-meter-optimum-value{background:linear-gradient(var(--tone),color-mix(in oklab,var(--tone) 20%,var(--np-light)));border-radius:4px}.np-funding-bars meter::-moz-meter-bar{background:var(--tone)}.np-funding-total{margin-top:8px;font-size:23px}.np-funding-legend{color:var(--np-muted);flex-wrap:wrap;gap:8px;margin-top:8px;font-size:9px;display:flex}.np-tools{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 4px;display:grid}.np-tools button{white-space:normal;flex-direction:column;gap:5px;height:auto;padding:0;font-size:9px;display:flex}.np-side{align-content:start;gap:14px;display:grid}.np-side-message{color:var(--np-light);border:1px solid var(--np-border);background:oklch(73% .08 295/.7);border-radius:8px;min-height:105px;padding:20px;font-size:20px;line-height:1.3}.np-calendar header{align-items:center}.np-calendar header strong{font-size:11px}.np-calendar header div{gap:4px;display:flex}.np-calendar header button{background:var(--np-light);border-radius:50%;width:24px;height:24px}.np-calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:3px;font-size:9px;display:grid}.np-calendar-grid>span{color:var(--np-muted);padding-bottom:8px}.np-calendar-grid button{border-radius:50%;width:100%;height:25px;padding:0;font-size:9px}.np-calendar-grid button.selected{background:var(--np-ink);color:var(--np-light)}.np-date-label{color:var(--np-muted);margin-top:10px;font-size:9px}.np-side .np-activity{align-items:center}.np-event-date{background:var(--np-light);text-align:center;border-radius:4px;min-width:32px;padding:5px;font-size:14px}.np-signature{text-align:right;color:var(--np-light);font-family:var(--font-display);text-shadow:0 2px 8px var(--np-nav);padding:8px 12px;font-size:23px;font-style:italic}.np-notice{margin-bottom:12px}.np-module{margin-top:24px}.np-module>header{align-items:center}.np-module h1{font-size:26px;font-weight:600}.np-filters{flex-wrap:wrap;gap:6px;margin:20px 0;display:flex}.np-filters button.active{background:var(--np-violet);color:var(--np-light)}.np-record{text-align:left;border-bottom:1px solid var(--np-border);grid-template-columns:minmax(0,1fr) 90px 100px 18px;gap:14px;width:100%;white-space:normal!important;justify-content:stretch!important;height:auto!important;padding:15px 0!important;display:grid!important}.np-record strong{font-size:13px;display:block}.np-record small{color:var(--np-muted);margin-top:4px;font-size:11px;display:block}.np-record em{font-size:10px;font-style:normal}.np-record b{font-size:11px}.np-record svg{width:16px}.np-dialog{background:var(--np-light);max-height:90svh;position:fixed;overflow:auto;min-height:0!important}.np-dialog form{gap:14px;display:grid}.np-dialog h2{font-size:22px}.np-dialog label{gap:6px;font-size:12px;display:grid}.np-dialog input,.np-dialog select,.np-dialog textarea{border:1px solid var(--border);background:var(--np-light);border-radius:5px;width:100%;padding:10px}.np-dialog footer{justify-content:end;gap:8px;display:flex}.npo.demo-embedded{min-height:0}.npo.demo-embedded .np-landscape{height:100%;inset:0}.npo.demo-embedded .np-shell{min-height:780px}@media (width>=1500px){.np-main{padding:24px 34px}.np-body{grid-template-columns:minmax(0,1fr) 270px}.np-greeting{min-height:190px}.np-panel{padding:20px}}@media (width<=1100px){.np-shell{grid-template-columns:155px minmax(0,1fr)}.np-body{grid-template-columns:1fr}.np-side{grid-template-columns:1fr 1fr}.np-side-message,.np-signature{display:none}.np-main{padding:18px}.np-metrics article{gap:6px;padding:12px 8px}.np-metrics .np-icon{width:30px;height:36px}.np-org{max-width:210px}.np-lower{grid-template-columns:1fr 1fr}.np-lower>section:last-child{grid-column:span 2}.np-tools{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=700px){.np-shell{grid-template-columns:1fr}.np-nav{padding:12px;display:block}.np-logo{width:156px;margin-bottom:10px;padding:5px 8px}.np-nav nav{display:flex;overflow:auto}.np-nav nav button{flex-shrink:0;height:34px;padding:0 10px}.np-nav-note{display:none}.np-toolbar{gap:6px;margin-bottom:18px}.np-org{display:none}.np-main{padding:16px 12px}.np-greeting h1{font-size:25px}.np-greeting{min-height:150px}.np-metrics{grid-template-columns:1fr 1fr}.np-metrics article{padding:14px}.np-panels,.np-lower,.np-side{grid-template-columns:1fr}.np-lower>section:last-child{grid-column:auto}.np-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.np-record{grid-template-columns:minmax(0,1fr) 70px 16px;gap:8px}.np-record>b{grid-area:2/2}.np-record>span{grid-row:1/3}.np-record>svg{grid-area:1/3/3}.np-search{padding:9px 12px}.np-back{padding:0 12px}.np-back>span{font-size:9px}.np-dialog{padding:20px}}.npo{--np-crystal:oklch(79% .085 295);--np-rose:oklch(74% .19 355);--np-clear:oklch(100% 0 0/.04);--np-edge:oklch(100% 0 0/.65);--np-depth:oklch(34% .1 285/.28);--np-glint:oklch(100% 0 0/.92);--np-overlay:linear-gradient(180deg,oklch(55% .05 275/.04),oklch(86% .04 285/.36));--np-optical:linear-gradient(130deg,oklch(100% 0 0/.65),oklch(94% .03 285/.42) 55%,oklch(92% .05 290/.65));--np-icon-shadow:0 5px 0 color-mix(in oklab,var(--tone) 70%,var(--np-ink)),0 9px 14px color-mix(in oklab,var(--tone) 35%,transparent),inset 0 1px 2px var(--np-glint);--np-arch-shadow:inset 1px 1px 2px var(--np-edge),0 20px 32px var(--np-depth)}.npo:not(.np-dialog):after{background:var(--np-overlay)}.np-landscape{object-position:75% top;animation:1.5s ease-out both np-coast-in}.np-nav{background:linear-gradient(140deg,var(--np-nav),color-mix(in oklab,var(--np-nav) 65%,transparent));box-shadow:inset -1px 0 0 var(--np-edge),8px 0 32px var(--np-depth)}.np-logo{background:var(--np-optical);box-shadow:var(--np-shadow)}.np-main{z-index:2;position:relative}.np-greeting{max-width:62%;min-height:172px;padding-top:8px}.np-greeting h1{font-size:30px;font-weight:500}.np-panel,.np-metrics article{background:var(--np-optical);box-shadow:var(--np-shadow);-webkit-backdrop-filter:blur(12px)saturate(130%);backdrop-filter:blur(12px)saturate(130%);border-color:var(--np-edge);transition:box-shadow .3s,background .3s;animation:.65s ease-out both np-rise}.np-metrics article:nth-child(2){animation-delay:60ms}.np-metrics article:nth-child(3){animation-delay:.12s}.np-metrics article:nth-child(4){animation-delay:.18s}.np-metrics article{background:linear-gradient(130deg,color-mix(in oklab,var(--tone) 23%,var(--np-glass)),var(--np-glass));min-height:102px;padding:18px 12px}.np-metrics strong{font-size:28px}.np-metrics p{font-size:10px}.np-metrics small{font-size:9px}.np-icon{background:linear-gradient(135deg,color-mix(in oklab,var(--tone) 70%,var(--np-light)),var(--tone));color:var(--np-light);box-shadow:var(--np-icon-shadow);border:1px solid color-mix(in oklab,var(--tone) 35%,var(--np-light));isolation:isolate;transition:transform .3s;position:relative;transform:perspective(140px)rotateY(-9deg)rotateX(7deg)}.np-icon:after{content:"";border-top:1px solid var(--np-edge);border-radius:inherit;pointer-events:none;position:absolute;inset:2px}.np-tools button:hover .np-icon{transform:perspective(140px)rotateY(9deg)rotateX(-7deg)translateY(-3px)}.np-priority .np-icon,.np-activity .np-icon{box-shadow:inset 0 1px 1px var(--np-glint),0 3px 0 color-mix(in oklab,var(--tone) 60%,var(--np-ink)),0 5px 9px var(--np-depth)}.np-pulse-grid{gap:0;min-height:250px}.np-pulse-scene{align-self:center;min-width:0;height:250px;position:relative}.np-crystal{isolation:isolate;width:100%;height:100%;position:relative}.np-crystal canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}.np-crystal-fallback{background:radial-gradient(circle at 30% 25%,var(--np-glint),var(--np-crystal) 40%,var(--np-blue) 70%,var(--np-violet));box-shadow:inset -6px -8px 16px var(--np-depth),0 16px 22px var(--np-depth);border-radius:50%;position:absolute;inset:25%}.np-crystal[data-rendered=true] .np-crystal-fallback{display:none}.np-crystal-hero{z-index:1;width:205px;height:205px;filter:drop-shadow(0 16px 12px var(--np-depth));pointer-events:auto;position:absolute;top:68px;right:19%}.np-side-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--np-arch-shadow);border-color:var(--np-edge);background:linear-gradient(135deg,oklch(75% .08 290/.5),oklch(70% .1 280/.28));min-height:122px;padding:24px 20px;font-size:23px;position:relative}.np-panel header h2{font-size:14px}.np-panel select{box-shadow:inset 0 1px 0 var(--np-glint),0 2px 5px var(--np-depth);border:1px solid var(--np-border)}.np-tools{gap:20px 7px;padding:6px 0}.np-tools .np-icon{width:38px;height:40px}.np-priority{padding:11px 0}.np-panels>section:first-child{background:linear-gradient(145deg,oklch(95% .045 235/.68),oklch(96% .055 320/.65))}.np-calendar-grid button.selected{box-shadow:0 4px 8px var(--np-depth),inset 0 1px 0 var(--np-edge)}.np-nav nav button.active{box-shadow:inset 0 1px 1px var(--np-edge),0 4px 10px var(--np-depth)}.np-event-date{box-shadow:inset 0 1px 0 var(--np-glint),0 3px 8px var(--np-depth)}.np-funding-bars{justify-content:space-around;gap:10px;padding:0 10px}.np-funding-bars meter{border-radius:5px;flex:1;width:22px;min-width:0;height:96px;animation:.9s ease-out both np-rise;transform:none}.np-funding-bars meter::-webkit-meter-bar{border-radius:5px;height:100%}.np-funding-bars meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,color-mix(in oklab,var(--tone) 55%,var(--np-light)),var(--tone));box-shadow:inset 1px 1px 2px var(--np-glint),3px 3px 0 color-mix(in oklab,var(--tone) 65%,var(--np-ink));border-radius:5px;position:absolute;bottom:0;width:100%!important;height:var(--funding-height,50%)!important}@keyframes np-rise{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@keyframes np-coast-in{0%{opacity:.6}to{opacity:1}}@media (hover:hover){.np-metrics article:hover{box-shadow:var(--np-shadow),0 18px 30px var(--np-depth)}.np-record:hover,.np-activity:hover{background:var(--np-clear)}}@media (width<=1100px){.np-crystal-hero{width:170px;height:170px;top:72px;right:6%}.np-greeting{max-width:70%}.np-metrics article{min-height:100px;padding:12px}.np-metrics strong{font-size:24px}}@media (width<=700px){.np-greeting{max-width:100%;min-height:200px;padding-top:8px}.np-greeting h1{max-width:280px;font-size:26px}.np-greeting p{max-width:240px}.np-crystal-hero{opacity:.85;width:105px;height:105px;top:270px;right:0}.np-pulse-grid{grid-template-columns:1fr minmax(125px,1.7fr) 1fr;min-height:240px}.np-pulse-scene{height:230px}.np-pulse-grid button{padding:4px}.np-pulse-grid b{font-size:11px}.np-metrics article{min-height:100px;padding:14px}.np-metrics .np-icon{width:37px;height:44px}.np-panel{padding:16px}.np-panel header h2{font-size:14px}}@media (prefers-reduced-motion:reduce){.npo *{transition:none!important;animation:none!important}}.np-funding-column{perspective:120px;flex:1;align-items:end;max-width:32px;height:96px;display:flex}.np-funding-column>span{background:linear-gradient(90deg,color-mix(in oklab,var(--tone) 55%,var(--np-light)),var(--tone));width:100%;min-height:6px;box-shadow:inset 1px 1px 2px var(--np-glint),4px 2px 0 color-mix(in oklab,var(--tone) 65%,var(--np-ink));transform-origin:bottom;border-radius:4px 4px 0 0;animation:.7s ease-out both np-rise;display:block;transform:rotateY(-8deg)}.np-funding-bars{align-items:end}.npo.demo-embedded .np-landscape{animation:none}.npo.demo-embedded:after{inset:0}.npo.demo-embedded .np-crystal-hero{top:55px}.np-funding-bars .np-funding-column{flex:1;align-items:flex-end;width:28px;height:96px;display:flex}.np-funding-column>[role=meter]{height:auto;min-height:6px}