:root{
  --bg:#1a2026;--card:#242d35;--card2:#1e272e;--input:#1a2128;
  --brd:#333e48;--txt:#fff;--txt2:#8a9bab;--txt3:#5e6f7e;
  --blue:#1ea0ff;--green:#29a354;--green-bg:#1c3328;
  --yellow:#d4a34b;--yellow-bg:#352e1c;--purple:#9e63f7;--purple-bg:#2a1f3d;
  --cyan:#22c7d0;--cyan-bg:#1a3034;--orange:#e68a3a;--orange-bg:#352a1c;
  --red:#e55050;--red-bg:#351c1c;--nav:#1e262c;
}
*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent}
body{background:var(--bg);color:var(--txt);display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}

/* Screens */
.screen{display:none;flex:1;overflow-y:auto;padding:16px 16px 95px;-webkit-overflow-scrolling:touch}
.screen.active{display:block}

/* Top bar */
.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.logo h1{font-size:20px;font-weight:700}.logo span{color:var(--txt2);font-size:12px}
.top-icons{display:flex;gap:14px;font-size:18px;color:var(--txt2)}

/* Hero stats */
.hero{text-align:center;margin-bottom:24px}
.hero h1{font-size:30px;font-weight:800;margin-bottom:4px}.hero p{color:var(--txt2);font-size:13px}

/* Quick actions (3 circles) */
.quick-actions{display:flex;justify-content:space-around;margin-bottom:24px}
.qa{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}
.qa-circle{width:56px;height:56px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--blue);transition:.15s}
.qa-circle.primary{background:var(--blue);color:#fff}
.qa span{font-size:12px;color:var(--blue);font-weight:500}

/* Promo card */
.promo-card{background:linear-gradient(135deg,#2b3944,#202b34);border-radius:14px;padding:14px;display:flex;align-items:center;gap:14px;margin-bottom:24px;cursor:pointer}
.promo-icon{font-size:28px;color:var(--blue)}.promo-body h3{font-size:15px;margin-bottom:3px}.promo-body p{font-size:12px;color:var(--txt2);line-height:1.35}
.promo-arrow{color:var(--txt3);margin-left:auto}

/* Section heads */
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.section-head h2{font-size:17px}.link{color:var(--blue);font-size:13px;display:flex;align-items:center;gap:4px;cursor:pointer}

/* Card list (recent / archive) */
.card-list{display:flex;flex-direction:column;gap:10px}
.doc-card{background:var(--card);border-radius:13px;padding:13px;display:flex;align-items:center;gap:11px;cursor:pointer}
.doc-card .ic{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.ic.blue{background:rgba(30,160,255,.14);color:var(--blue)}
.ic.green{background:var(--green-bg);color:var(--green)}
.ic.yellow{background:var(--yellow-bg);color:var(--yellow)}
.ic.purple{background:var(--purple-bg);color:var(--purple)}
.ic.cyan{background:var(--cyan-bg);color:var(--cyan)}
.ic.orange{background:var(--orange-bg);color:var(--orange)}
.ic.red{background:var(--red-bg);color:var(--red)}
.doc-card .info h3{font-size:14px;margin-bottom:3px}.doc-card .info p{font-size:12px;color:var(--txt2)}
.badge{margin-left:auto;font-size:11px;padding:3px 9px;border-radius:20px;flex-shrink:0}
.badge.ok{background:var(--green-bg);color:var(--green)}.badge.draft{background:var(--yellow-bg);color:var(--yellow)}

.empty-state{text-align:center;padding:40px 0;color:var(--txt3);font-size:14px}
.empty-state i{font-size:36px;margin-bottom:10px;display:block}

/* Sub-bar */
.sub-bar{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.sub-bar>i{font-size:20px;color:var(--txt2);cursor:pointer;padding:4px}
.sub-title{flex:1}.sub-title.center{text-align:center}
.sub-title h2{font-size:17px}.sub-title span,.sub-title p{font-size:12px;color:var(--txt2);margin-top:1px}

/* Template list */
.tpl-list{display:flex;flex-direction:column;gap:10px}
.tpl{background:var(--card);border-radius:13px;padding:13px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .12s}
.tpl:active{background:var(--brd)}
.tpl-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.tpl-icon.blue{background:rgba(30,160,255,.14);color:var(--blue)}
.tpl-icon.green{background:var(--green-bg);color:var(--green)}
.tpl-icon.yellow{background:var(--yellow-bg);color:var(--yellow)}
.tpl-icon.cyan{background:var(--cyan-bg);color:var(--cyan)}
.tpl-icon.purple{background:var(--purple-bg);color:var(--purple)}
.tpl-icon.orange{background:var(--orange-bg);color:var(--orange)}
.tpl-icon.red{background:var(--red-bg);color:var(--red)}
.tpl-info h3{font-size:14px;margin-bottom:3px}.tpl-info p{font-size:12px;color:var(--txt2)}
.arr{margin-left:auto;color:var(--txt3);font-size:13px}

/* Search box */
.search-box{background:var(--card);border-radius:11px;padding:11px 14px;display:flex;align-items:center;gap:10px;margin-bottom:16px}
.search-box i{color:var(--txt3)}.search-box input{background:transparent;border:none;color:#fff;font-size:14px;width:100%;outline:none}

/* Paste area */
.paste-info{background:rgba(30,160,255,.08);border-radius:10px;padding:12px;display:flex;gap:10px;align-items:flex-start;margin-bottom:14px;font-size:13px;color:var(--txt2)}
.paste-info i{color:var(--blue);margin-top:2px;flex-shrink:0}
.paste-info code{background:var(--card);padding:1px 5px;border-radius:4px;font-size:12px;color:var(--blue)}
.paste-area textarea{width:100%;background:var(--card);border:1px solid var(--brd);color:#fff;padding:13px;border-radius:11px;font-size:13px;line-height:1.5;resize:vertical;min-height:200px;outline:none;font-family:inherit;margin-bottom:14px}
.paste-area textarea:focus{border-color:var(--blue)}
.paste-area textarea::placeholder{color:var(--txt3)}

/* Progress bar */
.progress{margin-bottom:14px}.progress span{font-size:12px;color:var(--txt2);display:block;margin-bottom:6px}
.track{height:4px;background:var(--card);border-radius:2px}.bar{height:100%;background:var(--blue);border-radius:2px;width:50%;transition:width .3s}

/* Paste-mini collapsible */
.paste-mini{background:var(--card);border-radius:12px;margin-bottom:14px;overflow:hidden}
.paste-mini-head{padding:13px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--blue)}
.paste-mini-head span{flex:1}
.paste-mini-arrow{color:var(--txt3);transition:transform .2s}
.paste-mini-arrow.open{transform:rotate(180deg)}
.paste-mini-body{display:none;padding:0 14px 14px}
.paste-mini-body.open{display:block}
.paste-mini-body textarea{width:100%;background:var(--input);border:1px solid var(--brd);color:#fff;padding:10px;border-radius:8px;font-size:13px;resize:none;outline:none;font-family:inherit;margin-bottom:8px}
.btn-sm{background:var(--blue);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer}

/* Company chips */
.sec-label{font-size:14px;margin-bottom:10px;color:var(--txt2)}
.company-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.chip{padding:9px 14px;border-radius:10px;background:var(--card);border:1px solid var(--brd);font-size:13px;cursor:pointer;transition:.15s;color:var(--txt)}
.chip.sel{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}

/* Company section */
.company-section{margin-bottom:6px}

/* Accordions */
.acc{background:var(--card);border-radius:13px;margin-bottom:10px;overflow:hidden}
.acc-head{padding:14px;display:flex;align-items:center;gap:11px;cursor:pointer}
.acc-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.acc-icon.ok{background:var(--green);color:#fff}
.acc-icon.blue{background:var(--blue);color:#fff}
.acc-icon.gray{background:var(--brd);color:var(--txt3)}
.acc-label h3{font-size:15px}.acc-label p{font-size:11px;color:var(--txt2);margin-top:2px}
.acc-arrow{margin-left:auto;color:var(--txt3);transition:transform .2s;font-size:13px}
.acc-arrow.open{transform:rotate(180deg)}
.acc-body{display:none;padding:0 14px 14px}
.acc-body.open{display:block}

/* Form inputs */
.fg{margin-bottom:12px}.fg:last-child{margin-bottom:0}
.fg label{display:block;font-size:12px;color:var(--txt2);margin-bottom:5px}
.fg input,.fg select{width:100%;background:var(--input);border:1px solid var(--brd);color:#fff;padding:11px;border-radius:9px;font-size:14px;outline:none;-webkit-appearance:none}
.fg input:focus,.fg select:focus{border-color:var(--blue)}
.fg select{cursor:pointer}
.fg input::placeholder{color:var(--txt3)}
.row{display:flex;gap:10px}.row .fg{flex:1}

/* Buttons */
.btn-main{width:100%;background:var(--blue);color:#fff;border:none;padding:15px;border-radius:11px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;margin-bottom:10px}
.btn-outline{width:100%;background:transparent;border:1px solid var(--brd);color:#fff;padding:14px;border-radius:11px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}

/* Success */
.success-hero{display:flex;flex-direction:column;align-items:center;text-align:center;margin:24px 0 28px}
.success-check{width:76px;height:76px;background:var(--green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:38px;margin-bottom:18px}
.success-hero h1{font-size:26px;margin-bottom:6px}.success-hero p{color:var(--txt2);font-size:14px;line-height:1.4}
.result-card{background:var(--card);border-radius:14px;padding:16px;margin-bottom:20px;font-size:13px;line-height:1.6;color:var(--txt2)}
.result-card b{color:var(--txt)}

/* Tab bar */
.tab-bar{position:fixed;bottom:0;left:0;width:100%;background:var(--nav);display:flex;justify-content:space-around;padding:8px 12px 18px;border-top:1px solid #181f24}
.tab{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--txt3);font-size:10px;cursor:pointer;padding:2px 6px}
.tab.active{color:var(--blue)}.tab i{font-size:19px}
.tab.fab{margin-top:-14px}
.fab-circle{width:46px;height:46px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;border:3px solid var(--bg)}