:root{--navy:#08223b;--blue:#0d4774;--green:#0b6b45;--green2:#15965c;--mint:#e8f5ed;--gold:#ffad19;--orange:#f4891f;--ink:#13231d;--muted:#63716b;--bg:#f3f8f4;--card:#fff;--line:#dbe7df;--danger:#b42318;--shadow:0 18px 50px rgba(12,52,37,.10)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#f5faf6,#fff 42%,#f2f7f4);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh;padding-bottom:92px}a{color:inherit}.topbar{height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px clamp(16px,4vw,44px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand img{width:48px;height:48px;border-radius:14px}.brand span{display:flex;flex-direction:column}.brand b{color:var(--navy);font-size:1rem}.brand small{color:var(--muted);font-size:.72rem}.owner-chip{background:var(--mint);color:var(--green);font-weight:800;padding:8px 12px;border-radius:999px}.page{width:min(1060px,calc(100% - 30px));margin:0 auto;padding:32px 0 70px}.eyebrow{margin:0 0 8px;color:var(--green);font-size:.75rem;letter-spacing:.16em;font-weight:900}.welcome{padding:clamp(10px,3vw,28px) 0 18px}.welcome h1,.page-head h1,.auth-intro h1,.conversation-head h1{font-size:clamp(2.05rem,6vw,4.5rem);line-height:.98;letter-spacing:-.05em;margin:0 0 14px;color:var(--navy)}.welcome p:last-child,.page-head>p:last-child{color:var(--muted);max-width:680px;line-height:1.65;font-size:1.02rem}.project-hero{background:radial-gradient(circle at 92% 10%,rgba(255,173,25,.32),transparent 22%),linear-gradient(130deg,#06291f,#0a6846);color:#fff;border-radius:30px;padding:clamp(24px,5vw,44px);display:flex;align-items:end;justify-content:space-between;gap:24px;box-shadow:0 25px 70px rgba(5,67,43,.22)}.project-hero span{color:#99e4bd;letter-spacing:.15em;font-size:.72rem;font-weight:900}.project-hero h2{font-size:clamp(1.6rem,4vw,2.7rem);margin:8px 0}.project-hero p{color:#d8efe4;margin:0;max-width:620px;line-height:1.6}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 19px;border:0;border-radius:15px;text-decoration:none;font-weight:900;cursor:pointer;font:inherit;font-weight:850}.button.primary{color:#fff;background:linear-gradient(135deg,var(--green),var(--green2));box-shadow:0 10px 24px rgba(11,107,69,.18)}.button.light{background:#fff;color:var(--green);white-space:nowrap}.button.ghost{background:#eef5f0;color:var(--navy)}.button.danger{background:#fff0ee;color:var(--danger);margin-top:22px}.notice-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:18px 0 0;padding:16px 18px;border-radius:19px;text-decoration:none;background:#fff6df;border:1px solid #f7d88d}.notice-card.neutral{background:#fff;border-color:var(--line)}.notice-card span:nth-child(2){display:flex;flex-direction:column}.notice-card small{color:var(--muted);margin-top:4px}.notice-dot{min-width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:900}.section-title{margin:36px 0 16px}.section-title h2{font-size:1.65rem;margin:0;color:var(--navy)}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:22px;padding:19px;min-height:105px;box-shadow:0 10px 28px rgba(16,55,42,.05);transition:.2s}.tool-card:hover{transform:translateY(-2px);border-color:#a7ceb5}.tool-icon{width:54px;height:54px;border-radius:17px;background:var(--mint);display:grid;place-items:center;font-size:1.55rem}.tool-card span:nth-child(2){display:flex;flex-direction:column}.tool-card b{color:var(--navy);font-size:1.02rem}.tool-card small{color:var(--muted);margin-top:5px;line-height:1.4}.arrow{font-size:1.8rem;color:#91a29a}.expert-banner{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--shadow)}.expert-banner>div{display:flex;align-items:center;gap:18px}.expert-banner h2{margin:0 0 6px;color:var(--navy)}.expert-banner p:last-child{margin:0;color:var(--muted);line-height:1.5}.expert-avatar{width:62px;height:62px;flex:0 0 62px;border-radius:22px;background:linear-gradient(135deg,var(--navy),var(--green));color:#fff;display:grid;place-items:center;font-weight:950}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:76px;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#708077;gap:3px}.bottom-nav a span{font-size:1.2rem}.bottom-nav small{font-size:.66rem;font-weight:750}.bottom-nav a.active{color:var(--green)}.page-head{padding:10px 0 20px}.status-card,.profile-card,.expert-form,.auth-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(22px,5vw,36px);box-shadow:var(--shadow)}.status-card>span{font-size:.72rem;letter-spacing:.13em;color:var(--green);font-weight:900}.status-card h2{font-size:2rem;color:var(--navy);margin:10px 0}.status-card p{color:var(--muted)}.progress-track{height:11px;background:#e5eee8;border-radius:99px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:99px}.empty-state{text-align:center;border:1px dashed #b7cabf;background:rgba(255,255,255,.72);border-radius:24px;padding:34px;margin-top:24px}.empty-state>span{font-size:2rem}.empty-state h3{color:var(--navy);margin:12px 0 6px}.empty-state p{color:var(--muted);max-width:560px;margin:0 auto 18px;line-height:1.55}.auth-shell{min-height:calc(100vh - 160px);display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.auth-shell.single{grid-template-columns:minmax(0,560px);justify-content:center}.auth-intro img{width:88px}.auth-intro>p:last-child{color:var(--muted);line-height:1.7;font-size:1.08rem}.auth-card h1{font-size:2.2rem;color:var(--navy);margin:4px 0 12px}.auth-card>p{color:var(--muted);line-height:1.6}.auth-card form,.expert-form form{display:grid;gap:18px}.auth-card label,.expert-form label{font-weight:800;color:var(--navy);display:grid;gap:8px}input,textarea{width:100%;border:1px solid #c9d9cf;border-radius:14px;padding:14px 15px;font:inherit;color:var(--ink);background:#fbfdfb;outline:none}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(11,107,69,.1)}.phone-field{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid #c9d9cf;border-radius:14px;overflow:hidden;background:#fbfdfb}.phone-field span{padding:0 14px;color:var(--muted);font-weight:700;border-right:1px solid var(--line)}.phone-field input{border:0;border-radius:0}.form-note,.note{font-size:.83rem;color:var(--muted);line-height:1.55}.otp-input{text-align:center;font-size:2rem;letter-spacing:.45em;font-weight:900}.text-link{display:block;text-align:center;color:var(--green);font-weight:800;margin-top:16px}.flash{width:min(1060px,calc(100% - 30px));margin:14px auto 0;padding:13px 16px;border-radius:14px;background:#e7f7ed;color:#12643d}.flash.error{background:#fff0ee;color:#9f241b}.flash.success{background:#e7f7ed;color:#12643d}.expert-identity{display:flex;align-items:center;gap:14px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.expert-identity>div{display:flex;flex-direction:column}.expert-identity small{color:var(--muted);margin-top:4px}.file-drop{background:#f5f9f6;border:1px dashed #9bb8a6;border-radius:18px;padding:18px}.file-drop input{padding:8px;background:transparent;border:0}.file-drop small{font-weight:500;color:var(--muted)}.conversation-head,.reader-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.conversation-head h1{font-size:2.7rem}.secure-pill{background:var(--mint);color:var(--green);border-radius:999px;padding:8px 11px;font-size:.75rem;font-weight:850}.conversation{display:flex;flex-direction:column;gap:12px;margin:20px 0 120px}.bubble{max-width:min(78%,700px);padding:15px 17px;border-radius:20px;background:#fff;border:1px solid var(--line);align-self:flex-start}.bubble.client{align-self:flex-end;background:#0b6847;color:#fff;border-color:#0b6847}.bubble header{display:flex;justify-content:space-between;gap:18px;font-size:.73rem}.bubble header time{opacity:.7}.bubble p{line-height:1.55;margin:8px 0 0}.attachment{display:inline-block;margin-top:10px;font-weight:800}.composer{position:fixed;z-index:25;bottom:84px;left:50%;transform:translateX(-50%);width:min(820px,calc(100% - 24px));display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.composer textarea{resize:none;border:0}.composer button{width:50px;border:0;border-radius:15px;background:var(--green);color:#fff;font-size:1.3rem}.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.document-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow)}.doc-badge{font-size:.7rem;letter-spacing:.14em;color:var(--green);font-weight:900}.doc-cover{height:260px;border-radius:22px;margin:16px 0 20px;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#08223b,#0b6b45);color:#fff}.catalogue .doc-cover{background:linear-gradient(145deg,#ffad19,#f0781d);color:#13231d}.doc-cover span{font-size:4rem;font-weight:950}.doc-cover small{font-size:1rem;font-weight:850}.document-card h2{color:var(--navy);margin:0 0 8px}.document-card p{color:var(--muted);line-height:1.55}.doc-actions{display:flex;gap:10px}.reader-head h1{margin:0;color:var(--navy)}.reader-head>div:last-child{display:flex;gap:9px}.pdf-reader{width:100%;height:calc(100vh - 220px);min-height:620px;border:1px solid var(--line);border-radius:20px;margin-top:18px;background:#ddd}.profile-card{display:flex;align-items:center;gap:18px}.profile-avatar{width:72px;height:72px;border-radius:24px;background:linear-gradient(135deg,var(--navy),var(--green));display:grid;place-items:center;color:#fff;font-size:2rem;font-weight:950}.profile-card h2{margin:0;color:var(--navy)}.profile-card p{margin:5px 0}.verified{color:var(--green);font-size:.78rem;font-weight:800}.settings-list{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;margin-top:18px}.settings-list>div,.settings-list>button{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:18px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;font:inherit}.settings-list>div:last-child{border-bottom:0}.settings-list span:first-child{font-size:1.4rem}.settings-list div div,.settings-list button span:nth-child(2){display:flex;flex-direction:column}.settings-list small{color:var(--muted);margin-top:4px}.install-banner{position:fixed;z-index:50;left:50%;transform:translateX(-50%);bottom:88px;width:min(760px,calc(100% - 24px));background:#08223b;color:#fff;padding:14px;border-radius:20px;box-shadow:0 22px 60px rgba(0,0,0,.3);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px}.install-banner[hidden]{display:none}.install-banner div{display:flex;flex-direction:column}.install-banner small{color:#cbd8e4;margin-top:3px}.install-banner button{border:0;border-radius:12px;background:var(--gold);padding:10px 14px;font-weight:900}.install-banner .icon-button{background:transparent;color:#fff;font-size:1.35rem}.install-page{min-height:100vh;display:grid;place-items:center;padding:30px}.install-card{width:min(700px,100%);background:#fff;border:1px solid var(--line);border-radius:30px;padding:clamp(24px,5vw,44px);box-shadow:var(--shadow)}.install-logo{width:80px}.install-card h1{color:var(--navy);font-size:2.3rem;margin:0}.install-card>p{color:var(--muted);line-height:1.6}.check-list{list-style:none;padding:0;display:grid;gap:8px}.check-list li{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;background:#f5f8f6}.check-list li span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:900}.check-list .ok span{background:#dff5e7;color:var(--green)}.check-list .bad span{background:#ffe4df;color:var(--danger)}.success-box{display:flex;flex-direction:column;background:#e7f7ed;color:#12643d;padding:16px;border-radius:15px;margin:16px 0}.install-card .button{width:100%;margin-top:10px}.confirm{display:flex;gap:10px;align-items:flex-start;margin:16px 0}.confirm input{width:auto;margin-top:4px}.work-table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden}.work-table th,.work-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.work-table th{background:#f0f6f2;font-size:.75rem;color:var(--muted)}@media(max-width:760px){.page{width:min(100% - 24px,1060px);padding-top:22px}.owner-chip{display:none}.project-hero,.expert-banner{align-items:stretch;flex-direction:column}.tool-grid,.document-grid{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr;gap:20px}.auth-intro{text-align:center}.auth-intro img{width:72px}.conversation-head,.reader-head{align-items:flex-start;flex-direction:column}.reader-head>div:last-child{width:100%}.reader-head .button{flex:1}.pdf-reader{height:70vh;min-height:480px}.bubble{max-width:88%}.doc-cover{height:210px}.install-banner{bottom:82px;grid-template-columns:1fr auto}.install-banner .icon-button{position:absolute;right:5px;top:2px}.install-banner div{padding-right:20px}}@media(min-width:900px){body{padding-bottom:20px}.bottom-nav{position:sticky;bottom:18px;width:min(680px,calc(100% - 30px));margin:0 auto 20px;border:1px solid var(--line);border-radius:22px;height:68px;box-shadow:var(--shadow)}}