:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,system-ui,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font-family:inherit}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#17212b;background:#f3f5f6;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app{min-height:100vh;display:flex}.sidebar{color:#fff;background:#111b21;flex-direction:column;width:240px;padding:25px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand-icon{color:#071b13;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex}.brand strong,.brand span{display:block}.brand span{color:#8696a0;font-size:13px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.sidebar nav button{color:#aebac1;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;padding:12px 14px}.sidebar nav button:hover,.sidebar nav .nav-active{color:#fff;background:#202c33}.privacy{background:#202c33;border-radius:12px;margin-top:auto;padding:15px}.privacy strong{font-size:13px}.privacy p{color:#8696a0;margin:7px 0 0;font-size:12px;line-height:1.5}.main{width:calc(100% - 240px);margin-left:240px;padding:34px 42px 60px}.topbar{margin-bottom:24px}.topbar h1{margin:0;font-size:30px}.topbar p{color:#667781;margin-top:8px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px;display:grid}.stat-card{background:#fff;border:1px solid #e2e6e8;border-radius:14px;padding:20px}.stat-card span{color:#667781;font-size:13px;display:block}.stat-card strong{margin-top:7px;font-size:27px;display:block}.import-card{text-align:center;background:#fff;border:1px solid #e2e6e8;border-radius:16px;margin-bottom:22px;padding:36px}.import-icon{font-size:46px}.import-card h2{margin:12px 0 5px}.description{color:#667781;max-width:600px;margin:0 auto 22px;line-height:1.6}.primary{color:#fff;cursor:pointer;background:#00a884;border:0;border-radius:9px;padding:13px 21px;font-weight:650}.primary:hover{background:#008f72}.folder-info{text-align:left;background:#f6f8f9;border-radius:10px;max-width:800px;margin:22px auto;padding:14px 16px}.folder-info div+div{margin-top:12px}.folder-info span{color:#8696a0;margin-bottom:4px;font-size:12px;display:block}.folder-info strong{word-break:break-all;font-size:13px;display:block}.import-button{color:#00a884;cursor:pointer;background:#fff;border:1px solid #00a884;border-radius:9px;padding:12px 23px}.import-button:disabled{cursor:not-allowed;opacity:.45}.reset-button{color:#c0392b;cursor:pointer;background:0 0;border:0;margin-left:12px;padding:12px 8px}.reset-button:disabled{cursor:not-allowed;opacity:.45}.status{color:#667781;margin-top:15px;font-size:13px}.chat-card{background:#fff;border:1px solid #e2e6e8;border-radius:16px;overflow:hidden}.chat-title{border-bottom:1px solid #e5e9eb;padding:22px 25px}.chat-title h2{margin:0}.chat-title p{color:#8696a0;margin:5px 0 0;font-size:13px}.chat-background{background:#efeae2;min-height:400px;padding:28px}.message{background:#fff;border-radius:8px;width:fit-content;min-width:260px;max-width:650px;margin-bottom:12px;padding:11px 13px;box-shadow:0 1px 1px #0000000f}.message-top{justify-content:space-between;align-items:center;gap:25px;margin-bottom:7px;display:flex}.message-top strong{color:#008069;font-size:13px}.message-top span{color:#8696a0;font-size:11px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.48}.chat-image{object-fit:contain;background:#e9edef;border-radius:8px;width:auto;max-width:100%;max-height:430px;margin:5px 0 9px;display:block}.chat-video{background:#000;border-radius:8px;width:500px;max-width:100%;max-height:430px;margin:5px 0 9px;display:block}.chat-audio{width:100%;min-width:300px;margin:8px 0;display:block}.attachment{color:#006c5b;background:#f0f2f5;border-radius:7px;margin:7px 0;padding:10px 12px;text-decoration:none;display:inline-block}.media-loading,.media-missing{color:#667781;background:#f0f2f5;border-radius:7px;margin:7px 0;padding:10px;font-size:12px}.empty{text-align:center;color:#8696a0;padding:50px}@media (width<=1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.sidebar{display:none}.main{width:100%;margin-left:0;padding:20px}.stats-grid{grid-template-columns:1fr 1fr}}