.cartstrings-app{background:#f6f8fc;color:#202124;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh;overflow:hidden}.inbox-header{height:64px;justify-content:space-between;padding:8px 16px}.header-left,.inbox-header{align-items:center;display:flex}.header-left{gap:15px}.logo{color:#5f6368;font-size:22px;gap:8px}.logo,.logo-box{align-items:center;display:flex}.logo-box{background:#0b57d0;border-radius:8px;color:#fff;font-weight:700;height:32px;justify-content:center;width:32px}.header-center{flex:1;max-width:720px;padding:0 40px}.search-bar{align-items:center;background:#eaf1fb;border-radius:24px;display:flex;gap:12px;padding:12px 20px}.search-bar input{background:transparent;border:none;font-size:16px;outline:none;width:100%}.user-circle{align-items:center;background:#0b57d0;border-radius:50%;color:#fff;display:flex;font-weight:700;height:32px;justify-content:center;width:32px}.app-body{display:flex;flex:1;overflow:hidden}.app-sidebar{padding:8px;width:256px}.compose-btn{background:#c2e7ff;border:none;border-radius:16px;font-weight:500;margin:8px 0 16px 8px;padding:18px 24px}.compose-btn,.nav-item{align-items:center;cursor:pointer;display:flex}.nav-item{border-radius:0 16px 16px 0;font-size:14px;height:32px;padding:0 24px}.nav-item.active{background:#d3e3fd;font-weight:700}.app-content{background:#fff;border-radius:16px;display:flex;flex:1;flex-direction:column;margin:0 16px 16px 0}.tabs-bar{border-bottom:1px solid #f1f1f1;display:flex}.tab{align-items:center;border-bottom:3px solid transparent;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:15px 30px}.tab.active{background:#f8f9fa;border-bottom-color:#0b57d0;color:#0b57d0}.inbox-view{display:flex;height:100%;overflow:hidden}.email-list{border-right:1px solid #f1f1f1;overflow-y:auto;width:400px}.email-row{align-items:center;border-bottom:1px solid #f1f1f1;cursor:pointer;display:flex;font-size:14px;gap:15px;padding:12px 16px}.email-row:hover{background:#f8f9fa;box-shadow:inset 3px 0 0 #0b57d0}.email-sender{font-weight:700;width:120px}.email-info,.email-sender{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-info{flex:1}.email-subject{font-weight:700}.reading-pane{flex:1;overflow-y:auto;padding:40px}.spam-view,.static-view{display:none;height:100%;padding:60px;text-align:center}.spam-view.active,.static-view.active{display:block}.compose-modal{background:#fff;border-radius:8px 8px 0 0;bottom:0;box-shadow:0 8px 10px rgba(0,0,0,.2);display:none;flex-direction:column;position:fixed;right:80px;width:512px;z-index:1000}.modal-header{background:#f2f6fc;border-radius:8px 8px 0 0;display:flex;font-size:14px;justify-content:space-between;padding:10px 15px}.modal-body{display:flex;flex-direction:column;padding:0 15px}.input-line{border-bottom:1px solid #f1f1f1;display:flex;padding:8px 0}.input-line input{border:none;flex:1;margin-left:10px;outline:none}.modal-body textarea{border:none;height:300px;outline:none;padding:15px 0;resize:none}.modal-footer{border-top:1px solid #f1f1f1;padding:15px}.send-btn{background:#0b57d0;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;padding:10px 24px}