.nt-app{--nt-red:#c82f32;--nt-dark:#20292e;--nt-muted:#637078;max-width:1000px;margin:30px auto 60px;padding:0 20px;color:var(--nt-dark);font:15px/1.6 system-ui,-apple-system,sans-serif}.nt-app *{box-sizing:border-box}.nt-app [hidden]{display:none!important}.nt-app h1,.nt-app h2,.nt-app h3,.nt-app p{margin:0}.nt-hero{padding:40px;border-radius:20px 20px 0 0;background:var(--nt-dark);border-top:5px solid var(--nt-red);color:#fff}.nt-eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:#ffb0b2}.nt-app h1{font:800 40px/1.15 system-ui;color:white;margin:12px 0 18px;letter-spacing:-1px}.nt-hero p{max-width:540px;color:#d7dfe3;font-size:17px}.nt-tag{display:inline-block;margin-top:24px;border:1px solid #5b666c;border-radius:30px;padding:6px 12px;font-size:12px;color:#e8eef1}.nt-body{background:#f6f7f7;border:1px solid #dfe3e5;border-top:0;border-radius:0 0 20px 20px;padding:30px}.nt-app h2{font:750 22px/1.3 system-ui;color:var(--nt-dark)}.nt-app h3{font:750 20px/1.3 system-ui;color:var(--nt-dark)}.nt-message{margin-bottom:20px;color:#58666e}.nt-message:empty{display:none}.nt-message.is-error{background:#fff0ed;color:#9b2a2d;padding:15px;border-radius:10px}.nt-login{background:white;padding:30px;border:1px solid #dce2e5;border-radius:14px}.nt-login p{margin:12px 0 20px;max-width:570px;color:var(--nt-muted)}.nt-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 20px;border-radius:9px;border:1px solid #cbd4d8;background:white;color:var(--nt-dark);font:700 14px system-ui;text-decoration:none;cursor:pointer}.nt-button:hover{background:#edf0f2}.nt-primary{background:var(--nt-red);border-color:var(--nt-red);color:white}.nt-primary:hover{background:#a8272a;color:white}.nt-button:disabled{opacity:.5;cursor:wait}.nt-app :focus-visible{outline:3px solid #327dae;outline-offset:3px}.nt-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.nt-toolbar small{display:block;color:var(--nt-muted);margin-top:5px}.nt-orders{display:grid;gap:18px}.nt-card{background:#fff;border:1px solid #dbe2e5;border-radius:15px;padding:25px}.nt-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.nt-badge{background:#f0f3f4;color:#52616a;border-radius:30px;padding:5px 12px;font-size:12px;font-weight:750}.nt-badge.running{color:#215d90;background:#e8f3ff}.nt-badge.delivered{color:#236638;background:#e6f4eb}.nt-badge.failed,.nt-badge.review,.nt-badge.cancelled{color:#964420;background:#fff1e7}.nt-card>p{color:var(--nt-muted);margin:14px 0}.nt-timeline{padding:0;margin:24px 0 10px;display:grid;grid-template-columns:repeat(4,1fr);list-style:none;gap:8px}.nt-timeline li{border-top:4px solid #e0e5e8;padding-top:10px;font-size:12px;color:#74818a}.nt-timeline li.is-done{border-color:var(--nt-red);color:var(--nt-dark);font-weight:700}.nt-ahead{border-left:4px solid var(--nt-red);padding:12px 16px;background:#fbf1f1;border-radius:5px;margin-top:20px}.nt-ahead strong{display:block;font-size:19px}.nt-ahead span{font-size:13px;color:#68747a}.nt-updated{display:block;color:var(--nt-muted);font-size:12px;margin-top:20px}.nt-empty{background:#fff;padding:35px 25px;border:1px dashed #ccd5da;border-radius:14px}.nt-empty p{margin-top:12px;color:var(--nt-muted)}.nt-pagination{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.nt-info{padding-top:30px;margin-top:30px;border-top:1px solid #d8dfe2}.nt-info h2{font-size:18px}.nt-info p,.nt-footer p{margin-top:10px;color:var(--nt-muted);font-size:13px}.nt-footer{margin-top:24px}.nt-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:14px}.nt-links a{color:var(--nt-red);font-size:13px;font-weight:700}@media(max-width:540px){.nt-app{margin:18px auto 40px;padding:0 12px}.nt-hero{padding:28px 22px}.nt-app h1{font-size:32px}.nt-hero p{font-size:15px}.nt-body{padding:20px 14px}.nt-card{padding:20px 15px}.nt-toolbar{align-items:flex-start}.nt-app h2{font-size:20px}.nt-timeline{gap:5px}.nt-timeline li{font-size:10px}.nt-card-head{flex-wrap:wrap}.nt-login{padding:22px}}

/* NLT customer tracking: photographic header and clear delivery stages. */
.nt-app{max-width:1200px;margin:32px auto 64px;--nt-red:#d73436;--nt-dark:#20292e;--nt-muted:#59676f}
.nt-hero{display:grid;grid-template-columns:1fr 1fr;padding:0;overflow:hidden;border-radius:22px;border-top:0;min-height:365px;box-shadow:0 12px 30px #17232b12}
.nt-hero-copy{padding:44px 38px;align-self:center;border-top:4px solid var(--nt-red);height:100%;display:flex;flex-direction:column;justify-content:center}
.nt-app h1{font-size:clamp(32px,3.6vw,47px);line-height:1.08;letter-spacing:-1.7px;margin:17px 0 20px}
.nt-app h1 span{color:#ffb9b9}.nt-hero p{font-size:16px;line-height:1.65;max-width:370px}.nt-eyebrow{font-size:11px;letter-spacing:2.4px}.nt-tag{align-self:flex-start;margin-top:26px;border:0;background:#ffffff0d;font-size:11px;padding:8px 12px;display:flex;gap:8px;align-items:center}.nt-tag span{color:#ff7474;font-size:9px}
.nt-hero-photo{position:relative;min-width:0;min-height:320px}.nt-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:55% center}.nt-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#101a26a6,transparent 45%)}.nt-photo-caption{position:absolute;bottom:25px;left:28px;z-index:1;color:white;font-size:10px;letter-spacing:2px;font-weight:700}
.nt-body{border:0;background:transparent;padding:30px 0 0}.nt-message{font-size:13px}.nt-toolbar{margin:0 0 22px}.nt-toolbar h2{font-size:26px;letter-spacing:-.7px}.nt-toolbar small{font-size:12px}.nt-button{border-radius:10px;box-shadow:0 2px 3px #17232b04}.nt-card{border-radius:16px;box-shadow:0 5px 16px #182a3406;padding:28px}.nt-empty{border:1px solid #e0e5e8;background:linear-gradient(125deg,#fff,#f4f6f7);padding:32px 34px;border-left:4px solid var(--nt-red)}.nt-empty h3{font-size:20px}.nt-empty p{max-width:730px;font-size:14px}.nt-login{padding:30px 34px;box-shadow:0 5px 20px #20292e06;border-left:4px solid var(--nt-red)}
.nt-info{padding:28px;border:1px solid #e0e5e8;background:#f4f6f7;border-radius:16px;margin-top:30px}.nt-section-label{font-size:10px;letter-spacing:2px;font-weight:800;color:#a82a2d}.nt-info-heading h2{font-size:23px;margin-top:6px;letter-spacing:-.5px}.nt-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;padding:0;margin:24px 0}.nt-guide li{display:flex;align-items:flex-start;gap:12px}.nt-step-number{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e6cbcc;border-radius:11px;color:#a82a2d;flex:0 0 40px;height:40px;font-size:12px;font-weight:800}.nt-guide h3{font-size:15px;margin:2px 0 7px}.nt-guide p{font-size:13px;margin:0;line-height:1.6}.nt-info .nt-info-note{border-top:1px solid #dce2e5;padding-top:17px;font-size:12px;line-height:1.7}.nt-footer{padding:0 3px;margin-top:20px}.nt-footer p{max-width:850px;font-size:12px}.nt-links{gap:18px;margin-top:12px}
@media(max-width:700px){.nt-app{padding:0 16px;margin:20px auto 40px}.nt-hero{grid-template-columns:1fr;border-radius:17px}.nt-hero-copy{padding:30px 26px}.nt-app h1{font-size:35px;letter-spacing:-1.2px}.nt-hero-photo{min-height:220px}.nt-hero-photo img{object-position:50% 43%}.nt-photo-caption{left:25px;bottom:19px}.nt-tag{margin-top:20px}.nt-body{padding:24px 0 0}.nt-toolbar h2{font-size:22px}.nt-toolbar{align-items:center;gap:10px}.nt-toolbar .nt-button{padding:10px 13px;font-size:12px}.nt-card{padding:22px 18px}.nt-empty,.nt-login{padding:25px 22px}.nt-info{padding:24px 22px}.nt-guide{grid-template-columns:1fr;gap:20px}.nt-info-heading h2{font-size:22px}.nt-guide h3{font-size:16px}.nt-hero p{font-size:15px}.nt-links{gap:14px}}
@media(prefers-reduced-motion:no-preference){.nt-button{transition:background .15s,border-color .15s}}
/* Selected design 2: compact delivery dashboard. */
.nt-hero{min-height:230px;background:#edf0f2;border-radius:16px;box-shadow:none}.nt-hero-copy{padding:28px 34px;border:0}.nt-eyebrow{color:#9c2429;font-size:10px}.nt-app h1{color:#1b242a;font-size:clamp(30px,3.2vw,42px);margin:9px 0 12px}.nt-app h1 span{color:var(--nt-red)}.nt-hero p{color:#42515b;font-size:16px}.nt-tag{background:transparent;color:#52616a;margin-top:18px;padding:0}.nt-hero-photo{min-height:230px}.nt-hero-photo img{object-position:50% 44%}.nt-hero-photo:after{background:linear-gradient(90deg,#edf0f2,transparent 35%)}.nt-photo-caption{display:none}.nt-body{padding-top:25px}.nt-toolbar h2{font-size:23px}.nt-card{padding:28px 30px;box-shadow:0 5px 22px #24323d07}.nt-card-head{align-items:center}.nt-card-head h3{font-size:25px}.nt-card>p{font-size:14px;margin:10px 0}.nt-badge{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:10px 15px;font-size:13px}.nt-badge:before{content:"";width:7px;height:7px;flex-shrink:0;border-radius:50%;background:currentColor}.nt-badge.running{background:#fff0f1;color:#b51f29}
.nt-timeline{grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:nt-step;gap:0;margin:30px 0 25px}.nt-timeline li{counter-increment:nt-step;position:relative;border:0;text-align:center;font-size:13px;font-weight:600;color:#77858e;padding:60px 8px 0;line-height:1.4}.nt-timeline li:before{content:counter(nt-step);position:absolute;z-index:1;top:0;left:calc(50% - 23px);width:46px;height:46px;border-radius:50%;background:#e9edf0;border:4px solid white;box-shadow:0 0 0 1px #e2e7eb;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:#75838c}.nt-timeline li:not(:last-child):after{content:"";position:absolute;top:21px;left:50%;width:100%;height:4px;background:#e1e6e9}.nt-timeline li.is-done:before{content:"✓";background:var(--nt-red);color:white;box-shadow:0 0 0 1px var(--nt-red)}.nt-timeline li.is-done:not([aria-current]):after{background:var(--nt-red)}.nt-timeline li[aria-current]{font-weight:800;color:#b51f29}.nt-timeline li[aria-current]:before{content:counter(nt-step);box-shadow:0 0 0 2px var(--nt-red)}
.nt-ahead{border:1px solid #f5d7da;background:#fff0f2;border-radius:12px;margin:22px 0 6px;padding:20px 22px}.nt-ahead strong{font-size:21px;line-height:1.3;color:#84232a}.nt-ahead span{display:block;margin-top:6px;color:#6f4c52;font-size:13px}.nt-card>.nt-button{margin-top:12px}.nt-card [aria-live]:not(:empty){margin-top:20px;background:#f5f7f8;border:1px solid #e0e6ea;border-radius:12px;padding:20px}.nt-card [aria-live] h4{margin:15px 0 8px;font-size:15px}.nt-card [aria-live] p{font-size:13px;color:var(--nt-muted);margin:5px 0}.nt-card [aria-live] img{border-radius:10px;margin:10px 0 16px}.nt-empty{background:#fff;border:1px solid #e0e6ea;border-radius:15px;box-shadow:0 5px 20px #24323d05}.nt-info{margin-top:25px;padding:24px 28px}.nt-info-heading h2{font-size:21px}.nt-guide h3{font-size:14px}.nt-guide p{font-size:12px}
@media(max-width:700px){.nt-hero{min-height:0}.nt-hero-copy{padding:25px 24px}.nt-app h1{font-size:33px;max-width:320px}.nt-hero p{font-size:14px}.nt-tag{font-size:10px;margin-top:15px}.nt-hero-photo{min-height:135px;max-height:135px}.nt-hero-photo img{object-position:50% 40%}.nt-hero-photo:after{background:linear-gradient(180deg,#edf0f2,transparent 40%)}.nt-body{padding-top:22px}.nt-toolbar h2{font-size:20px}.nt-toolbar small{font-size:11px}.nt-card{padding:22px 18px}.nt-card-head{align-items:flex-start;flex-wrap:wrap}.nt-card-head h3{font-size:22px}.nt-badge{font-size:12px;padding:7px 10px}.nt-card>p{font-size:13px}.nt-timeline{margin:25px -5px 22px}.nt-timeline li{font-size:10px;padding:47px 3px 0}.nt-timeline li:before{width:34px;height:34px;left:calc(50% - 17px);font-size:13px;border-width:3px}.nt-timeline li:not(:last-child):after{top:15px;height:3px}.nt-ahead{padding:16px}.nt-ahead strong{font-size:18px}.nt-ahead span{font-size:12px}.nt-empty{padding:24px}.nt-empty h3{font-size:18px}.nt-info{padding:22px}.nt-guide h3{font-size:15px}.nt-card [aria-live]:not(:empty){padding:14px}}