:root{--forest:#102f2a;--forest2:#1b5043;--lime:#bdf36a;--lime2:#94dd55;--cream:#f5f6ef;--paper:#fff;--ink:#112d28;--muted:#72807b;--line:#e1e8de;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--forest);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--cream);min-height:100vh}button,input,select,textarea{font:inherit}button{border:0;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app{max-width:760px;min-height:100vh;margin:auto;padding-bottom:88px;background:var(--cream)}header{height:66px;padding:11px 17px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;background:#f5f6efe8;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;background:none;font-size:17px;font-weight:800}.brand>i{width:35px;height:35px;border-radius:12px;position:relative;background:linear-gradient(145deg,var(--lime),var(--lime2));box-shadow:inset 2px 2px 3px #fff9,0 8px 16px #315c2c2b}.brand b{position:absolute;bottom:8px;width:4px;border-radius:4px;background:var(--forest)}.brand b:nth-child(1){left:9px;height:8px}.brand b:nth-child(2){left:15px;height:14px}.brand b:nth-child(3){left:21px;height:19px}.avatar{width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,#fff,#daf6c2);box-shadow:0 8px 18px #183f3520;font-weight:800}main{padding:15px 16px 28px}nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);height:76px;padding:7px 9px max(7px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:#fffffff0;border-top:1px solid var(--line);backdrop-filter:blur(18px)}nav button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border-radius:14px;background:none;color:#87928d}nav button.active{color:var(--forest);background:#e6f8cf}nav small{font-size:10px}.pagehead{margin:9px 4px 23px}.pagehead em,.result>em,.dialoghead em{display:block;font-style:normal;color:#667e76;font-size:10px;font-weight:800;letter-spacing:1.7px;margin-bottom:8px}.pagehead h1,.result h1,.locked h1{font-size:32px;line-height:1.08;letter-spacing:-1.2px;margin:0 0 9px}.pagehead p,.locked p{font-size:14px;line-height:1.55;color:var(--muted);margin:0}.notice{font-size:11px;color:#536860;background:#e6f3dd;border-radius:13px;padding:10px 13px;margin-bottom:13px}.search{margin-bottom:17px}.search>div,.searchline{display:flex;align-items:center;gap:9px;padding:6px 7px 6px 13px;background:white;border:1px solid var(--line);border-radius:17px}.search>div:focus-within,.searchline:focus-within{border-color:#94c45f;box-shadow:0 0 0 4px #dff4c9}.search input,.searchline input{flex:1;min-width:0;border:0;outline:0;background:none;padding:10px 0;color:var(--ink)}.search button,.searchline button{padding:11px 13px;border-radius:12px;background:var(--forest);color:white;font-size:12px;font-weight:750}.search>section,#clientresults{display:grid;gap:7px;margin-top:8px}.hero{min-height:190px;padding:24px;border-radius:25px;color:white;position:relative;overflow:hidden;background:radial-gradient(circle at 90% 0,#3b7564 0,transparent 38%),linear-gradient(140deg,var(--forest),var(--forest2));box-shadow:0 18px 38px #102f2a28}.hero .pill{font-size:10px;color:var(--forest);font-weight:800;background:var(--lime);padding:6px 9px;border-radius:20px}.hero h2{font-size:24px;max-width:230px;margin:17px 0 6px;letter-spacing:-.6px}.hero p{font-size:12px;color:#c8dcd4;max-width:220px}.round{position:absolute;z-index:3;left:24px;bottom:20px;width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--lime),var(--lime2));box-shadow:inset 2px 2px 3px #fff9,0 10px 18px #061a1540}.art{position:absolute;right:-5px;top:5px;width:178px;height:178px;border:1px solid #9fcabd33;border-radius:50%;transform:rotate(-8deg)}.art>i{position:absolute;width:88px;height:118px;left:45px;top:25px;border-radius:12px;background:linear-gradient(145deg,#fff,#e4f1e8);box-shadow:inset -7px -7px 14px #c8ddd2,0 22px 28px #061a1555;transform:rotate(13deg)}.art>i:before,.art>i:after{content:"";position:absolute;left:17px;right:17px;top:32px;height:6px;border-radius:6px;background:#bed4c9;box-shadow:0 18px 0 #d3e2db}.art>i:after{top:74px;right:34px;background:var(--lime);box-shadow:none}.art b{position:absolute;border-radius:50%;background:linear-gradient(145deg,#ecffd6,var(--lime2));box-shadow:inset 3px 3px 6px #fff9,inset -5px -5px 10px #477b2d66,0 10px 18px #061a1540}.art b:nth-child(2){width:29px;height:29px;left:0;top:58px}.art b:nth-child(3){width:17px;height:17px;right:17px;bottom:20px}.sectiontitle{display:flex;justify-content:space-between;align-items:center;margin:26px 2px 11px}.sectiontitle h2{font-size:17px;margin:0}.sectiontitle button{background:none;color:#667c74;font-size:11px}.types{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.types>button{min-width:0;text-align:left;padding:14px 11px;border:1px solid var(--line);border-radius:18px;background:white}.types i,.companybar>i,.option>i{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#efffde,var(--lime));box-shadow:inset 1px 1px 2px white,0 8px 14px #4a7b3620}.types i{margin-bottom:13px}.types i svg,.companybar i svg,.option i svg{width:20px}.types b,.types small{display:block}.types b{font-size:13px}.types small{font-size:9px;line-height:1.3;color:var(--muted);margin-top:4px}.surface{padding:18px;border:1px solid var(--line);border-radius:20px;background:white;box-shadow:0 10px 30px #102f2a0b}.surface.compact{padding:5px 14px}.docrow{width:100%;display:grid;grid-template-columns:38px 1fr auto 17px;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);background:none;text-align:left}.docrow:last-child{border:0}.docrow>i{width:38px;height:38px;border-radius:12px;background:#f0f4ec;display:grid;place-items:center;color:#698077}.docrow>i svg{width:19px}.docrow span{min-width:0}.docrow b,.docrow small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.docrow b{font-size:12px}.docrow small{font-size:10px;color:var(--muted);margin-top:4px}.docrow strong{font-size:11px;white-space:nowrap}.docrow>svg{width:16px;color:#9aa59f}.companybar{width:100%;display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:10px;margin-top:13px;padding:11px;border-radius:18px;background:linear-gradient(135deg,#eafbd6,#d4f4bb);text-align:left}.companybar span{min-width:0}.companybar b,.companybar small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.companybar b{font-size:13px}.companybar small{font-size:10px;color:#61755c;margin-top:4px}.companybar>svg{width:17px}.option{width:100%;display:grid;grid-template-columns:40px 1fr 20px;gap:10px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:15px;background:white;text-align:left}.option span{min-width:0}.option b,.option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option b{font-size:12px}.option small{font-size:10px;color:var(--muted);margin-top:3px}.option>svg{width:17px}.stack{display:grid;gap:14px}.field{display:flex;flex-direction:column;gap:7px;min-width:0;color:#586d65;font-size:11px;font-weight:650}.field input,.field select,.field textarea,select{width:100%;padding:13px;border:1px solid #dfe6dc;border-radius:13px;outline:0;background:#fbfcf8;color:var(--ink);font-size:14px}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#94c85f;box-shadow:0 0 0 3px #e1f5cd}.cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary,.secondary,.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;border-radius:14px;font-weight:750;font-size:13px;text-align:center}.primary{background:linear-gradient(135deg,var(--lime),var(--lime2));box-shadow:inset 1px 1px 2px #fff9,0 9px 18px #5a97352b}.secondary{background:white;border:1px solid #d8e2d5}.ghost{padding:11px 13px;background:#edf7e4;color:#355847}.primary svg,.secondary svg,.ghost svg{width:18px}.wide{width:100%}.segments{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:4px;border-radius:15px;background:#e7ece4;margin-bottom:13px}.segments button{padding:11px 5px;border-radius:11px;background:none;font-size:12px}.segments button.active{background:white;box-shadow:0 3px 9px #102f2a18;font-weight:750}.words{margin-bottom:13px;background:linear-gradient(140deg,#ecfbdc,#fff)}.formpart{margin-bottom:13px}.steptitle{display:flex;gap:11px;align-items:flex-start;margin-bottom:16px}.steptitle>i{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:#e7f9d0;font-style:normal;font-size:12px;font-weight:800}.steptitle h2{font-size:16px;margin:2px 0 3px}.steptitle p{font-size:10px;color:var(--muted);margin:0}.searchline{margin-bottom:13px;background:#f9fbf6}.item{position:relative;display:grid;gap:10px;padding:13px 42px 13px 13px;border-radius:16px;background:#f7f9f4;margin-bottom:9px}.item>button{position:absolute;right:9px;top:10px;width:30px;height:30px;border-radius:10px;background:white;color:#b64b47}.item>button svg{width:16px}.total{display:flex;justify-content:space-between;align-items:end;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.total span{font-size:11px;color:var(--muted)}.total b{font-size:25px}.archive{margin-bottom:13px;background:white}.modelist{display:grid;gap:4px;padding:8px}.modelist>button{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;padding:13px;border-radius:15px;background:none;text-align:left}.modelist>button.active{background:#effadd}.modelist>button>i{width:21px;height:21px;border:1.5px solid #acb9b2;border-radius:50%;display:grid;place-items:center}.modelist>button.active>i{background:var(--lime);border-color:#75ac41}.modelist>button.active>i b{width:7px;height:7px;border-radius:50%;background:var(--forest)}.modelist strong,.modelist small{display:block}.modelist strong{font-size:14px;margin-bottom:4px}.modelist small{font-size:11px;line-height:1.4;color:var(--muted)}.about{display:flex;align-items:center;gap:14px;margin-top:13px;color:white;background:linear-gradient(135deg,var(--forest),var(--forest2))}.about>i{width:55px;height:55px;flex:none;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--lime),var(--lime2));box-shadow:inset 3px 3px 6px #fff8,inset -5px -5px 10px #42782655}.about>i b{width:21px;height:27px;border-radius:5px;background:white;transform:rotate(8deg);box-shadow:0 6px 9px #183d3270}.about h2{font-size:15px;margin:0 0 5px}.about p{font-size:11px;line-height:1.5;color:#bfd2ca;margin:0}.empty{text-align:center;padding:27px 8px}.empty>i{width:52px;height:52px;margin:auto;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#f4ffe7,#e3f8ca);color:#57735f}.empty h3{font-size:14px;margin:11px 0 4px}.empty p,.muted{font-size:11px;line-height:1.5;color:var(--muted)}.loading{display:flex;justify-content:center;gap:4px;padding:12px}.loading i{width:6px;height:6px;border-radius:50%;background:#83b956;animation:pulse 1s infinite}.loading i:nth-child(2){animation-delay:.15s}.loading i:nth-child(3){animation-delay:.3s}.result,.locked{text-align:center;padding:20px 0}.success{width:82px;height:82px;margin:12px auto 22px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,#eaffcf,var(--lime));box-shadow:inset 5px 5px 10px #fff,inset -7px -7px 13px #5d9e3855,0 20px 35px #345b2d2b;transform:rotate(-4deg)}.success svg{width:38px;height:38px}.result>p{font-size:12px;color:var(--muted)}.result>strong{display:block;font-size:29px;margin:20px}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:22px}.repeat{text-align:left}.repeat h2{font-size:14px}.repeat button{width:100%;display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line);background:none;font-size:12px}.repeat svg{width:17px}.card{margin-top:13px}.card img{display:block;width:100%;border-radius:15px;margin-bottom:11px}.card a,.card button{margin-top:8px}.locked{padding:55px 18px}.dialoghead{display:flex;justify-content:space-between}.dialoghead h2{font-size:23px;margin:0}.iconbtn{width:36px;height:36px;border-radius:12px;background:#eff2ec}.iconbtn svg{width:18px}dialog{width:calc(100% - 28px);max-width:500px;padding:22px;border:0;border-radius:24px;color:var(--ink);background:white;box-shadow:0 28px 90px #071d1766}dialog::backdrop{background:#0a211b99;backdrop-filter:blur(5px)}.preview{padding:16px;margin:18px 0;border-radius:17px;background:#f7f9f4}.preview small,.preview b,.preview strong{display:block}.preview b{margin-top:8px}.preview p{font-size:11px;line-height:1.6}.preview strong{font-size:21px}#toast{position:fixed;z-index:50;left:50%;bottom:93px;max-width:calc(100% - 32px);padding:12px 17px;border-radius:13px;background:var(--forest);color:white;font-size:12px;box-shadow:0 14px 35px #0a211b55;opacity:0;pointer-events:none;transform:translate(-50%,14px);transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes pulse{50%{opacity:.25;transform:translateY(-2px)}}@media(min-width:700px){header,main{padding-left:32px;padding-right:32px}.app{box-shadow:0 0 70px #071d1730}.hero{min-height:210px}.art{right:35px}.types{gap:13px}.types>button{padding:18px}.formpart{padding:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}