@font-face{font-family:'Outfit';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/outfit-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Outfit';font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/outfit-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--ink:#2B1B12;--ink2:#7A665A;--ink3:#A8978B;--line:#F1E7DB;--bg:#FFF8EF;--card:#fff;--or:#FF8A3D;--or2:#A3501B;--orl:#FFF1E2;--tq:#18A999;--tq2:#0B6F66;--tql:#E6F6F3;--tqb:#C4E9E2;--red:#D2452F;--sand:#F3EBE0;
--font:'Outfit',system-ui,-apple-system,'Segoe UI',Roboto,'Noto Sans Thai','Thonburi','Noto Sans Khmer','Khmer Sangam MN',sans-serif;
--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);
/* pasek nisko: na iPhonie (PWA) zachodzi na strefę paska domowego, zostawiając mu odstęp */
--nav-b:max(10px,calc(var(--safe-b) - 10px))}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.35;min-height:100vh;min-height:100dvh;overscroll-behavior-y:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select{font:inherit;color:inherit}
.i{flex:none;display:block}
[hidden]{display:none!important}

/* ---------- shell ---------- */
.app{min-height:100vh;min-height:100dvh}
.side{display:none}
.main{padding:calc(14px + var(--safe-t)) 18px calc(100px + var(--nav-b));display:flex;flex-direction:column;gap:14px;max-width:560px;margin:0 auto}
.top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.kicker{font-size:13px;font-weight:600;color:var(--ink2)}
h1{font-size:26px;line-height:1.12;margin-top:3px;font-weight:800;letter-spacing:-.01em}
.amp{color:var(--or)}
.sync{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:7px 11px;border-radius:99px;white-space:nowrap;margin-top:2px;background:#E0F4F2;color:var(--tq2)}
.sync.off,.sync.err{background:#FFE9D6;color:var(--or2)}
.sync.busy{background:var(--sand);color:var(--ink2)}

/* ---------- nav (mobile) ---------- */
.nav{position:fixed;left:12px;right:12px;bottom:var(--nav-b);height:76px;border-radius:28px;display:flex;align-items:center;justify-content:space-around;background:#fff;box-shadow:0 8px 28px rgba(43,27,18,.14);z-index:20;max-width:536px;margin:0 auto}
.ni{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--ink3);width:64px;text-decoration:none}
.ni span{font-size:12px;font-weight:700}
.ni.on{color:var(--or)}
.fab{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--or);color:#fff;box-shadow:0 6px 14px rgba(255,138,61,.4)}
.fab:active{transform:scale(.96)}

/* ---------- karty ---------- */
.card{background:var(--card);border-radius:22px;padding:16px;box-shadow:0 2px 12px rgba(43,27,18,.05)}
.card-h{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:800;margin-bottom:8px;gap:8px}
.muted{color:var(--ink2);font-weight:600;font-size:13.5px}
.ok{color:var(--tq2);font-size:13.5px;display:flex;gap:5px;align-items:center}

.hero{position:relative;border-radius:26px;padding:18px 20px 16px;background:#fff;box-shadow:0 4px 18px rgba(43,27,18,.07);border-top:6px solid #FFB23F}
.tuk{position:absolute;right:18px;top:18px;width:80px;height:47px;color:#FFB23F}
.hero-label{font-size:14px;font-weight:600;color:var(--ink2)}
.hero-big{font-size:46px;font-weight:800;line-height:1.05;margin-top:4px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.hero-big small{font-size:22px;font-weight:700}
.hero-big.neg{color:var(--red)}
.bar{height:10px;border-radius:99px;margin-top:14px;display:flex;overflow:hidden;background:var(--sand)}
.bar i,.bar b{display:block;height:100%}.bar i{background:var(--or)}.bar b{background:var(--tq)}
.legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;font-weight:600;margin-top:10px}
.legend em{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px}
.d1{background:var(--or)}.d2{background:var(--tq)}
.setup{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-weight:700;color:var(--or2);background:var(--orl);padding:9px 12px;border-radius:12px;font-size:14px}

.today{border-radius:22px;padding:14px 18px;background:var(--tql);border:1.5px solid var(--tqb)}
.today-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.today .lab{font-size:13px;font-weight:700;color:var(--tq2)}
.today .val{font-size:30px;font-weight:800;color:var(--tq2);letter-spacing:-.01em;line-height:1.15;font-variant-numeric:tabular-nums}
.today-r{text-align:right;font-size:13.5px;font-weight:600;color:var(--tq2);line-height:1.5;white-space:nowrap}
.tbar{height:6px;border-radius:99px;background:var(--tqb);margin-top:10px;overflow:hidden}.tbar i{display:block;height:100%;background:var(--tq)}
.tsub{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:600;color:#3F7F77;margin-top:6px}
.today.over{background:#FDECEA;border-color:#F6C9C1}
.today.over .lab,.today.over .val,.today.over .today-r{color:var(--red)}
.today.over .tbar{background:#F6C9C1}.today.over .tbar i{background:var(--red)}
.today.over .tsub{color:#A5402F}

.rates,.filters{display:flex;gap:8px;flex-wrap:wrap}
.chip{font-size:12.5px;font-weight:700;padding:7px 11px;border-radius:99px;white-space:nowrap;background:#FFEBD6;color:var(--or2)}
.filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -18px;padding:0 18px}
.filters::-webkit-scrollbar{display:none}
.filters .chip{flex:none;display:flex;align-items:center;gap:6px;background:#fff;color:var(--ink2);font-size:13.5px;padding:9px 14px;border:1px solid var(--line)}
.filters .chip span{color:var(--ink)}
.filters .chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.filters .chip.on span{color:#fff}

/* ---------- lista ---------- */
.list{background:#fff;border-radius:24px;padding:14px 16px 8px;box-shadow:0 2px 12px rgba(43,27,18,.05)}
.list-h{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:800;margin-bottom:4px}
.list-h a{font-size:13.5px;font-weight:700;color:var(--or);text-decoration:none}
.row{display:flex;align-items:center;gap:12px;padding:9px 0;width:100%;text-align:left}
.row:active{opacity:.6}
.ic{width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex:none}
.ic.sm{width:28px;height:28px;border-radius:9px}
.c-food{background:#FFEEDD;color:#E2701F}.c-bed{background:#E7EEFB;color:#3D63C9}.c-car{background:#DFF4F1;color:#108C7F}
.c-fun{background:#FCE6EC;color:#CC3D63}.c-shop{background:#FFF3D1;color:#B07A00}.c-other{background:#EFEAE4;color:#6E5D52}
.f-food{background:#FF8A3D}.f-bed{background:#5B7FE0}.f-car{background:#18A999}.f-fun{background:#E25A7E}.f-shop{background:#E7AE1F}.f-other{background:#9C8A7E}
.mid{flex:1;min-width:0}
.t{font-size:15px;font-weight:700;display:flex;align-items:center;gap:6px;min-width:0}
.t .tt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s{font-size:12.5px;color:var(--ink2);margin-top:2px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s .plan{color:var(--tq2);font-weight:700}
.badge{flex:none;font-size:11px;font-weight:800;padding:2px 7px;border-radius:6px;background:#E0F4F2;color:var(--tq2)}
.badge.wait{background:#FFE9D6;color:var(--or2)}
.amt{text-align:right;white-space:nowrap}
.pln{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
.orig{font-size:12.5px;color:var(--ink2);margin-top:2px;font-weight:500}
.dcols{display:none}
.day{display:flex;justify-content:space-between;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--or2);padding:12px 0 2px;border-top:1px solid var(--line)}
.day:first-child{border-top:none;padding-top:2px}
.empty{text-align:center;color:var(--ink2);padding:26px 10px;font-weight:600}
.empty b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}

/* ---------- statystyki ---------- */
.chart{position:relative;height:190px;display:flex;align-items:flex-end;gap:8px;padding-top:20px;overflow-x:auto;scrollbar-width:none}
.chart::-webkit-scrollbar{display:none}
.col{flex:1 0 34px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%}
.cb{width:100%;background:#FFD7B8;border-radius:10px 10px 6px 6px;min-height:3px}
.col.over .cb{background:var(--or)}.col.now .cb{background:var(--tq)}
.cv{font-size:12px;font-weight:800;white-space:nowrap}.cd{font-size:12px;font-weight:700;color:var(--ink2);height:18px;white-space:nowrap}
.limit{position:absolute;left:0;right:0;border-top:2px dashed var(--tq2);pointer-events:none}
.limit span{position:absolute;right:0;top:4px;font-size:11.5px;font-weight:800;color:var(--tq2);background:rgba(255,255,255,.9);padding:0 4px;border-radius:4px}
.note{font-size:13px;color:var(--ink2);margin-top:10px;font-weight:600;display:flex;gap:6px;align-items:center}
.sbar{margin-top:10px}.sb-h{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.sb-n{flex:1}.sb-v{display:flex;gap:8px;align-items:baseline}.sb-v em{font-style:normal;color:var(--ink2);font-size:12.5px;width:34px;text-align:right}
.sb-t{height:7px;background:var(--sand);border-radius:99px;margin-top:6px;overflow:hidden}.sb-t i{display:block;height:100%;border-radius:99px}
.split{display:flex;gap:12px}.split>div{flex:1}
.lab{font-size:13px;font-weight:700;color:var(--ink2);display:flex;gap:6px;align-items:center}.big{font-size:22px;font-weight:800;margin-top:2px}
.ksub{font-size:13px;color:var(--ink2);font-weight:600;margin-top:2px}
.kpi4{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* ---------- ustawienia ---------- */
.srow{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:15px;padding:11px 0;border-bottom:1px solid var(--line)}
.srow:last-of-type{border-bottom:none}
.srow>span{color:var(--ink2);font-weight:600}
.srow input{border:1.5px solid var(--line);background:var(--bg);border-radius:12px;padding:9px 11px;font-weight:700;width:170px;text-align:right;outline:none}
.srow input:focus{border-color:var(--or);box-shadow:0 0 0 3px rgba(255,138,61,.15)}
.hint{font-size:13px;color:var(--ink2);margin-top:10px;line-height:1.45;font-weight:500}.hint.center{text-align:center}
.btn{display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:700;padding:11px 8px;border-radius:12px;background:#fff;color:var(--tq2);white-space:nowrap;flex:1}
.btn.wide{width:100%;margin-top:12px;background:var(--orl);color:var(--or2);padding:12px}
.btn.plain{background:var(--sand);color:var(--ink)}
.btn.dark{background:var(--ink);color:#fff}
.btn:disabled{opacity:.5}

/* ---------- formularz (sheet) ---------- */
.sheet-wrap{position:fixed;inset:0;z-index:50;display:flex;align-items:stretch;justify-content:center}
.overlay{position:absolute;inset:0;background:rgba(43,27,18,.45);animation:fade .18s ease}
.sheet{position:relative;background:var(--bg);width:100%;max-width:560px;overflow-y:auto;padding:calc(10px + var(--safe-t)) 18px calc(20px + var(--safe-b));display:flex;flex-direction:column;gap:12px;animation:up .22s cubic-bezier(.2,.8,.2,1)}
@keyframes up{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
@keyframes fade{from{opacity:0}to{opacity:1}}
.sh{display:flex;justify-content:space-between;align-items:center;margin-top:4px}
.x{width:42px;height:42px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--ink);box-shadow:0 2px 8px rgba(43,27,18,.07)}
.x.ghost{background:transparent;box-shadow:none;pointer-events:none}.x.red{color:var(--red)}
.x.red.confirm{width:auto;padding:0 14px;background:var(--red);color:#fff;font-weight:800;font-size:14px;gap:6px}
.sh-t{font-size:18px;font-weight:800}
.amount{text-align:center;padding:4px 0 0}
.amt-in{display:flex;justify-content:center;align-items:baseline;gap:6px}
.amt-in input{font-size:56px;font-weight:800;letter-spacing:-.03em;line-height:1.05;border:0;background:transparent;text-align:center;width:2ch;min-width:1.6ch;max-width:280px;outline:none;color:var(--ink);font-variant-numeric:tabular-nums}
.amt-in input::placeholder{color:#E3D5C6}
.amt-cur{font-size:32px;font-weight:800;color:var(--or)}
.amt-pln{font-size:16px;font-weight:700;color:var(--tq2);margin-top:6px;min-height:22px}.amt-pln span{color:var(--ink2);font-weight:600;font-size:14px}
.seg{display:flex;background:var(--sand);border-radius:16px;padding:4px;gap:4px}
.seg>button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:700;padding:11px 4px;border-radius:12px;color:var(--ink2);white-space:nowrap;min-width:0}
.seg>button.on{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(43,27,18,.1)}
.label{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);margin-bottom:-4px}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cat{background:#fff;border-radius:16px;padding:10px 6px 9px;display:flex;flex-direction:column;align-items:center;gap:6px;border:2px solid transparent}
.cat .ic{width:38px;height:38px}
.cat.on{border-color:var(--or);background:#FFF6EE}
.cn{font-size:12.5px;font-weight:700;text-align:center}
.fields{background:#fff;border-radius:18px;padding:0 14px}
.field{display:flex;align-items:center;gap:10px;padding:4px 0;min-height:52px;font-size:15px;border-bottom:1px solid var(--line);color:var(--ink2)}
.field:last-child{border-bottom:none}
.field .fl{font-weight:600;flex:none}
.field input{flex:1;min-width:0;border:0;background:transparent;text-align:right;font-weight:700;color:var(--ink);outline:none;padding:10px 0}
.field input::placeholder{color:#B9A99D;font-weight:500}
.field input[type=date]{-webkit-appearance:none;appearance:none;min-height:40px}
.ratebox{background:var(--tql);border:1.5px solid var(--tqb);border-radius:20px;padding:14px 16px}
.rb-h{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--tq2)}
.rb-src{color:#3F7F77;font-weight:600}
.rb-v{font-size:21px;font-weight:600;margin:6px 0 12px;color:var(--tq2)}
.rb-v input{width:130px;font-size:20px;font-weight:700;border:1.5px solid var(--tqb);border-radius:10px;padding:4px 8px;background:#fff;color:var(--tq2);outline:none}
.rb-btns{display:flex;gap:8px}
.cta{background:var(--or);color:#fff;text-align:center;font-size:17px;font-weight:800;padding:18px;border-radius:20px;box-shadow:0 8px 18px rgba(255,138,61,.4);display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:auto}
.cta:disabled{opacity:.45;box-shadow:none}
.err-msg{color:var(--red);font-weight:700;font-size:14px;text-align:center}

/* ---------- login ---------- */
.login{max-width:440px;margin:0 auto;padding:0 20px calc(30px + var(--safe-b));display:flex;flex-direction:column;gap:12px;min-height:100vh;min-height:100dvh}
.lg-art{position:relative;height:290px;margin:0 -20px 8px;background:linear-gradient(180deg,#FFE0BF,var(--bg));overflow:hidden}
.lg-art .sun{position:absolute;width:150px;height:150px;border-radius:50%;background:linear-gradient(180deg,#FFB23F,var(--or));left:50%;margin-left:-45px;top:64px}
.lg-art .sea{position:absolute;left:0;right:0;bottom:0;height:70px;background:var(--tq);border-radius:50% 50% 0 0/22px 22px 0 0}
.lg-art .tuk{width:150px;height:88px;right:auto;left:50%;margin-left:-150px;top:auto;bottom:52px;color:var(--ink);z-index:2}
.lg-h{text-align:center;font-size:30px}.lg-sub{text-align:center;color:var(--ink2);font-weight:600;font-size:15px;margin-top:-6px;margin-bottom:14px}
.inp-l{font-size:14px;font-weight:700;margin-bottom:-4px}
.inp{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid var(--line);border-radius:18px;padding:0 8px 0 16px;height:60px;color:var(--ink2);transition:border-color .15s,box-shadow .15s}
.inp:focus-within{border-color:var(--or);box-shadow:0 0 0 4px rgba(255,138,61,.15)}
.inp input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:19px;font-weight:700;color:var(--ink)}
.inp button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--ink2)}
.login .cta{margin-top:8px}

.toast{position:fixed;left:50%;bottom:calc(90px + var(--nav-b));transform:translateX(-50%);background:var(--ink);color:#fff;font-weight:700;font-size:14px;padding:12px 18px;border-radius:14px;z-index:60;box-shadow:0 8px 24px rgba(0,0,0,.2);animation:up .2s ease;white-space:nowrap}

.desk-only{display:none}
.dgrid,.dleft,.kpis,.drow2,.set3{display:flex;flex-direction:column;gap:14px}
.two2{display:flex;flex-direction:column;gap:8px}
.list>.desk-only{display:none}

/* ---------- desktop ---------- */
@media (min-width:1024px){
  body{font-size:15px}
  .app{display:flex;min-height:100vh}
  .nav{display:none}
  .side{display:flex;position:sticky;top:0;height:100vh;width:240px;flex:none;background:#fff;padding:28px 16px 20px;flex-direction:column;gap:4px;border-right:1px solid var(--line)}
  .brand{display:flex;align-items:center;gap:12px;margin:0 6px 28px}
  .logo{width:44px;height:44px;border-radius:14px;background:var(--orl);display:flex;align-items:center;justify-content:center}
  .logo .tuk{position:static;width:30px;height:18px;color:var(--or)}
  .brand b{display:block;font-size:19px;font-weight:800}.brand span{font-size:13px;color:var(--ink2);font-weight:600}
  .sn{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;padding:12px 14px;border-radius:14px;color:var(--ink2);text-decoration:none}
  .sn:hover{background:#FFF8F1}
  .sn.on{background:var(--orl);color:var(--or2)}
  .side-sp{flex:1}
  .side .sync{margin:0;padding:12px 14px;border-radius:14px;font-size:13px}
  .main{max-width:none;flex:1;padding:28px 32px 32px;gap:22px;min-width:0}
  .desk-only{display:block}
  .dtop-r.desk-only{display:flex}
  .drow.desk-only{display:grid}
  .list>.mob-only{display:none!important}
  .list>.desk-only{display:block}
  .mob-only{display:none!important}
  .dtop{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
  .dtop h1{font-size:32px}
  .dtop-r{display:flex;align-items:center;gap:14px}
  .cta.small{margin:0;width:auto;font-size:15px;padding:13px 20px;border-radius:16px}
  .top .sync{display:none}
  .dgrid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:22px;align-items:start}
  .dgrid.wide{grid-template-columns:minmax(0,1fr)}
  .dleft{display:flex;flex-direction:column;gap:22px;min-width:0}
  .kpis{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}
  .kpis .today{display:flex;flex-direction:column;justify-content:center;padding:18px 22px}
  .kpis .today .val{font-size:40px}
  .drow{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
  .drow2{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;align-items:start}
  .drow2 .chart{height:360px;gap:16px}
  .kpi4{grid-template-columns:repeat(4,1fr);gap:22px}
  .k .big{font-size:28px}
  .set3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
  .filters{margin:0;padding:0;flex-wrap:wrap}
  .list{padding:18px 20px}
  .list.table .row{display:grid;grid-template-columns:40px minmax(0,1.6fr) minmax(0,1fr) 110px 120px 120px;gap:14px;padding:8px 10px;margin:0 -10px;border-radius:14px}
  .list.table .row:hover{background:#FFF8F1}
  .list.table .dcols{display:contents}
  .list.table .dc{font-size:14px;font-weight:600;color:var(--ink2);display:flex;gap:6px;align-items:center;min-width:0}
  .list.table .s{display:none}
  .list.table .amt .orig{display:none}
  .list.table .dc.r{justify-content:flex-end}
  .thead{display:grid;grid-template-columns:40px minmax(0,1.6fr) minmax(0,1fr) 110px 120px 120px;gap:14px;font-size:12.5px;font-weight:700;color:var(--ink2);padding:6px 0 10px;text-transform:uppercase;letter-spacing:.04em}
  .thead .r{text-align:right}
  .sheet-wrap{align-items:center}
  .sheet{max-width:540px;max-height:92vh;border-radius:28px;padding:22px 26px;box-shadow:0 30px 80px rgba(43,27,18,.35)}
  .sheet .two2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .toast{bottom:32px}
}
@media (max-width:1023px){.thead{display:none}}
@media (max-width:370px){.hero-big{font-size:40px}.amt-in input{font-size:48px}.ni{width:56px}.ni span{font-size:11px}}