:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#211c32;background:#f7f8fc;font-synthesis:none;--paper:#fff;--line:#e8e7f0;--muted:#635e75;--purple:#5b3cc4;--soft:#eee8fd;--radius:17px}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9274f1;outline-offset:3px}h1,h2,h3,p{margin:0}button i,i[data-icon]{display:inline-flex;flex:none}i svg{width:19px;height:19px;display:block}button{color:inherit}fieldset{margin:0;padding:0;border:0;min-width:0}.hide{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--paper);border-right:1px solid var(--line);position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:27px 17px 22px}.brand{display:inline-flex;align-items:center;align-self:flex-start;gap:9px;background:none;border:0;padding:0 8px;font-size:25px;letter-spacing:-1.1px;font-weight:850}.brand span{margin-left:-9px;color:var(--purple)}.nav-caption{color:var(--muted);font-size:10px;letter-spacing:.11em;font-weight:750;margin:55px 10px 12px}.sidebar nav{display:grid;gap:5px}.tab{display:flex;align-items:center;gap:11px;min-height:46px;border:0;border-radius:11px;background:none;text-align:left;padding:0 12px;color:var(--muted);font-weight:650;font-size:14px}.tab:hover,.tab.active{background:#f0ebff;color:#4d30b2}.side-foot{margin-top:auto;display:flex;align-items:center;gap:10px;padding:13px 11px;border-radius:12px;background:#f7f7fb;color:var(--muted);font-size:12px}.side-foot i{color:var(--purple)}.side-foot b,.side-foot small{display:block}.side-foot small{margin-top:3px}
.workspace{min-width:0}.topbar{height:69px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);background:#fff;padding:0 clamp(20px,4vw,54px)}.mobile-brand{display:none}.breadcrumb{color:var(--muted);font-size:13px}.breadcrumb span{margin:0 8px;color:#8c859c}.breadcrumb b{color:#211c32}.local-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #e4eee8;background:#f5faf7;border-radius:100px;font-size:11px;font-weight:750;color:#285a49;white-space:nowrap}.local-pill span{width:7px;height:7px;background:#399574;border-radius:50%}
.main{max-width:1180px;margin:auto;padding:31px clamp(20px,4vw,54px) 22px}.page-heading{margin-bottom:24px}.eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.14em;font-weight:850;color:#6547c0}.eyebrow i svg,.hero-label i svg{width:15px;height:15px}.page-heading h1{font-size:clamp(29px,4.1vw,41px);letter-spacing:-.045em;line-height:1.09;margin:8px 0 7px}.page-heading p,.panel-heading p{font-size:14px;color:var(--muted);line-height:1.55}.heading-actions{display:flex;justify-content:space-between;align-items:end;gap:16px}.hero{position:relative;display:flex;align-items:center;min-height:256px;overflow:hidden;border-radius:21px;background:linear-gradient(110deg,#2c1b59,#47307e 62%,#5e3ea4);color:#fff}.hero-content{position:relative;z-index:1;padding:26px 34px;max-width:60%}.hero-label{display:inline-flex;align-items:center;gap:7px;color:#eee6ff;font-size:10px;letter-spacing:.12em;font-weight:800}.hero h2{font-size:clamp(28px,4vw,45px);line-height:1.04;letter-spacing:-.05em;margin:10px 0 9px}.hero p{color:#e8defe;line-height:1.5;font-size:14px;max-width:330px}.hero .primary{margin-top:18px;background:#fff;color:#39246e}.hero .primary:hover{background:#eee8ff}.hero-art{position:absolute;right:2%;height:100%;width:46%;object-fit:contain;pointer-events:none}
.primary,.secondary,.danger,.text-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:750;text-align:center}.primary{background:var(--purple);color:#fff;border:1px solid transparent}.primary:hover{background:#4b2eaf}.secondary{background:#fff;border:1px solid #dad6e8;color:#352650}.secondary:hover{background:#f7f3ff}.danger{border:1px solid #eed4dc;background:#fff0f3;color:#8a2340}.text-button{border:0;background:none;color:#583bb5;padding:4px 0}.text-button:hover{text-decoration:underline}.text-button i svg{width:16px;height:16px}
.section-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:23px 0 10px;min-height:27px}.section-title h2,.panel h2{font-size:18px;letter-spacing:-.025em}.section-title>span{font-size:12px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat,.panel,.mode-link,.ship,.empty{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.stat{padding:14px 16px;display:grid;justify-items:start;gap:4px}.icon-tile{display:inline-grid;place-items:center;flex:none;width:37px;height:37px;border-radius:11px;font-size:13px;font-weight:850}.violet{background:#eee8ff;color:#6444c8}.mint{background:#e1f5ee;color:#26775f}.amber{background:#fff1d9;color:#825310}.stat strong{font-size:26px;letter-spacing:-.04em;line-height:1.2}.stat>span:last-child{font-size:13px;color:var(--muted)}.mode-grid,.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.mode-link{width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:12px}.mode-link:hover,.ship:hover{border-color:#c7b8f3}.mode-link b,.mode-link small{display:block}.mode-link small{margin-top:3px;color:var(--muted);font-size:12px}.mode-link>i,.ship>i{margin-left:auto;color:var(--purple)}
.mode-switch{display:flex;gap:4px;width:min(100%,310px);padding:4px;background:#ebe8f4;border-radius:13px;margin-bottom:16px}.typecard{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;background:none;border:1px solid transparent;border-radius:10px;min-height:44px;color:var(--muted);font-weight:750}.typecard.active{color:#4e31b0;background:#fff;border-color:#e4ddf5;box-shadow:0 1px 3px #2c1b5912}.panel{padding:18px;min-width:0}.panel-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px}.panel-heading p{font-size:13px;margin-top:3px}label{display:block;font-size:13px;font-weight:720;margin:12px 0 6px}.required{color:var(--purple)}input,select,textarea{width:100%;min-width:0;border:1px solid #dcd8e8;background:#fcfbfe;color:#211c32;border-radius:10px;padding:10px 11px;min-height:44px;font-size:16px}input::placeholder,textarea::placeholder{color:#777186}textarea{resize:vertical}.order-field,.fields{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.save-empty{margin-top:5px}.camera{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;background:#211936;border-radius:13px;color:#f3eaff}.camera video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.cam-placeholder{z-index:1;display:grid;justify-items:center;gap:9px;font-size:13px;color:#e4dbf5}.cam-placeholder span{border:1px solid #70618e;border-radius:13px;padding:9px;background:#3b2d56;display:flex}.live{position:absolute;top:10px;left:10px;background:#a61b3b;color:#fff;border-radius:6px;padding:6px 9px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.live span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#fff;margin-right:4px}.scan-overlay{position:absolute;inset:20%;border:2px solid #f1edff;border-radius:13px;display:grid;place-items:end center;padding:8px;color:white;font-size:12px;text-shadow:0 1px 3px #000}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.help{font-size:13px;color:var(--muted);line-height:1.55;margin-top:12px}.notice,.error-banner{display:flex;gap:10px;align-items:flex-start;margin-top:15px;padding:12px 14px;border:1px solid #e5def7;border-radius:13px;background:#f3effc;color:#514173;font-size:13px;line-height:1.5}.error-banner{background:#fff0f3;color:#8a2340;border-color:#eed4dc;margin:0 0 14px}
.archive-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:13px}.search{position:relative}.search i{position:absolute;left:12px;top:13px;color:var(--muted)}.search input{padding-left:38px}.archive-tools select{width:auto;max-width:100%}.shiplist{display:grid;gap:8px}.ship{display:flex;align-items:center;gap:11px;text-align:left;padding:12px;width:100%;min-width:0}.ship .identity{min-width:0;flex:1;overflow-wrap:anywhere}.ship b,.ship small{display:block}.ship small{color:var(--muted);margin-top:4px;font-size:12px}.badge{display:inline-flex;align-items:center;white-space:nowrap;gap:5px;border-radius:100px;background:#e6f5ef;color:#20634d;padding:5px 8px;font-size:11px;font-weight:800}.badge.pending{background:#fff2da;color:#764d16}.empty{text-align:center;padding:23px 14px;color:var(--muted);font-size:14px}.empty .icon-tile{margin-bottom:8px}.empty h3{font-size:16px;color:#211c32;margin-bottom:3px}.details-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.details-grid>div{display:grid;align-content:start;gap:12px}.details-video{display:block;background:#211936;width:100%;max-height:440px;border-radius:12px}.detail-meta{display:grid;gap:9px;margin:13px 0 0}.detail-meta div{display:grid;grid-template-columns:minmax(85px,1fr) minmax(0,2fr);gap:10px;font-size:13px;border-top:1px solid var(--line);padding-top:8px}.detail-meta dt{color:var(--muted)}.detail-meta dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.timeline{padding:0;list-style:none;margin:12px 0 0;display:grid;gap:10px}.timeline li{border-left:2px solid #cdbcf7;padding-left:10px;font-size:13px;overflow-wrap:anywhere}.timeline time{display:block;color:var(--muted);margin-top:2px}.back{margin-bottom:8px}.detail-title{overflow-wrap:anywhere}.print-only{display:none}footer{color:var(--muted);font-size:12px;text-align:center;padding:26px 0 3px}footer span{padding:0 3px}.toast{position:fixed;z-index:10;bottom:21px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);padding:11px 16px;border-radius:11px;color:#fff;background:#30224b;font-size:14px;font-weight:670;box-shadow:0 9px 25px #31235142}
@media(max-width:800px){.shell{display:block}.sidebar{height:auto;position:fixed;inset:auto 0 0;z-index:5;padding:5px 8px max(6px,env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);box-shadow:0 -5px 22px #3123510b}.sidebar .brand,.nav-caption,.side-foot,.breadcrumb{display:none}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.tab{justify-content:center;flex-direction:column;gap:3px;padding:5px 1px;font-size:11px;min-height:47px}.mobile-brand{display:inline-flex;padding:0;align-self:center;font-size:23px}.topbar{height:60px;padding:0 16px}.main{padding:20px 16px calc(69px + env(safe-area-inset-bottom))}.toast{bottom:calc(65px + env(safe-area-inset-bottom))}}
@media(max-width:590px){.page-heading{margin-bottom:17px}.hero{min-height:207px;border-radius:17px}.hero-content{padding:19px 15px;max-width:79%}.hero h2{font-size:clamp(27px,8vw,35px)}.hero p{font-size:12px;max-width:185px}.hero-label{font-size:8px;letter-spacing:.09em}.hero .primary{margin-top:12px}.hero-art{width:53%;right:-6%;opacity:.86}.stats{gap:7px}.stat{padding:10px}.stat strong{font-size:22px}.stat>span:last-child{font-size:11px}.stat .icon-tile{width:31px;height:31px}.section-title h2{font-size:16px}.section-title>span{font-size:10px}.mode-grid{gap:7px}.mode-link{align-items:flex-start;padding:10px;gap:6px;flex-wrap:wrap}.mode-link>.icon-tile{width:29px;height:29px}.mode-link span:nth-child(2){order:2;width:100%}.mode-link b{font-size:13px}.mode-link small{font-size:11px}.columns,.details-grid{grid-template-columns:1fr}.panel{padding:14px}.heading-actions{align-items:flex-start;flex-direction:column;gap:10px}.archive-tools{grid-template-columns:minmax(0,1fr) minmax(98px,auto);gap:6px}.search input{font-size:16px}.ship{gap:7px;padding:9px}.ship .icon-tile{width:31px;height:31px}.ship .badge{font-size:10px}.details-grid .actions>*{flex-grow:1}.scan-button{padding-inline:9px}}
@media(max-width:355px){.section-title>span,.scan-button span{display:none}.hero-art{opacity:.61}.ship .badge{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{body{background:white}.shell,.details-grid{display:block}.main{max-width:none;padding:0}.sidebar,.topbar,footer,.toast,.back,.details-grid,.error-banner,#dashboard,#create,#archive,#details>.page-heading{display:none!important}.print-only{display:block}.print-only h1{font-size:26px}.print-only h2{margin-top:16px}.print-only .detail-meta div{break-inside:avoid}.print-only p{margin-top:12px}}
.cloud-account,.cloud-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}.cloud-account .help{margin-top:4px;overflow-wrap:anywhere}.cloud-row{padding:13px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.cloud-row .actions{margin:0}.cloud-row .identity{overflow-wrap:anywhere}.cloud-row small{display:block;color:var(--muted);margin-top:4px}.cloud-row button{min-height:44px}.cloud-active .sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}@media(min-width:801px){.cloud-active .sidebar nav{grid-template-columns:1fr}}@media print{#cloud{display:none!important}}

/* Plan and usage controls follow the existing Packro cards and navigation. */
[hidden]{display:none!important}
button.local-pill{min-height:38px}.capture-usage{margin:0 0 12px;color:var(--muted);font-size:13px}
.account-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px}.account-summary .actions{grid-column:1/-1;margin:0}
.account-summary .help{margin-top:5px}.account-summary strong{display:block;margin-top:4px;font-size:21px}
.account-summary progress{display:block;width:100%;height:10px;margin-top:6px;accent-color:var(--purple)}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.plan-card{display:flex;align-items:flex-start;flex-direction:column;gap:7px}
.plan-featured{border-color:#b9a5f1;background:#fbf9ff}.plan-label{font-size:12px;color:var(--muted);font-weight:700;overflow-wrap:anywhere}
.plan-price{font-size:clamp(21px,3vw,29px);letter-spacing:-.04em;font-weight:850}.plan-price small{font-size:13px;color:var(--muted);letter-spacing:0}
.plan-card ul{margin:4px 0 8px;padding-left:18px;font-size:13px;line-height:1.6;flex:1}.plan-card li+li{margin-top:3px}
.plan-card button{width:100%}.expired-list{margin-top:16px;color:var(--muted);font-size:13px}.expired-list .shiplist{margin-top:8px}
@media(max-width:800px){.sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr))}.cloud-active .sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:590px){.plan-grid,.account-summary{grid-template-columns:1fr}.plan-card{padding:16px}.plan-card ul{margin-bottom:6px}}
@media print{#account{display:none!important}}
#webPreview{margin:0 0 16px}
#webSignIn,#webSignOut{align-self:center;text-decoration:none}
.legal-copy h2{font-size:18px;margin:18px 0 7px}
.legal-copy h2:first-child{margin-top:0}
.legal-copy p,.legal-copy li{line-height:1.65;margin-bottom:9px}
.legal-copy+ p{margin-top:16px}
.auth-page{width:min(100%,530px);padding-top:max(28px,env(safe-area-inset-top))}
.auth-page .brand{display:inline-flex;text-decoration:none;margin-bottom:22px}
.auth-panel label{display:block;margin-bottom:13px}
.auth-panel input{font-size:16px}
#packroProfile{margin-top:16px}
#accountEraseForm input{max-width:340px}