@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";:root{--bg:#FFFFFF;--bg-2:#F7F8FA;--bg-3:#EEF0F4;--line:rgba(14,16,21,.07);--line-2:rgba(14,16,21,.14);--txt:#0E1015;--txt-dim:#5B6270;--txt-faint:#9AA0AC;--accent:#EB0D0C;--accent-soft:rgba(235,13,12,.1);--accent-softer:rgba(235,13,12,.055);--ink:#0B0C10;--good:#1D7A4C;--good-soft:rgba(29,122,76,.12);--info:#1D4ED8;--warn:#B45309;--shadow-sm:0 1px 2px rgba(14,16,21,.05);--shadow:0 1px 2px rgba(14,16,21,.04),0 10px 26px -20px rgba(14,16,21,.28);--sans:"Roboto", Calibri, sans-serif;--mono:"Roboto", Calibri, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--txt);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}.field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(120% 70% at 70% 0%,#000 0%,transparent 60%);mask-image:radial-gradient(120% 70% at 70% 0%,#000 0%,transparent 60%)}.glow{position:fixed;top:-320px;right:-160px;width:760px;height:760px;z-index:0;background:radial-gradient(circle,rgba(235,13,12,.13),transparent 62%);filter:blur(30px);pointer-events:none}.wrap{position:relative;z-index:1;max-width:1160px;margin:0 auto;padding:0 40px}.topbar{position:relative;z-index:2;border-bottom:1px solid var(--line);background:#ffffffb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}nav{max-width:1160px;margin:0 auto;padding:20px 40px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand img{height:30px;width:auto;display:block}.brand .tag{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);padding-left:12px;border-left:1px solid var(--line-2)}.navlinks{display:flex;align-items:center;gap:34px}.navlinks a{font-size:14px;font-weight:500;color:var(--txt-dim);text-decoration:none;transition:color .2s}.navlinks a:hover{color:var(--txt)}.navlinks .cart{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border:1px solid var(--line-2);border-radius:100px;color:var(--txt)}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:72px 0 96px}.kick{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:10px;margin-bottom:26px}.kick:before{content:"";width:26px;height:1px;background:var(--accent)}h1{font-size:60px;font-weight:700;line-height:1.03;letter-spacing:-.02em;margin-bottom:22px}h1 em{font-style:normal;color:var(--txt-dim)}.lead{font-size:17px;color:var(--txt-dim);margin-bottom:34px}.toggle{display:inline-flex;border:1px solid var(--line-2);border-radius:100px;padding:4px;margin-bottom:26px}.toggle button{font-family:var(--sans);font-size:13px;letter-spacing:.02em;color:var(--txt-dim);background:none;border:0;padding:9px 18px;border-radius:100px;cursor:pointer;transition:.2s}.toggle button.on{background:var(--accent);color:#fff}.price-line{display:flex;align-items:baseline;gap:14px;margin-bottom:28px}.price-line .amt{font-size:34px;font-weight:700;letter-spacing:-.01em}.price-line .per{font-size:13px;color:var(--txt-faint)}.cta{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:#fff;border:0;font-family:var(--sans);font-size:15px;font-weight:500;padding:15px 26px;border-radius:8px;cursor:pointer;transition:.25s}.cta:hover{gap:18px;transform:translateY(-1px)}.cta.ghost{background:transparent;color:var(--txt);border:1px solid var(--line-2);margin-left:12px}.cta.ghost:hover{border-color:var(--txt)}.stage{position:relative;display:flex;justify-content:center}.halo{position:absolute;width:380px;height:380px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--accent-soft),transparent 62%);filter:blur(20px)}.cover{position:relative;width:330px;aspect-ratio:3/4;background:linear-gradient(160deg,#171922,#0a0b0f);border-radius:6px;padding:30px 28px;display:flex;flex-direction:column;color:#f3f4f7;box-shadow:0 40px 80px -30px #0e101573,0 8px 24px -12px #0e10154d;animation:float 7s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.cover .scan{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);top:0;animation:scan 4.5s linear infinite;opacity:.8}@keyframes scan{0%{top:2%}to{top:98%}}.c-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.04em;color:#f3f4f780}.c-mast{font-size:30px;font-weight:700;letter-spacing:.01em;line-height:1;margin-top:18px}.c-mast span{color:var(--accent)}.c-line{margin-top:auto;font-size:24px;font-weight:500;line-height:1.15}.c-line b{color:#f69291;font-weight:500}.c-foot{margin-top:20px;padding-top:16px;border-top:1px solid rgba(243,244,247,.16);display:flex;justify-content:space-between;font-size:11px;letter-spacing:.04em;color:#f3f4f7a6}.trust{padding:8px 0 100px}.trust .statement{font-size:42px;font-weight:700;letter-spacing:-.02em;line-height:1.07;margin-bottom:18px}.trust .statement b{color:var(--accent);font-weight:700}.trust .subline{font-size:16px;color:var(--txt-dim);margin-bottom:52px}.aud{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}.aud .col{padding:30px 28px;border-right:1px solid var(--line)}.aud .col:first-child{padding-left:0}.aud .col:last-child{border-right:0;padding-right:0}.aud .col h3{font-size:19px;font-weight:500;letter-spacing:-.01em;line-height:1.2;margin-bottom:10px}.aud .col p{font-size:14px;color:var(--txt-dim)}.trust .foot{margin-top:28px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-faint)}.shead{display:flex;align-items:baseline;gap:16px;margin:0 0 34px}.shead .idx{font-size:12px;letter-spacing:.08em;color:var(--accent)}.shead h2{font-size:28px;font-weight:500;letter-spacing:-.01em}.shead .sub{font-size:12px;letter-spacing:.04em;color:var(--txt-faint);margin-left:auto}.archive{padding:20px 0 100px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 20px}.ed{cursor:pointer}.ed .thumb{aspect-ratio:3/4;border-radius:5px;background:linear-gradient(160deg,#171922,#0a0b0f);padding:14px;display:flex;flex-direction:column;color:#f3f4f7;box-shadow:0 12px 24px -16px #0e101573;transition:.25s}.ed:hover .thumb{transform:translateY(-6px);box-shadow:0 22px 36px -18px #0e10158c}.ed .thumb .tmast{font-weight:700;font-size:12px;letter-spacing:.02em;line-height:1.1}.ed .thumb .tmast span{color:var(--accent)}.ed .thumb .tline{margin-top:auto;font-size:11px;color:#f3f4f7b8;line-height:1.25}.ed .meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:11px}.ed .meta .m1{font-size:11px;letter-spacing:.02em;color:var(--txt-faint)}.ed .meta .m2{font-size:13px;font-weight:500}.ed-all{aspect-ratio:3/4;border:1px dashed var(--line-2);border-radius:5px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.2s}.ed-all:hover{border-color:var(--accent)}.ed-all .a1{font-size:11px;letter-spacing:.04em;color:var(--txt-dim)}.ed-all .a2{font-size:14px;font-weight:500;margin-top:6px}.advertise{padding:20px 0 110px}.ad-top{margin-bottom:44px}.ad-eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:10px;margin-bottom:22px}.ad-eyebrow:before{content:"";width:26px;height:1px;background:var(--accent)}.advertise h2{font-size:46px;font-weight:700;letter-spacing:-.02em;line-height:1.05;margin-bottom:20px}.ad-sub{font-size:17px;color:var(--txt-dim);line-height:1.6;max-width:72ch}.ad-offer{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);margin-bottom:44px}.ad-offer .o{padding:26px 28px;border-right:1px solid var(--line)}.ad-offer .o:first-child{padding-left:0}.ad-offer .o:last-child{border-right:0;padding-right:0}.ad-offer .ok{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.ad-offer .o p{font-size:15px;line-height:1.4}.ad-form{border:1px solid var(--line-2);border-radius:16px;padding:38px 36px}.aform{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.aform .wide{grid-column:1 / -1}.ffield label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-dim);display:block;margin-bottom:10px}.ffield input,.ffield textarea{width:100%;border:0;border-bottom:1px solid var(--line-2);background:transparent;padding:8px 0;font-family:var(--sans);font-size:15px;color:var(--txt)}.ffield input:focus,.ffield textarea:focus{outline:none;border-bottom-color:var(--accent)}.ffield textarea{resize:vertical;min-height:64px}.ad-fbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:6px}.ad-fbar .form-note{font-size:12px;color:var(--txt-faint);margin:0}.ad-fbar .cta{margin:0}.site-footer{position:relative;z-index:1;background:var(--ink);color:#fff;margin-top:20px}.foot-inner{max-width:1160px;margin:0 auto;padding:66px 40px 40px;display:grid;grid-template-columns:1fr 1fr 1fr 1.1fr;gap:40px}.foot-col a{display:block;color:#ffffffd1;text-decoration:none;font-size:15px;padding:7px 0;transition:color .2s}.foot-col a:hover{color:#fff}.foot-col .fh{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;margin-bottom:12px}.apps{display:flex;flex-direction:column;gap:12px}.apps a{display:block}.apps img{height:46px;width:auto;display:block}.foot-bar{max-width:1160px;margin:0 auto;padding:24px 40px;border-top:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.foot-logo img{height:34px;width:auto;display:block}.foot-bar-right{display:flex;align-items:center;gap:22px}.foot-bar-right a{color:#ffffffd1;text-decoration:none;font-size:14px}.fdiv{width:1px;height:20px;background:#fff3}.socials{display:flex;gap:10px}.socials a{width:34px;height:34px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:#fff;text-decoration:none;transition:.2s}.socials a:hover{background:#fff3}.foot-copy{text-align:center;padding:20px 40px 46px;color:#ffffff80;font-size:13px}@media (max-width:900px){.wrap{padding:0 24px}nav{padding:18px 24px}.hero{grid-template-columns:1fr;gap:48px;padding:44px 0 60px}h1{font-size:44px}.navlinks a:not(.cart){display:none}.trust .statement{font-size:32px}.aud{grid-template-columns:1fr 1fr;column-gap:24px}.aud .col{border-right:0;padding:24px 0}.aud .col:nth-child(-n+2){border-bottom:1px solid var(--line)}.ad-top{grid-template-columns:1fr;gap:24px}.advertise h2{font-size:32px}.ad-offer{grid-template-columns:1fr}.ad-offer .o{border-right:0;border-bottom:1px solid var(--line);padding:22px 0}.ad-offer .o:last-child{border-bottom:0}.aform{grid-template-columns:1fr}.shead .sub{display:none}.stage{order:-1}.foot-inner{grid-template-columns:1fr 1fr;padding:48px 24px 32px}.foot-bar,.foot-copy{padding-left:24px;padding-right:24px}}@media (max-width:560px){.aud,.foot-inner{grid-template-columns:1fr}}.err{color:#c0342b}.ad-success{text-align:center;padding:20px 10px 6px}.ad-success .ok-mark{width:52px;height:52px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 18px}.ad-success h3{font-size:22px;font-weight:700;margin-bottom:8px}.ad-success p{color:var(--txt-dim);max-width:40ch;margin:0 auto 22px}.ad-success .cta{display:inline-flex}.cta:disabled{opacity:.6;cursor:default}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-2);padding:24px}.admin-login-card{width:100%;max-width:380px;background:var(--bg);border:1px solid var(--line-2);border-radius:16px;padding:38px 34px}.admin-logo{height:30px;width:auto;display:block;margin-bottom:26px}.admin-login-card h1{font-size:22px;font-weight:700;margin-bottom:22px}.admin-login-card label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-dim);display:block;margin-bottom:10px}.admin-login-card input{width:100%;border:1px solid var(--line-2);border-radius:8px;background:var(--bg);padding:12px 14px;font-family:var(--sans);font-size:15px;color:var(--txt);margin-bottom:16px}.admin-login-card input:focus{outline:none;border-color:var(--accent)}.admin-login-card .err{margin-bottom:14px;font-size:13px}.admin-login-card .cta{width:100%;justify-content:center}.admin{min-height:100vh;background:var(--bg-2);display:flex}.link-btn{background:none;border:0;color:var(--txt-dim);font-family:var(--sans);font-size:14px;font-weight:500;cursor:pointer}.link-btn:hover{color:var(--txt)}.admin-side{position:sticky;top:0;align-self:flex-start;height:100vh;width:250px;flex:0 0 250px;background:var(--bg);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 14px 14px}.admin-side .brand{display:flex;align-items:center;padding:2px 10px 16px;margin-bottom:14px;border-bottom:1px solid var(--line)}.admin-side .brand img{height:30px;width:auto;display:block}.admin-nav-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-faint);font-weight:700;padding:2px 12px 8px}.admin-nav{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;padding:0;margin:0;max-width:none}.admin-nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;border-radius:9px;padding:9px 12px;font-family:var(--sans);font-size:14px;font-weight:500;color:var(--txt-dim);cursor:pointer;transition:background .15s,color .15s;position:relative}.admin-nav button:hover{background:var(--bg-2);color:var(--txt)}.admin-nav button.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.admin-nav button.on:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--accent)}.admin-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.admin-nav .ico{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none;color:var(--txt-faint);transition:color .15s}.admin-nav button:hover .ico{color:var(--txt-dim)}.admin-nav button.on .ico{color:var(--accent)}.admin-nav .ico svg{width:18px;height:18px;display:block}.admin-account{margin-top:auto;display:flex;align-items:center;gap:11px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2)}.admin-account .avatar{width:34px;height:34px;border-radius:9px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;flex:none}.admin-account .who{display:flex;flex-direction:column;min-width:0;line-height:1.3}.admin-account .who b{font-size:13px;font-weight:600;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-account .who span{font-size:11.5px;color:var(--txt-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct-actions{margin-left:auto;flex:none;display:flex;gap:2px}.acct-icon{flex:none;display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:8px;background:transparent;color:var(--txt-faint);cursor:pointer;transition:background .15s,color .15s}.acct-icon:hover{background:var(--bg-3);color:var(--txt)}.acct-icon.on{color:var(--accent)}.acct-icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-card{max-width:440px;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:26px 28px;box-shadow:var(--shadow-sm)}.settings-card h2{font-size:17px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}.settings-lead{font-size:13.5px;color:var(--txt-dim);margin-bottom:22px;line-height:1.5}.settings-card form{display:flex;flex-direction:column;gap:16px}.settings-card label{display:flex;flex-direction:column;gap:8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-dim);font-weight:600}.settings-card input{border:1px solid var(--line-2);border-radius:9px;background:var(--bg);padding:11px 13px;font-family:var(--sans);font-size:15px;color:var(--txt);text-transform:none;letter-spacing:normal;font-weight:400}.settings-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.settings-card .cta{justify-content:center;margin-top:4px}.settings-ok{color:#1d7a4c;font-size:13.5px}.admin-content{flex:1;min-width:0;display:flex;flex-direction:column}.admin-topbar{background:var(--bg);border-bottom:1px solid var(--line);padding:18px 34px;display:flex;flex-direction:column;gap:3px}.admin-crumb{order:-1;font-size:11.5px;color:var(--txt-faint);letter-spacing:.01em}.admin-topbar h1{font-size:21px;font-weight:700;letter-spacing:-.015em}.admin-main{width:100%;max-width:1120px;margin:0 auto;padding:30px 34px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:28px}.admin-stats .stat{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow-sm);transition:box-shadow .18s,transform .18s}.admin-stats .stat:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.admin-stats .n{display:block;font-size:30px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.admin-stats .stat:first-child .n{color:var(--accent)}.admin-stats .l{display:block;font-size:12px;color:var(--txt-dim);margin-top:6px;font-weight:500}.admin-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px;padding:12px 14px;background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm)}.admin-filters input,.admin-filters select{height:40px;border:1px solid var(--line-2);border-radius:10px;background:var(--bg);padding:0 13px;font-family:var(--sans);font-size:14px;color:var(--txt);transition:border-color .15s,box-shadow .15s}.admin-filters input::placeholder{color:var(--txt-faint)}.admin-filters input:focus,.admin-filters select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.admin-filters input:not([type]){flex:1 1 260px;min-width:200px;padding-left:40px;background-repeat:no-repeat;background-position:14px center;background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA0AC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4-4'/%3E%3C/svg%3E")}.admin-filters select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:34px;background-repeat:no-repeat;background-position:right 11px center;background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA0AC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.admin-filters .range-select{min-width:150px}.admin-filters .link-btn{height:40px;padding:0 14px;border-radius:10px;color:var(--txt-dim);font-weight:500;transition:background .15s,color .15s}.admin-filters .link-btn:hover{background:var(--bg-2);color:var(--txt)}.admin-filters button.link-btn:first-of-type{margin-left:auto}.admin-table{background:var(--bg);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}.tr{display:grid;grid-template-columns:1.3fr .8fr 1.1fr 1.6fr 1.1fr .8fr;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line);font-size:14px;cursor:pointer;transition:background .12s}.tr:last-child{border-bottom:0}.tr.th{background:var(--bg-2);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--txt-faint);cursor:default;font-weight:600}.tr.is-new{background:var(--accent-softer)}.tr:hover:not(.th){background:var(--bg-2)}.tr .muted{color:var(--txt-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{justify-self:start;font-size:11px;letter-spacing:.03em;text-transform:capitalize;background:var(--accent-soft);color:var(--accent);padding:3px 10px;border-radius:100px;font-weight:600}.status{justify-self:start;font-size:11.5px;text-transform:capitalize;font-weight:600;padding:3px 11px;border-radius:100px;background:color-mix(in srgb,currentColor 13%,transparent);line-height:1.5}.s-new{color:var(--accent)}.s-read{color:var(--txt-dim)}.s-contacted{color:#1d7a4c}.s-archived{color:var(--txt-faint)}.s-open{color:var(--accent)}.s-responded{color:#1d7a4c}.s-selected{color:#b45309}.s-published{color:#1d4ed8}.s-spam{color:var(--txt-faint)}.empty{padding:40px;text-align:center;color:var(--txt-dim);font-size:14px}.tr-detail{padding:20px 24px 24px;background:var(--bg-2);border-bottom:1px solid var(--line)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:16px}.detail-grid b{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-faint);margin-bottom:4px;font-weight:500}.detail-grid span{font-size:14px}.detail-msg{font-size:14px;line-height:1.6;color:var(--txt);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin-bottom:16px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.detail-actions button{border:1px solid var(--line-2);background:var(--bg);border-radius:100px;padding:6px 14px;font-family:var(--sans);font-size:12px;text-transform:capitalize;color:var(--txt-dim);cursor:pointer;transition:.2s}.detail-actions button:hover{border-color:var(--txt);color:var(--txt)}.detail-actions button.on{background:var(--accent);border-color:var(--accent);color:#fff}.mailto{margin-left:auto;font-size:13px;color:var(--accent);text-decoration:none}.filter-inline{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;color:var(--txt-faint);text-transform:uppercase;letter-spacing:.07em;font-weight:600}.filter-inline input{text-transform:none;letter-spacing:normal;font-weight:400;color:var(--txt);min-width:132px}.filter-inline input::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer}.admin-summary-line{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px;font-size:14px;color:var(--txt-dim)}.admin-summary-line b{color:var(--txt);font-size:16px}.admin-table.pay .tr{grid-template-columns:1.3fr 1.1fr 1.6fr 1.1fr .9fr .9fr}.admin-table.months .tr{grid-template-columns:1fr 1fr 1fr 1fr;cursor:default}.admin-table.sub .tr{grid-template-columns:1.5fr 1fr 1.5fr .8fr 1fr .9fr}.pay-created{color:var(--txt-faint)}.pay-paid{color:#1d7a4c}.pay-failed{color:var(--accent)}.pay-cancelled{color:var(--txt-dim)}.pay-refunded{color:#b45309}.note-editor{margin-bottom:16px}.note-editor label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-faint);margin-bottom:6px;font-weight:500}.note-editor textarea{width:100%;border:1px solid var(--line-2);border-radius:8px;background:var(--bg);padding:10px 12px;font-family:var(--sans);font-size:14px;color:var(--txt);resize:vertical;min-height:52px}.note-editor textarea:focus{outline:none;border-color:var(--accent)}.note-bar{display:flex;align-items:center;gap:12px;margin-top:6px}.note-bar .link-btn:disabled{opacity:.5;cursor:default}.note-saved{font-size:12px;color:#1d7a4c}.sub-active{color:#1d7a4c}.sub-completed{color:var(--txt-dim)}.sub-cancelled{color:var(--accent)}.detail-actions button:disabled{opacity:.4;cursor:default}.tr.sel{background:var(--accent-softer);box-shadow:inset 3px 0 0 var(--accent)}.tr.sel:hover{background:var(--accent-softer)}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;visibility:hidden}.drawer.open{visibility:visible}.drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c0e146b;opacity:0;transition:opacity .28s ease}.drawer.open .drawer-scrim{opacity:1}.drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(560px,94vw);background:var(--bg);border-left:1px solid var(--line);box-shadow:-24px 0 60px -34px #0000008c;display:flex;flex-direction:column;transform:translate(102%);transition:transform .3s cubic-bezier(.32,.72,0,1)}.drawer.open .drawer-panel{transform:translate(0)}@media (prefers-reduced-motion:reduce){.drawer-scrim,.drawer-panel{transition:none}}.drawer-head{display:flex;align-items:flex-start;gap:14px;padding:20px 24px;border-bottom:1px solid var(--line)}.drawer-head-txt{flex:1;min-width:0}.drawer-sub{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-faint);font-weight:600;margin-bottom:5px}.drawer-head h2{font-size:19px;font-weight:700;letter-spacing:-.015em;line-height:1.25}.drawer-head .status{align-self:center;flex:none}.drawer-x{flex:none;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--txt-faint);cursor:pointer;transition:.15s}.drawer-x:hover{background:var(--bg-2);color:var(--txt)}.drawer-x:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.drawer-body{flex:1;overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:24px}.drawer-section{display:flex;flex-direction:column}.drawer-label{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--txt-faint);font-weight:700;margin-bottom:11px}.drawer-body .detail-grid,.drawer-body .detail-msg,.drawer-body .note-editor{margin-bottom:0}.mono-id{font-size:12.5px;word-break:break-all}.drawer-amount{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2)}.drawer-amount strong{font-size:26px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.drawer-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 24px;border-top:1px solid var(--line);background:var(--bg-2)}.drawer-meta{font-size:12.5px;color:var(--txt-dim);font-variant-numeric:tabular-nums}.drawer-select{width:100%;max-width:300px;border:1px solid var(--line-2);border-radius:9px;background:var(--bg);padding:11px 38px 11px 14px;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--txt);cursor:pointer;text-transform:capitalize;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239AA0AC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.drawer-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.drawer-select option{color:var(--txt);font-weight:500}.status-picker{display:flex;gap:8px;flex-wrap:wrap}.status-picker button{border:1px solid var(--line-2);background:var(--bg);border-radius:100px;padding:7px 15px;font-family:var(--sans);font-size:12.5px;font-weight:500;text-transform:capitalize;color:var(--txt-dim);cursor:pointer;transition:.15s}.status-picker button:hover:not(:disabled){border-color:var(--txt-dim);color:var(--txt)}.status-picker button.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.status-picker button:disabled{opacity:.45;cursor:default}.sub-progress{display:flex;align-items:center;gap:12px;margin-bottom:14px}.sub-progress-bar{flex:1;height:8px;border-radius:100px;background:var(--bg-3);overflow:hidden;max-width:240px}.sub-progress-bar i{display:block;height:100%;background:var(--good);border-radius:100px;transition:width .3s ease}.sub-progress-txt{font-size:13px;color:var(--txt-dim);font-variant-numeric:tabular-nums}.sub-progress-txt b{color:var(--txt);font-weight:700}@media (max-width:820px){.tr,.admin-table.pay .tr,.admin-table.sub .tr,.admin-table.months .tr{grid-template-columns:1fr 1fr;gap:6px 12px}.tr.th{display:none}.tr .muted:last-of-type{display:none}.admin-main{padding:20px}.admin{flex-direction:column}.admin-side{position:static;height:auto;width:100%;flex-basis:auto;flex-direction:row;align-items:center;gap:6px;padding:8px 12px;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto}.admin-side .brand,.admin-nav-label{display:none}.admin-nav{flex-direction:row;gap:2px;flex:1}.admin-nav button{white-space:nowrap;padding:9px 12px}.admin-nav button.on:before{display:none}.admin-nav .ico{display:none}.admin-account{margin-top:0;flex:0 0 auto;border:0;background:none;padding:4px;gap:0}.admin-account .avatar,.admin-account .who{display:none}.admin-topbar{padding:14px 20px}}